@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Public+Sans:wght@400;500;600&display=swap";:root{--bg:oklch(100% 0 0);--surface:oklch(98.5% .003 288);--ink:oklch(20.5% .03 288);--muted:oklch(52% .035 288);--primary:oklch(52% .14 288);--accent:oklch(74% .15 55);--primary-hover:oklch(46% .145 288);--primary-active:oklch(41% .15 288);--card-l0:oklch(50% .115 288);--card-l1:oklch(42% .115 288);--card-l2:oklch(33% .115 288);--card-l3:oklch(23.5% .11 288);--card-final:oklch(30% .05 288);--card-ink-soft-l0:oklch(90% .03 288);--card-ink:oklch(100% 0 0);--card-ink-soft:oklch(85% .04 288);--card-hairline:oklch(100% 0 0/.14);--vote-up-active:oklch(72% .16 145);--vote-down-active:oklch(75% .05 288);--wild-surface:oklch(74% .15 55);--wild-ink:oklch(20.5% .03 288);--wild-ink-soft:oklch(34% .06 55);--focus-ring:oklch(62% .17 288);--error:oklch(55% .17 25);--success:oklch(60% .13 155);--scrim:oklch(20.5% .03 288/.44);--r-xs:4px;--r-sm:8px;--r-md:14px;--r-lg:28px;--r-full:999px;--shadow-1:0 1px 2px oklch(20.5% .03 288/.06);--shadow-2:0 4px 16px oklch(20.5% .03 288/.08);--shadow-card:0 2px 4px oklch(23.5% .09 288/.1), 0 10px 24px -6px oklch(23.5% .09 288/.2), 0 28px 60px -14px oklch(23.5% .09 288/.3);--card-lift-edge:inset 0 1px 0 oklch(100% 0 0/.14);--z-base:0;--z-topbar:60;--z-controls:20;--z-guide:50;--z-scrim:100;--z-sheet:110;--z-toast:200;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--dur-micro:.16s;--dur-ui:.22s;--dur-card:.46s;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"Public Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-question-xl:2.25rem;--t-question-lg:2.75rem;--t-question-xxl:3.25rem;--t-lead:1.25rem;--t-body:1rem;--t-label:.875rem;--t-meta:.75rem;--btn-on-primary:oklch(100% 0 0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(8% 0 0);--surface:oklch(14% .012 288);--ink:oklch(96% .01 288);--muted:oklch(72% .03 288);--primary:oklch(66% .15 288);--primary-hover:oklch(71% .15 288);--primary-active:oklch(61% .15 288);--accent:oklch(76% .15 55);--shadow-card:0 2px 6px oklch(0% 0 0/.34), 0 12px 28px -6px oklch(0% 0 0/.46), 0 32px 72px -16px oklch(0% 0 0/.6);--card-lift-edge:inset 0 1px 0 oklch(100% 0 0/.1);--scrim:oklch(0% 0 0/.6);--btn-on-primary:oklch(16% .02 288)}}*,:before,:after{box-sizing:border-box}html{height:100%;font-size:16px;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;height:100%;min-height:100dvh;margin:0;overflow:hidden}@media (width>=1200px){body{background:radial-gradient(48rem 40rem at 50% 44%, oklch(52% .14 288/.07), transparent 62%), radial-gradient(120rem 90rem at 50% 120%, oklch(52% .035 288/.05), transparent 70%), var(--bg)}}@media (width>=1200px) and (prefers-color-scheme:dark){body{background:radial-gradient(46rem 38rem at 50% 44%, oklch(66% .15 288/.15), transparent 60%), radial-gradient(110rem 80rem at 50% 118%, oklch(66% .15 288/.06), transparent 68%), var(--bg)}}#root{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.top-bar{z-index:var(--z-topbar);height:56px;padding:0 var(--s-4);background:var(--bg);border-bottom:1px solid var(--surface);padding-left:max(var(--s-4), env(safe-area-inset-left));padding-right:max(var(--s-4), env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-bar__brand{align-items:center;gap:var(--s-2);font-family:var(--font-mono);font-weight:600;font-size:var(--t-label);color:var(--ink);letter-spacing:-.02em;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;line-height:1;text-decoration:none;display:flex}.brand-mark{flex-shrink:0;display:block}.top-bar__level-chip{align-items:center;gap:var(--s-2);min-height:44px;padding:var(--s-1) var(--s-3);border-radius:var(--r-full);cursor:pointer;transition:background var(--dur-micro) var(--ease-out-quart), transform var(--dur-micro) var(--ease-out-quart);background:0 0;border:none;flex-shrink:0;display:flex}.top-bar__level-chip:hover{background:var(--surface)}.top-bar__level-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.top-bar__level-chip:active{transform:scale(.97)}.chip-gear{color:var(--muted);flex-shrink:0;align-items:center;display:flex}.top-bar__level-chip__label{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);letter-spacing:0;white-space:nowrap;font-weight:600;line-height:1}.offline-chip{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);background:var(--surface);border-radius:var(--r-full);padding:2px var(--s-2);white-space:nowrap;z-index:var(--z-topbar);position:absolute;top:58px;left:50%;transform:translate(-50%)}.main{padding:var(--s-5) var(--s-4);touch-action:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative}@media (width>=1200px){.main{align-items:center;column-gap:var(--s-7);padding:var(--s-4) var(--s-6);grid-template-columns:1fr minmax(auto,36rem) 1fr;display:grid}.swipe-hint{display:none}.main>.card-wrapper,.main>.interstitial{grid-column:2}}.desk-marginalia{display:none}@media (width>=1200px){.desk-marginalia{gap:var(--s-2);text-align:left;flex-direction:column;grid-column:1;justify-self:end;max-width:12rem;display:flex}.desk-marginalia__count{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);line-height:1}}.card-wrapper{align-items:center;gap:var(--s-3);flex-direction:column;width:100%;max-width:34rem;display:flex;position:relative}.card{background:var(--card-l1);color:var(--card-ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card), var(--card-lift-edge);padding:var(--s-6) var(--s-5);aspect-ratio:3/4;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;width:min(92vw,34rem);display:flex;position:relative;overflow:hidden}.card[data-level="0"]{background:var(--card-l0)}.card[data-level="1"]{background:var(--card-l1)}.card[data-level="2"]{background:var(--card-l2)}.card[data-level="3"]{background:var(--card-l3)}.card[data-level=final]{background:var(--card-final)}.card[data-level=wildcard]{background:var(--wild-surface);color:var(--wild-ink)}.card[data-level="0"] .card__meta-level,.card[data-level="0"] .card__meta-category{color:var(--card-ink-soft-l0)}.card[data-level=wildcard] .card__meta-level{color:var(--wild-ink-soft)}.card[data-level=wildcard] .card__meta-category{color:var(--wild-ink-soft);border-color:oklch(from var(--wild-ink-soft) l c h / .4)}.card[data-level=wildcard] .question{color:var(--wild-ink)}.card[data-level=wildcard] .card__share-btn{color:var(--wild-ink-soft)}@media (width>=768px){.card{aspect-ratio:auto;max-width:34rem;min-height:26rem}}@media (width>=1200px){.card{aspect-ratio:4/3;max-width:36rem;min-height:min(30rem,100dvh - 16rem)}}.card__meta{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.card__meta-level{font-family:var(--font-mono);font-size:var(--t-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--card-ink-soft);font-weight:600;line-height:1}.card__meta-category{font-family:var(--font-mono);font-size:var(--t-label);color:var(--card-ink-soft);border:1px solid var(--card-hairline);border-radius:var(--r-full);padding:var(--s-1) var(--s-3);line-height:1}.card__question-area{padding-top:var(--s-5);flex:1;justify-content:flex-start;align-items:center;display:flex}.question{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:var(--t-question-xl);letter-spacing:-.01em;color:var(--card-ink);text-wrap:pretty;max-inline-size:16ch;margin:0;line-height:1.18}@media (width>=768px){.question{font-size:var(--t-question-lg);max-inline-size:20ch}}@media (width>=1200px){.question{font-size:var(--t-question-xxl);max-inline-size:18ch}}.wild-tag{font-family:var(--font-ui);font-size:var(--t-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--wild-ink-soft);margin-bottom:var(--s-2);font-weight:600}.card__final-body{font-family:var(--font-display);font-size:var(--t-lead);color:var(--card-ink);text-wrap:pretty;max-inline-size:28ch;margin:0;font-weight:400;line-height:1.4}.card__note-area{margin-top:var(--s-4);gap:var(--s-2);flex-direction:column;display:flex}.card__note-textarea{border:1px solid var(--card-hairline);border-radius:var(--r-md);color:var(--card-ink);font-family:var(--font-ui);font-size:var(--t-body);padding:var(--s-3);resize:vertical;background:oklch(100% 0 0/.1);min-height:80px}.card__note-textarea::placeholder{color:var(--card-ink-soft)}.card__note-textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card__note-save{font-family:var(--font-ui);font-size:var(--t-label);color:var(--card-ink-soft);border:1px solid var(--card-hairline);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);cursor:pointer;background:0 0;align-self:flex-start;min-height:44px;font-weight:500}.card__note-save:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card__note-save:hover{background:oklch(100% 0 0/.1)}.card__share-btn{bottom:var(--s-4);right:var(--s-4);width:44px;height:44px;color:var(--card-ink-soft);cursor:pointer;border-radius:var(--r-full);transition:color var(--dur-micro) var(--ease-out-quart);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.card__share-btn:hover{color:var(--card-ink)}.card__share-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card__share-btn:active{transform:scale(.97)}.card__vote{bottom:var(--s-4);left:var(--s-4);gap:var(--s-1);display:flex;position:absolute}.card__vote-btn{width:44px;height:44px;color:var(--card-ink-soft);cursor:pointer;border-radius:var(--r-full);transition:color var(--dur-micro) var(--ease-out-quart), opacity var(--dur-micro) var(--ease-out-quart), transform var(--dur-micro) var(--ease-out-quart);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.card__vote-btn:hover{color:var(--card-ink)}.card__vote-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card__vote-btn:active{transform:scale(.92)}.card__vote[data-vote=up] .card__vote-btn--up{color:var(--vote-up-active)}.card__vote[data-vote=down] .card__vote-btn--down{color:var(--vote-down-active)}.card__vote[data-vote=up] .card__vote-btn--down,.card__vote[data-vote=down] .card__vote-btn--up{opacity:.45}.card[data-level="0"] .card__vote-btn{color:var(--card-ink-soft-l0)}.card[data-level=wildcard] .card__vote-btn{color:var(--wild-ink-soft)}.card[data-level=wildcard] .card__vote[data-vote=down] .card__vote-btn--down{color:oklch(45% .06 55)}.card:active{transition:transform var(--dur-micro) var(--ease-out-quart);transform:scale(.99)}.card__note-panel{overscroll-behavior:contain;max-height:calc(100% - 8rem);overflow-y:auto}@keyframes card-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8%)scale(.98)}}@keyframes card-enter{0%{opacity:0;transform:translateY(10%)scale(.985)rotate(.6deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes card-exit-back{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8%)scale(.98)}}@keyframes card-enter-back{0%{opacity:0;transform:translateY(-10%)scale(.985)rotate(-.6deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes card-exit-desk{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-11%)scale(.98)}}@keyframes card-enter-desk{0%{opacity:0;transform:translateY(14%)scale(.985)rotate(.6deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes card-exit-back-desk{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(11%)scale(.98)}}@keyframes card-enter-back-desk{0%{opacity:0;transform:translateY(-14%)scale(.985)rotate(-.6deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@media (width>=1200px){.card--exiting{animation:card-exit-desk var(--dur-card) var(--ease-out-expo) both}.card--entering{animation:card-enter-desk var(--dur-card) var(--ease-out-expo) both}.card--exiting-back{animation:card-exit-back-desk var(--dur-card) var(--ease-out-expo) both}.card--entering-back{animation:card-enter-back-desk var(--dur-card) var(--ease-out-expo) both}}.card--exiting{animation:card-exit var(--dur-card) var(--ease-out-expo) both}.card--entering{animation:card-enter var(--dur-card) var(--ease-out-expo) both}.card--exiting-back{animation:card-exit-back var(--dur-card) var(--ease-out-expo) both}.card--entering-back{animation:card-enter-back var(--dur-card) var(--ease-out-expo) both}@keyframes q-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card--revealing .question,.card--revealing .card__final-body,.card--revealing .wild-tag{animation:q-reveal .3s var(--ease-out-quart) both}.under-card-wrapper.revealing .question,.under-card-wrapper.revealing .card__final-body,.under-card-wrapper.revealing .wild-tag{animation:q-reveal .16s var(--ease-out-quart) both}@media (prefers-reduced-motion:reduce){.card--exiting,.card--exiting-back{opacity:0;transition:opacity var(--dur-ui) linear;animation:none}.card--entering,.card--entering-back{opacity:1;transition:opacity var(--dur-ui) linear;animation:none}.card--revealing .question,.card--revealing .card__final-body,.card--revealing .wild-tag,.under-card-wrapper.revealing .question,.under-card-wrapper.revealing .card__final-body,.under-card-wrapper.revealing .wild-tag{animation:none}}.under-card-wrapper{z-index:-1;pointer-events:none;transform-origin:top;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(14px)scale(.965)}.under-card-box{position:relative}.under-card-veil{border-radius:var(--r-lg);opacity:1;pointer-events:none;background:oklch(8% .01 288/.35);position:absolute;inset:0}.under-card-wrapper .card{transform:none!important}.prev-card-wrapper{z-index:2;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.prev-card-slide{opacity:0}.deck-shadow{aspect-ratio:3/4;border-radius:var(--r-lg);width:min(92vw,34rem);box-shadow:var(--shadow-card);pointer-events:none;z-index:-1;transform-origin:bottom;position:absolute;top:0;left:50%}.deck-shadow--1{background:oklch(28% .008 288);transform:translate(-50%)translateY(8px)scale(.97)}.deck-shadow--2{background:oklch(20% .006 288);transform:translate(-50%)translateY(16px)scale(.94)}@keyframes deck-rise-1{0%{transform:translate(-50%)translateY(8px)scale(.97)}to{transform:translate(-50%)translateY(0)scale(1)}}@keyframes deck-rise-2{0%{transform:translate(-50%)translateY(16px)scale(.94)}to{transform:translate(-50%)translateY(8px)scale(.97)}}.deck-shadow--1.rising{animation:deck-rise-1 var(--dur-card) var(--ease-out-expo) both}.deck-shadow--2.rising{animation:deck-rise-2 var(--dur-card) var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){.deck-shadow--1.rising,.deck-shadow--2.rising{transition:background var(--dur-ui) linear;animation:none}}@media (width>=768px){.deck-shadow{aspect-ratio:auto;max-width:34rem;min-height:26rem}}@media (width>=1200px){.deck-shadow{aspect-ratio:4/3;max-width:36rem;min-height:min(30rem,100dvh - 16rem)}}@keyframes chip-stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chip.stagger{opacity:0;animation:chip-stagger-in var(--dur-ui) var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){.chip.stagger{opacity:1;animation:none;transform:none}}@keyframes swatch-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.chip-gear.pulsing{animation:swatch-pulse var(--dur-ui) var(--ease-out-expo) both}@media (prefers-reduced-motion:reduce){.chip-gear.pulsing{animation:none}}@keyframes btn-release{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}.btn-primary.releasing{animation:btn-release var(--dur-micro) var(--ease-out-quart) forwards}@media (prefers-reduced-motion:reduce){.btn-primary.releasing{animation:none}}@keyframes chip-settle{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.chip.settling{animation:chip-settle .16s var(--ease-out-quart) forwards}@media (prefers-reduced-motion:reduce){.chip.settling{animation:none}}@keyframes sheet-snap{0%{transform:translateY(-4px)}to{transform:translateY(0)}}.sheet--snapping{animation:sheet-snap 80ms var(--ease-out-quart) both}@media (prefers-reduced-motion:reduce){.sheet--snapping{animation:none}}@keyframes thumb-pop{0%{transform:translate(18px)scale(1)}50%{transform:translate(18px)scale(1.06)}to{transform:translate(18px)scale(1)}}.daring-toggle[aria-checked=true].thumb-pop .daring-toggle__thumb{animation:thumb-pop var(--dur-ui) var(--ease-out-quart) forwards}@media (prefers-reduced-motion:reduce){.daring-toggle[aria-checked=true].thumb-pop .daring-toggle__thumb{animation:none}}.swipe-hint{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);text-align:center;animation:hint-fade 4s 1.5s var(--ease-out-expo) forwards;opacity:.7}@keyframes hint-fade{0%{opacity:.7}70%{opacity:.7}to{opacity:0}}@media (prefers-reduced-motion:reduce){.swipe-hint{animation:none}}.keyboard-hint{display:none}@media (hover:hover) and (pointer:fine){.keyboard-hint{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);text-align:center;animation:hint-fade 4s 1.5s var(--ease-out-expo) forwards;opacity:.7;display:block}@media (prefers-reduced-motion:reduce){.keyboard-hint{animation:none}}}.interstitial{background:var(--card-l2);color:var(--card-ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--s-6) var(--s-5);justify-content:center;align-items:center;gap:var(--s-5);text-align:center;width:min(92vw,34rem);min-height:22rem;animation:card-enter var(--dur-ui) var(--ease-out-expo) both;flex-direction:column;display:flex}.interstitial[data-to-level="3"]{background:var(--card-l3)}.interstitial__eyebrow{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--card-ink-soft)}.interstitial__heading{font-family:var(--font-display);font-size:var(--t-question-xl);color:var(--card-ink);text-wrap:balance;margin:0;font-weight:500;line-height:1.18}.interstitial__actions{gap:var(--s-3);flex-direction:column;width:100%;max-width:18rem;display:flex}.controls{z-index:var(--z-controls);background:var(--bg);padding:var(--s-4);padding-bottom:max(var(--s-4), env(safe-area-inset-bottom));padding-left:max(var(--s-4), env(safe-area-inset-left));padding-right:max(var(--s-4), env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:var(--s-3);border-top:1px solid var(--surface);display:flex;position:sticky;bottom:0}@media (width>=1200px){.controls{max-width:30rem;margin:0 auto var(--s-6);background:0 0;border:none;position:relative}}.controls__spacer{flex:1}.controls .btn-primary{min-height:48px;padding:var(--s-3) var(--s-5)}.btn-primary{font-family:var(--font-ui);font-size:var(--t-label);color:var(--btn-on-primary);background:var(--primary);border-radius:var(--r-md);padding:var(--s-3) var(--s-6);cursor:pointer;align-items:center;gap:var(--s-2);white-space:nowrap;min-height:52px;transition:background var(--dur-micro) var(--ease-out-quart), transform var(--dur-micro) var(--ease-out-quart);border:none;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-primary:active{background:var(--primary-active);transform:scale(.97)}@media (prefers-reduced-motion:reduce){.btn-primary:active{background:var(--primary-active);transform:none}}.btn-ghost{font-family:var(--font-ui);font-size:var(--t-label);color:var(--ink);border:1px solid oklch(from var(--muted) l c h / .3);border-radius:var(--r-md);padding:var(--s-3) var(--s-5);cursor:pointer;align-items:center;gap:var(--s-2);white-space:nowrap;min-height:52px;transition:border-color var(--dur-micro) var(--ease-out-quart);background:0 0;font-weight:500;display:inline-flex}.btn-ghost:hover{border-color:oklch(from var(--primary) l c h / .4)}.btn-ghost:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-ghost:active{transform:scale(.97)}.btn-ghost-icon{border-radius:var(--r-full);width:44px;height:44px;color:var(--muted);cursor:pointer;transition:background var(--dur-micro) var(--ease-out-quart);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-ghost-icon:hover{background:var(--surface)}.btn-ghost-icon:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.btn-ghost-icon:active{transform:scale(.97)}.invisible{visibility:hidden;pointer-events:none}.sheet-scrim{background:var(--scrim);z-index:var(--z-scrim);animation:scrim-in var(--dur-ui) var(--ease-out-quart) both;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.sheet-scrim--closing{animation:scrim-out var(--dur-ui) var(--ease-out-quart) both}@keyframes scrim-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet-scrim{animation:scrim-in var(--dur-ui) linear both}.sheet-scrim--closing{animation:scrim-out var(--dur-ui) linear both}}.sheet{z-index:var(--z-sheet);background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:78dvh;padding:var(--s-3) var(--s-5) max(var(--s-6), env(safe-area-inset-bottom));padding-bottom:max(var(--s-6), env(safe-area-inset-bottom));animation:sheet-in var(--dur-ui) var(--ease-out-expo) both;gap:var(--s-5);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 48px oklch(20.5% .03 288/.22),0 0 0 1px oklch(20.5% .03 288/.06)}@keyframes sheet-in{0%{transform:translateY(100%)}90%{transform:translateY(-4px)}to{transform:translateY(0)}}.sheet--closing{animation:sheet-out var(--dur-ui) var(--ease-out-quart) both}@keyframes sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheet{animation:scrim-in var(--dur-ui) linear both}.sheet--closing{animation:scrim-out var(--dur-ui) linear both}}@media (prefers-color-scheme:dark){.sheet{background:oklch(17% .015 288);box-shadow:0 -20px 64px oklch(0% 0 0/.7),0 0 0 1px oklch(100% 0 0/.09)}}@media (width>=1200px){.sheet{border-radius:var(--r-lg);width:100%;max-width:30rem;max-height:90dvh;animation:modal-in var(--dur-ui) var(--ease-out-expo) both;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sheet--closing{animation:modal-out var(--dur-ui) var(--ease-out-quart) both}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,calc(16px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes modal-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(16px - 50%))}}}.sheet__handle{border-radius:var(--r-full);background:oklch(from var(--muted) l c h / .4);flex-shrink:0;align-self:center;width:36px;height:4px}.sheet__heading{font-family:var(--font-ui);font-size:var(--t-body);color:var(--ink);margin:0;font-weight:600}.sheet__section-label{font-family:var(--font-ui);font-size:var(--t-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--s-2);font-weight:600}.sheet__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.sheet__level-preview{border-radius:var(--r-full);height:4px;margin-bottom:var(--s-3);background:var(--card-l1);transition:background var(--dur-ui) var(--ease-out-quart)}.sheet__level-preview[data-preview="0"]{background:var(--card-l0)}.sheet__level-preview[data-preview="2"]{background:var(--card-l2)}.sheet__level-preview[data-preview="3"]{background:var(--card-l3)}.chip{font-family:var(--font-ui);font-size:var(--t-label);background:var(--surface);color:var(--ink);border:1px solid oklch(from var(--muted) l c h / .3);border-radius:var(--r-full);padding:var(--s-2) var(--s-4);cursor:pointer;min-height:48px;transition:background var(--dur-micro) var(--ease-out-quart), border-color var(--dur-micro) var(--ease-out-quart), transform var(--dur-micro) var(--ease-out-quart);align-items:center;font-weight:500;display:inline-flex}.chip:hover{border-color:oklch(from var(--primary) l c h / .4)}.chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.chip:active{transform:scale(.97)}.chip[data-selected=true]{background:var(--primary);color:var(--btn-on-primary);border-color:var(--primary)}.chip[data-selected=true]:hover{background:var(--primary-hover)}.chip--depth{border-radius:var(--r-md);flex:1 1 calc(50% - var(--s-2) / 2);justify-content:center}.daring-row{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:48px;display:flex}.daring-row__labels{flex-direction:column;gap:2px;display:flex}.daring-row__label{font-family:var(--font-ui);font-size:var(--t-body);color:var(--ink);font-weight:600;line-height:1}.daring-row__sub{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);line-height:1.2}.daring-toggle{cursor:pointer;border-radius:var(--r-full);background:0 0;border:none;flex-shrink:0;width:44px;height:26px;padding:0;position:relative}.daring-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-full)}.daring-toggle__track{border-radius:var(--r-full);background:var(--surface);border:1px solid oklch(from var(--muted) l c h / .3);transition:background var(--dur-micro) var(--ease-out-quart), border-color var(--dur-micro) var(--ease-out-quart);position:absolute;inset:0}.daring-toggle[aria-checked=true] .daring-toggle__track{background:var(--primary);border-color:var(--primary)}.daring-toggle__thumb{background:var(--muted);width:20px;height:20px;transition:transform var(--dur-micro) var(--ease-out-quart), background var(--dur-micro) var(--ease-out-quart);border-radius:50%;position:absolute;top:3px;left:3px}.daring-toggle[aria-checked=true] .daring-toggle__thumb{background:var(--btn-on-primary);transform:translate(18px)}@media (prefers-reduced-motion:reduce){.daring-toggle__thumb{transition:background var(--dur-micro) linear}}.daring-row--disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.chip--depth[aria-disabled=true]{cursor:not-allowed;pointer-events:none;opacity:.4!important}.chip--depth[aria-disabled=true][data-selected=true]{opacity:.6!important}.toast{bottom:max(80px, calc(env(safe-area-inset-bottom) + 80px));z-index:var(--z-toast);background:var(--ink);color:var(--bg);font-family:var(--font-ui);font-size:var(--t-label);padding:var(--s-3) var(--s-5);border-radius:var(--r-full);white-space:nowrap;box-shadow:var(--shadow-2);animation:toast-in var(--dur-ui) var(--ease-out-expo) both;pointer-events:none;position:fixed;left:50%;transform:translate(-50%)translateY(0)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.toast--dismissing{animation:toast-out var(--dur-ui) var(--ease-out-quart) forwards}@keyframes toast-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.toast{animation:scrim-in var(--dur-ui) linear both}.toast--dismissing{animation:scrim-out var(--dur-ui) linear both}}.error-card{background:var(--card-final);color:var(--card-ink);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--s-6) var(--s-5);justify-content:center;align-items:center;gap:var(--s-4);text-align:center;flex-direction:column;width:min(92vw,34rem);min-height:22rem;margin:auto;display:flex}.error-card__heading{font-family:var(--font-display);font-size:var(--t-question-xl);color:var(--card-ink);margin:0;font-weight:500}.error-card__body{font-family:var(--font-ui);font-size:var(--t-body);color:var(--card-ink-soft);margin:0}.end-actions{align-items:center;gap:var(--s-3);width:100%;max-width:18rem;margin:var(--s-4) auto 0;flex-direction:column;display:flex}.guide-container{height:calc(100dvh - 56px);z-index:var(--z-guide);background:var(--bg);overscroll-behavior:contain;position:fixed;inset:56px 0 0;overflow-y:auto}@media (width>=1200px){.guide-container{background:var(--bg)}}@keyframes guide-enter{0%{opacity:0;transform:translate(3%)}to{opacity:1;transform:translate(0)}}@keyframes guide-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(3%)}}.guide-container--entering{animation:guide-enter var(--dur-ui) var(--ease-out-expo) both}.guide-container--exiting{animation:guide-exit var(--dur-ui) var(--ease-out-quart) both}@media (prefers-reduced-motion:reduce){.guide-container--entering{opacity:1;transition:opacity var(--dur-ui) linear;animation:none}.guide-container--exiting{opacity:0;transition:opacity var(--dur-ui) linear;animation:none}}.guide{max-width:65ch;padding:var(--s-6) var(--s-5) var(--s-8);margin:0 auto}.guide__title{font-family:var(--font-display);font-weight:600;font-size:var(--t-question-lg);color:var(--ink);text-wrap:balance;margin:0 0 var(--s-6);line-height:1.15}.guide__intro{font-family:var(--font-ui);font-size:var(--t-body);color:var(--ink);margin:0 0 var(--s-5);line-height:1.6}.guide__section{margin-top:var(--s-7)}.guide__section-header{align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.guide__section-num{border-radius:var(--r-full);background:var(--primary);width:28px;height:28px;color:var(--btn-on-primary);font-family:var(--font-ui);font-size:var(--t-label);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-weight:600;display:flex}.guide__section-heading{font-family:var(--font-display);font-weight:600;font-size:var(--t-lead);color:var(--ink);margin:0;line-height:1.3}.guide__body{font-family:var(--font-ui);font-size:var(--t-body);color:var(--ink);line-height:1.6}.guide__body p{margin:0 0 var(--s-4)}.guide__body p:last-child{margin-bottom:0}.guide-sample{background:var(--card-l1);color:var(--card-ink);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);box-shadow:var(--shadow-2);margin:var(--s-4) 0}.guide-sample__label{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--card-ink-soft);margin:0 0 var(--s-2);display:block}.guide-sample__question{font-family:var(--font-display);font-size:var(--t-lead);color:var(--card-ink);margin:0;font-weight:500;line-height:1.3}.guide__divider{background:var(--surface);height:1px;margin:var(--s-7) 0;border:none}.guide__coda{font-family:var(--font-ui);font-size:var(--t-body);color:var(--ink);line-height:1.6}.guide__coda p{margin:0 0 var(--s-4)}.guide__coda p:last-child{margin-bottom:0}.guide__cta{margin-top:var(--s-7);font-family:var(--font-ui);font-size:var(--t-body);color:var(--ink);font-weight:600}.top-bar__back-btn{font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);cursor:pointer;padding:var(--s-1) var(--s-2);border-radius:var(--r-md);align-items:center;gap:var(--s-1);min-height:44px;transition:background var(--dur-micro) var(--ease-out-quart);white-space:nowrap;background:0 0;border:none;flex-shrink:0;display:flex}.top-bar__back-btn:hover{background:var(--surface)}.top-bar__back-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.top-bar__back-btn:active{transform:scale(.97)}.guide-link{text-align:center;font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);padding:var(--s-2) 0;transition:color var(--dur-micro) var(--ease-out-quart);text-decoration:none;display:block}.guide-link:hover{color:var(--ink)}.guide-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}@keyframes guide-section-enter{0%{opacity:0;transform:translate(1.5%)}to{opacity:1;transform:translate(0)}}@keyframes guide-section-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-1.5%)}}.guide-container--section-entering{animation:guide-section-enter var(--dur-ui) var(--ease-out-quart) both}.guide-container--section-exiting{animation:guide-section-exit var(--dur-ui) var(--ease-out-quart) both}@media (prefers-reduced-motion:reduce){.guide-container--section-entering{opacity:1;transition:opacity var(--dur-ui) linear;animation:none}.guide-container--section-exiting{opacity:0;transition:opacity var(--dur-ui) linear;animation:none}}.guide-index__entries{gap:var(--s-4);margin-bottom:var(--s-7);flex-direction:column;display:flex}.guide-index__entry{align-items:flex-start;gap:var(--s-3);background:var(--surface);border-radius:var(--r-md);border:1px solid oklch(from var(--ink) l c h / .08);box-shadow:var(--shadow-1);padding:var(--s-4) var(--s-5);color:inherit;cursor:pointer;min-height:72px;transition:box-shadow var(--dur-micro) var(--ease-out-quart), border-color var(--dur-micro) var(--ease-out-quart);text-decoration:none;display:flex}.guide-index__entry:hover{box-shadow:var(--shadow-2);border-color:oklch(from var(--primary) l c h / .3)}.guide-index__entry:active{transform:scale(.99)}.guide-index__entry:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.guide-index__num{border-radius:var(--r-full);background:var(--primary);width:28px;height:28px;color:var(--btn-on-primary);font-family:var(--font-ui);font-size:var(--t-label);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:flex}.guide-index__body{flex:1;min-width:0}.guide-index__title{font-family:var(--font-display);font-size:var(--t-lead);color:var(--ink);text-wrap:balance;margin:0 0 var(--s-1);font-weight:600;line-height:1.2}.guide-index__meta{align-items:baseline;gap:var(--s-1);flex-wrap:wrap;margin:0;display:flex}.guide-index__oneliner{font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);line-height:1.4}.guide-index__readtime{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted);white-space:nowrap;flex-shrink:0}.guide-index__readtime:before{content:"· "}.guide-index__chevron{font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);margin-left:var(--s-2);flex-shrink:0}.guide__intro--index{margin-bottom:var(--s-6)}.guide__coda--index{font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);text-align:center;padding:var(--s-4) 0 var(--s-6);border:none;margin:0}.guide__breadcrumb{font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);cursor:pointer;margin-bottom:var(--s-4);transition:color var(--dur-micro) var(--ease-out-quart);min-height:44px;padding:0;padding:var(--s-2) 0;background:0 0;border:none;align-items:center;display:inline-flex}.guide__breadcrumb:hover{color:var(--ink)}.guide__breadcrumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--r-sm)}.guide__next{gap:var(--s-1);background:var(--surface);border-radius:var(--r-md);border:1px solid oklch(from var(--ink) l c h / .08);box-shadow:var(--shadow-1);padding:var(--s-4) var(--s-5);margin-top:var(--s-7);color:inherit;cursor:pointer;transition:box-shadow var(--dur-micro) var(--ease-out-quart), border-color var(--dur-micro) var(--ease-out-quart);flex-direction:column;text-decoration:none;display:flex}.guide__next:hover{box-shadow:var(--shadow-2);border-color:oklch(from var(--primary) l c h / .3)}.guide__next:active{transform:scale(.99)}.guide__next:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.guide__next-eyebrow{font-family:var(--font-ui);font-size:var(--t-meta);color:var(--muted)}.guide__next-title{font-family:var(--font-display);font-size:var(--t-lead);color:var(--ink);font-weight:600}.top-bar__guides-link{font-family:var(--font-ui);font-size:var(--t-label);color:var(--muted);transition:color var(--dur-micro) var(--ease-out-quart);padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);text-decoration:none;display:none}.top-bar__guides-link:hover{color:var(--ink)}.top-bar__guides-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width>=1200px){.top-bar__guides-link{display:block;position:absolute;left:50%;transform:translate(-50%)}.top-bar{position:relative}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}