.genre-preferences{box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:85dvh;padding:22px;border:1px solid #739f8c55;border-radius:20px;background:#10272d;color:#e2f3ed;overflow:hidden;font:inherit;box-shadow:0 20px 80px #0008}.genre-preferences::backdrop{background:#03120ccc}.genre-preferences header{display:flex;align-items:center;justify-content:space-between;gap:12px}.genre-preferences h2{font-size:21px;margin:0}.genre-preferences p,.genre-preferences small{line-height:1.5;color:#b3c8bf}.genre-preferences button{font:inherit;color:inherit;background:#21483b;border:1px solid #8cd3b344;border-radius:10px;min-height:44px;padding:8px 16px;cursor:pointer}.genre-preferences input[type=search]{box-sizing:border-box;width:100%;margin:18px 0 10px;min-height:44px;padding:10px;border:1px solid #739f8c55;border-radius:10px;background:#061b22;color:inherit;font:inherit}.genre-preferences__options{max-height:40dvh;overflow:auto;margin:12px 0}.genre-preferences__options label{display:flex;align-items:center;gap:12px;min-height:44px;text-transform:capitalize}.genre-preferences input[type=checkbox]{width:20px;height:20px;accent-color:#74deb1}.genre-preferences footer{position:sticky;bottom:-22px;padding:12px 0;background:#10272d}.genre-preferences footer button{width:100%;background:#79deb5;color:#10271f}.genre-section{padding:20px 0 12px;border-top:1px solid #8cd3b333;grid-column:1/-1}.genre-section h2{font-size:18px;color:var(--mint);margin:0 0 5px}.genre-section p{font-size:13px;color:var(--muted);margin:0}.genre-menu-button{width:100%;min-height:52px;padding:14px 16px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:#ffffff04;color:inherit;text-align:left;font:inherit}.genre-preferences[open]{display:flex;flex-direction:column;height:min(760px,85dvh);overscroll-behavior:contain}.genre-preferences>*{flex-shrink:0}.genre-preferences__options{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.genre-preferences footer{position:static;padding:8px 0 0}.genre-preferences>p{margin:10px 0}.genre-preferences>small{font-size:12px}.genre-preferences input[type=search]{margin:10px 0}@media(max-height:600px){.genre-preferences>p,.genre-preferences>small{display:none}.genre-preferences{padding:12px}}.fen-mode-onboarding{width:min(460px,100%);min-width:0;margin:auto;text-align:center}.fen-auth .fen-mode-onboarding h1{font-size:26px;line-height:1.25;margin:24px 0 12px}.fen-auth .fen-mode-onboarding>p{color:var(--muted,#adc4bf);font-size:14px;line-height:1.6;margin:0 0 24px;font-weight:400;letter-spacing:normal}.mode-preference{display:grid;gap:10px;width:100%}.mode-preference>button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;box-sizing:border-box;min-height:78px;padding:16px;border:1px solid #a5cfbd45;border-radius:12px;background:#142c33;color:#e7f5ef;text-align:left;font:inherit;cursor:pointer}.mode-preference>button strong{font-size:14px;font-weight:600;line-height:1.4}.mode-preference>button span{font-size:13px;line-height:1.5;color:#b6c9c3}.mode-preference>button[aria-pressed=true]{border-color:#57e5af;box-shadow:inset 3px 0 #57e5af;background:#16382f}.mode-preference>button:focus-visible{outline:2px solid #57e5af;outline-offset:3px}.mode-preference>button:disabled{opacity:.6;cursor:wait}main .settings-drawer .opening-mode-section>p{font-size:13px;line-height:1.5;color:var(--muted)}main .settings-drawer .opening-mode-section .mode-preference>button{min-height:78px;height:auto;font-family:inherit;padding:14px 16px}@media(min-width:781px){main .settings-drawer .opening-mode-section{border:1px solid var(--line);border-radius:12px;padding:0 16px 16px;margin:12px 0}main .settings-drawer .opening-mode-section>summary{padding:16px 0;cursor:pointer}main .settings-drawer .opening-mode-section>summary h3{display:inline;font-size:14px;font-weight:500}main .settings-drawer .opening-mode-section:not([open]){padding-bottom:0}}main .settings-drawer .opening-mode-section[open]>:not(summary){margin-left:0;margin-right:0}.fen-auth .fen-welcome{width:min(460px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:28px;animation:fen-welcome-in .5s ease both}.fen-auth .fen-welcome .fen-welcome__eyebrow{margin:0 0 -14px;color:#b6c9c3;font-size:14px;font-weight:400;letter-spacing:.16em;text-transform:none}.fen-auth .fen-welcome .fen-wordmark{font-size:clamp(100px,24vw,164px);line-height:1;letter-spacing:-.07em}.fen-auth .fen-welcome h1{font-size:18px;line-height:1.5;font-weight:400;margin:0}.fen-auth .fen-welcome>button{min-width:200px;min-height:48px;margin-top:12px}.fen-auth .fen-mode-onboarding{animation:fen-welcome-in .35s ease both}.fen-onboarding-step{color:#7bbaa5;font-size:12px;letter-spacing:.08em}.mode-preference>button{flex-direction:row;align-items:center;gap:16px;padding:20px;min-height:92px;transition:background .18s,border-color .18s,transform .18s}.mode-preference>button:hover:not(:disabled){background:#1b3d3c;border-color:#7bbaa5;transform:translateY(-1px)}.mode-preference>button>div{display:grid;gap:5px}.mode-preference>button .mode-preference__icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #a5cfbd30;border-radius:12px;color:#7ce1b9}.mode-preference__icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@keyframes fen-welcome-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fen-auth .fen-mode-onboarding,.fen-auth .fen-welcome{animation:none}.mode-preference>button{transition:none}}