/* Motion and first-run preferences. Navigation keeps its existing fixed insets. */
.bottom a { transition: color 180ms ease, background-color 180ms ease; }
.bottom a .nav-icon { transition: color 180ms ease, filter 180ms ease; }
.bottom a[aria-current="page"] .nav-icon { filter: drop-shadow(0 2px 7px color-mix(in srgb,var(--color-accent) 35%,transparent)); }
#player .player-stage { touch-action:none; }
#player .player-motion-frame { position:absolute; inset:0; display:grid; place-items:center; min-width:0; min-height:0; }
#player .player-motion-frame video { max-height:100%; }
#player .player-controls input { touch-action:none; }
.v215-feed-item { overscroll-behavior-x:contain; }
.v215-feed-item.is-dragging { user-select:none; }

#onboarding { width:min(560px,calc(100% - 24px)); inline-size:min(560px,calc(100% - 24px)); max-height:90dvh; max-block-size:90dvh; border:1px solid #ffffff20; border-radius:28px; background:#10151e; color:#f7f6f2; overflow:auto; box-shadow:0 30px 100px #0009; }
#onboarding::backdrop { background:#03070ccb; backdrop-filter:blur(8px); }
#onboarding .onboarding { padding:28px; background:radial-gradient(ellipse at 95% 0,#dfbe7f16,transparent 52%); }
.interest-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
.interest-topline span { font-size:11px; letter-spacing:.2em; color:#d7b97f; font-weight:700; }
#onboarding #skipInterests { padding:8px 0 8px 16px; border:0; border-radius:0; background:none; color:#b7bdc9; font-size:13px; min-height:44px; }
#onboarding .interest-kicker { font-size:11px; letter-spacing:.18em; color:#9da7b8; text-transform:uppercase; }
#onboarding h2 { font-size:clamp(26px,6vw,36px); line-height:1.16; letter-spacing:-.04em; margin:10px 0 12px; color:#fff; }
#onboarding #onboardingCopy { font-size:14px; line-height:1.65; margin:0; color:#aeb7c6; }
#onboarding .interest-choices { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:24px 0 18px; }
#onboarding .interest-choice { display:block; cursor:pointer; }
#onboarding .interest-choice>span { min-height:102px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:10px; padding:16px; border:1px solid #ffffff15; border-radius:17px; text-align:left; background:linear-gradient(130deg,#ffffff07,#ffffff02); color:#e4e8ef; transition:background 180ms,border-color 180ms,transform 180ms; }
#onboarding .interest-choice b { font-size:14px; line-height:1.35; padding-right:12px; overflow-wrap:anywhere; }
.interest-symbol { display:grid; place-items:center; width:28px; height:28px; color:#c2b39a; }
.interest-symbol svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.interest-tick { position:absolute; top:14px; right:14px; width:19px; height:19px; display:grid; place-items:center; border:1px solid #ffffff30; border-radius:50%; font-style:normal; font-size:12px; color:transparent; }
#onboarding .interest-choice input:checked+span { border-color:#d9bc84; background:linear-gradient(130deg,#cda96724,#cda9670b); color:#f5dfb6; }
#onboarding .interest-choice input:checked+span .interest-tick { background:#e4c58e; border-color:#e4c58e; color:#17130c; }
#onboarding .interest-choice:active>span { transform:scale(.97); }
#onboarding .interest-choice input:focus-visible+span { outline:2px solid #e4c58e; outline-offset:3px; }
.interest-footer { position:sticky; bottom:-28px; padding:14px 0 24px; margin-bottom:-24px; background:linear-gradient(#10151ef2,#10151e 25%); }
#interestSelectionStatus { display:block; margin-bottom:12px; color:#b8c0cc; font-size:12px; text-align:center; }
#onboarding #saveInterests { display:flex; width:100%; min-height:52px; justify-content:center; align-items:center; gap:12px; border:1px solid #eed1a0; border-radius:14px; background:linear-gradient(110deg,#efdbb6,#d5b275); color:#21190f; font-size:15px; font-weight:750; box-shadow:0 7px 24px #cfab6517; }
#onboarding #saveInterests:disabled { opacity:.45; box-shadow:none; }
#interestError { color:#ffb6aa; margin:0 0 12px; font-size:13px; text-align:center; }
#interestError:empty { display:none; }
@media(max-width:360px) { #onboarding .onboarding { padding:20px; } #onboarding .interest-choice>span { padding:13px; } .interest-topline { margin-bottom:18px; } }
@media(prefers-reduced-motion:reduce) { .bottom a,.bottom a .nav-icon,#onboarding .interest-choice>span { transition:none; } #onboarding .interest-choice:active>span { transform:none; } }