@font-face{font-family:Barlow;src:url(/fonts/Barlow.3a262070.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:BarlowCondensed;src:url(/fonts/BarlowCondensed-SemiBold.9dda9b2b.ttf) format("truetype");font-weight:600;font-style:normal}:root{--c-magenta:#e5007d;--c-yellow:#ffed00;--c-cyan:#009ee3;--c-purple:#a5027d;--c-white:#fff;--c-black:#000;--c-grey:#f4f4f4;--c-dark-grey:#333;--c-transparent:transparent;--font-body:"Barlow",Arial,sans-serif;--font-heading:"BarlowCondensed","Barlow",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--c-magenta);text-decoration:none}a:hover{color:var(--c-purple);text-decoration:underline}body{font-family:var(--font-body);background-color:var(--c-grey);color:var(--c-dark-grey);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#lisl-generator{display:flex;flex-direction:column;min-height:100dvh}.app-header{background-color:var(--c-white);box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;align-items:center;padding:10px calc(max(100vw - 600px, 0px)/2 + 20px);gap:15px;position:sticky;top:0;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:start}.app-header .logo{height:35px;width:auto;max-width:50%;-o-object-fit:contain;object-fit:contain}.app-header h1{font-family:var(--font-heading);font-size:1.3rem;color:var(--c-magenta);text-transform:uppercase}.main-content{flex:1;position:relative;max-width:600px;margin:0 auto;width:100%}.main-content,.step-container{display:flex;flex-direction:column}.step-container{padding:20px;padding-bottom:100px;gap:20px;flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.step-title{font-family:var(--font-heading);font-size:1.8rem;text-transform:uppercase;color:var(--c-purple)}.option-grid{display:flex;flex-direction:column;gap:15px}.selection-card{display:flex;align-items:center;padding:20px;background-color:var(--c-white);border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none}.selection-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.08)}.selection-card.active{border-color:var(--c-magenta);background-color:#fdf2f8}.check-icon{margin-left:auto;color:var(--c-magenta);width:1.5rem;height:1.5rem;flex-shrink:0}.selection-info h3{font-family:var(--font-heading);text-transform:uppercase;font-size:1.2rem;margin-bottom:4px;color:var(--c-dark-grey)}.selection-info p{font-size:.9rem;color:#666}.selection-icon{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;display:flex;align-items:center;justify-content:center;margin-right:20px;background-color:var(--c-grey);border-radius:8px}.input-group{display:flex;flex-direction:column;gap:10px;width:100%;background-color:var(--c-white);padding:15px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.input-group label{font-family:var(--font-heading);text-transform:uppercase;color:var(--c-cyan);font-size:1.3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}ul{list-style-position:inside;margin-left:10px}li{margin-bottom:8px;line-height:1.3}.styled-select,input,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-family:var(--font-body);font-size:1rem;resize:vertical}input[type=range]{padding:0}input[type=checkbox]{padding:0;height:1.5rem;width:1.5rem;accent-color:var(--c-magenta)}.styled-select:focus,input:focus,textarea:focus{outline:none;border-color:var(--c-magenta);box-shadow:0 0 4px var(--c-magenta)}.hint-text{font-size:.85rem;color:#666;align-items:center}.input-group-header{display:flex;justify-content:space-between;align-items:center}