:root{--bg:#FAF9F6;--ink:#1A1A17;--grey:#6B6B63;--line:#E2E0D8;--edge:#8E8C84;--accent:#1A1A17;--accent-press:#3A3A33;--accent-soft:#F0EEE7;--on-accent:#FAF9F6;--track:#E8E6DE;--selbg:#F2F0E9;--card:#FFFFFF;color-scheme:light;--tP:#A63D32;--tP-soft:#F7E9E6;--tP-ink:#7E2C23;--tK:#2F6B52;--tK-soft:#E7F0EA;--tK-ink:#21513E;--tV:#2C5A8C;--tV-soft:#E6EDF5;--tV-ink:#1F4367;--tB:#6A4A82;--tB-soft:#EFE9F3;--tB-ink:#4E3660}:root[data-theme=light]{--bg:#FAF9F6;--ink:#1A1A17;--grey:#6B6B63;--line:#E2E0D8;--edge:#8E8C84;--accent:#1A1A17;--accent-press:#3A3A33;--accent-soft:#F0EEE7;--on-accent:#FAF9F6;--track:#E8E6DE;--selbg:#F2F0E9;--card:#FFFFFF;color-scheme:light;--tP:#A63D32;--tP-soft:#F7E9E6;--tP-ink:#7E2C23;--tK:#2F6B52;--tK-soft:#E7F0EA;--tK-ink:#21513E;--tV:#2C5A8C;--tV-soft:#E6EDF5;--tV-ink:#1F4367;--tB:#6A4A82;--tB-soft:#EFE9F3;--tB-ink:#4E3660}:root[data-theme=dark]{--bg:#16181C;--ink:#ECEBE6;--grey:#8E8E88;--line:#2C2F35;--edge:#6B7078;--accent:#ECEBE6;--accent-press:#FFFFFF;--accent-soft:#22252B;--on-accent:#16181C;--track:#22252B;--selbg:#1D2026;--card:#1B1E23;color-scheme:dark;--tP:#E08A78;--tP-soft:#2E211E;--tP-ink:#F0A594;--tK:#6FBF98;--tK-soft:#1A2B23;--tK-ink:#9BD9BA;--tV:#7FB0DE;--tV-soft:#1C2733;--tV-ink:#A6C9E8;--tB:#B094CF;--tB-soft:#272230;--tB-ink:#CBB6E0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:Figtree,system-ui,-apple-system,sans-serif;font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}.wrap{max-width:620px;margin:0 auto;padding-block:24px 48px;padding-left:20px;padding-right:20px;min-height:100%;display:flex;flex-direction:column}h1.title{font-family:Bricolage Grotesque,Figtree,sans-serif;font-weight:700;font-size:clamp(1.9rem,7.4vw,2.5rem);line-height:1.15;letter-spacing:-.01em;margin:24px 0 8px;text-wrap:balance}.booktag{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.86rem;color:var(--grey);border-bottom:1px solid var(--line);padding-bottom:12px}.ctl{width:42px;height:42px;flex-shrink:0;border-radius:99px;border:1.5px solid var(--edge);background:var(--card);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer}.ctl:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ctl-row{display:flex;align-items:center;gap:8px}p{margin-bottom:16px}p:last-child{margin-bottom:0}.lead{font-size:1.04rem}.muted{color:var(--grey)}.small{font-size:.9rem}.btn{display:block;width:100%;text-align:center;font-family:Figtree,sans-serif;font-weight:700;font-size:1.02rem;background:var(--accent);color:var(--on-accent);border:none;border-radius:12px;padding:16px;cursor:pointer}.btn:active{background:var(--accent-press)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn-ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn+.btn{margin-top:12px}.btn-row{margin-top:auto;padding-top:24px}.textlink{display:block;margin:16px auto 0;background:none;border:none;padding:8px;font-family:Figtree,sans-serif;font-weight:600;font-size:.85rem;color:var(--grey);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.textlink:disabled{text-decoration:none;cursor:default}.textlink:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{border-radius:16px;padding:16px;margin:0 0 12px}.card-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-h svg{flex-shrink:0}.card-h b{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.02rem}.card p,.card ul{font-size:.95rem;line-height:1.6;margin-bottom:12px}.card p:last-child,.card ul:last-child{margin-bottom:0}.card ul{padding-left:1.15em}.card li{margin-bottom:8px}.card li:last-child{margin-bottom:0}.tone-accent{background:var(--accent-soft)}.tone-accent .card-h b{color:var(--accent)}.tone-slate{background:var(--card);border:1px solid var(--line)}.tone-slate .card-h b{color:var(--ink)}.tone-safety{background:var(--card);border:2px solid var(--accent)}.tone-safety .card-h b{color:var(--ink)}.tone-P{background:var(--tP-soft)}.tone-P .card-h b{color:var(--tP-ink)}.tone-K{background:var(--tK-soft)}.tone-K .card-h b{color:var(--tK-ink)}.tone-V{background:var(--tV-soft)}.tone-V .card-h b{color:var(--tV-ink)}.tone-B{background:var(--tB-soft)}.tone-B .card-h b{color:var(--tB-ink)}details.note{margin:16px 0;border:1px solid var(--edge);border-radius:12px;background:var(--card)}details.note summary{padding:12px 16px;font-weight:700;font-size:.95rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--ink)}details.note summary:after{content:"+";font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem}details.note[open] summary:after{content:"−"}details.note .note-body{padding:0 16px 16px}.legend{margin:-8px 0 0}.legend-row{display:flex;gap:12px;align-items:center;padding:8px 0}.legend-num{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.02rem;min-width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:1.5px solid var(--edge);color:var(--ink)}.legend-label b{font-weight:700}.legend-label span{display:block;font-size:.86rem;color:var(--grey)}.thread{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding:8px 0}.thread-bar{height:8px;background:var(--track);border-radius:99px;overflow:hidden}.thread-fill{height:100%;width:0%;background:var(--accent);border-radius:99px;transition:width .35s ease}@media(prefers-reduced-motion:reduce){.thread-fill{transition:none}}.thread-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.thread .count{font-size:.85rem;font-weight:600;color:var(--grey);font-variant-numeric:tabular-nums;white-space:nowrap}.sound{width:36px;height:36px;margin:-8px -8px -8px 0;border:none;border-radius:99px;background:transparent;color:var(--grey);cursor:pointer;display:flex;align-items:center;justify-content:center}.sound[aria-pressed=true]{color:var(--ink)}.sound:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.q-text{font-family:Bricolage Grotesque,sans-serif;font-weight:500;font-size:clamp(1.35rem,5.8vw,1.75rem);line-height:1.34;letter-spacing:-.005em;margin:24px 0 16px;text-wrap:balance}.answers{display:flex;flex-direction:column;gap:12px}.ans{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--edge);border-radius:12px;padding:12px 16px;cursor:pointer;font-family:Figtree,sans-serif;font-size:1rem;color:var(--ink)}.ans:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ans .n{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:1.1rem;border-radius:12px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:1.5px solid var(--edge);color:var(--ink)}.ans .t b{display:block;font-weight:700}.ans .t span{font-size:.84rem;color:var(--grey)}.ans.picked{border-color:var(--accent);background:var(--selbg)}.ans.picked .n{background:var(--accent);border-color:var(--accent);color:var(--on-accent);animation:pop .28s ease}@keyframes pop{50%{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.ans.picked .n{animation:none}}.backlink{margin-top:16px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--edge);border-radius:99px;color:var(--ink);font-family:Figtree,sans-serif;font-weight:600;font-size:.9rem;padding:8px 16px 8px 12px;cursor:pointer}.backlink:active{background:var(--selbg)}.backlink:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.q-stage{animation:qin .3s ease}@keyframes qin{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.q-stage{animation:none}}.pause{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pause h2{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(1.5rem,6.4vw,1.9rem);line-height:1.3;margin:24px 0 0;text-wrap:balance}.pause .sub{margin-top:8px;color:var(--grey);font-size:.95rem}.pause .tiny{margin-top:24px;font-size:.78rem;color:var(--grey);max-width:280px}.spin{transition:transform 2.4s ease-in-out}.spin.go{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.spin{transition:none}.spin.go{transform:none}}.hero{animation:hello .7s ease}@keyframes hello{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero{animation:none}}.band-kicker{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;font-size:.9rem;color:var(--grey);margin:0 0 4px}.band-kicker span{grid-column:2;text-align:center}.band-kicker .ctl{grid-column:3}.res-emblem{display:flex;justify-content:center;margin:8px 0 0}h2.band{font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:clamp(1.6rem,6.6vw,2.05rem);line-height:1.18;letter-spacing:-.01em;margin:8px 0 4px;text-align:center}.band-sub{text-align:center;color:var(--grey);font-size:.92rem;margin-bottom:8px}.affirm{font-family:Bricolage Grotesque,sans-serif;font-weight:500;font-style:italic;font-size:1.1rem;line-height:1.5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:0 0 16px;text-align:center}.footer{margin-top:32px;border-top:1px solid var(--line);padding-top:12px;font-size:.82rem;color:var(--grey)}.sections{margin-top:0}.kv{font-size:.95rem;margin:0 0 16px}.kv b{color:var(--ink)}.typebars{display:flex;flex-direction:column;gap:12px;margin:16px 0 8px}.tbrow{display:flex;flex-direction:column;gap:4px}.tbrow:not(.me){opacity:.55}.tbhead{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem}.tbhead b{font-weight:700;color:var(--ink)}.tbrow:not(.me) .tbhead b{font-weight:600;color:var(--grey)}.tbhead .sc{font-family:Bricolage Grotesque,sans-serif;font-weight:700;color:var(--grey);font-variant-numeric:tabular-nums}.tbtrack{height:12px;background:var(--track);border-radius:99px;overflow:hidden}.tbfill{height:100%;border-radius:99px;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.tbfill{transition:none}}.youtag{background:var(--accent);color:var(--on-accent);font-size:.66rem;font-weight:700;border-radius:99px;padding:4px 8px;margin-left:8px;flex-shrink:0;vertical-align:middle}.mini-row{display:flex;gap:8px;flex-wrap:wrap}.mini{align-self:flex-start;border:none;border-radius:99px;padding:8px 16px;margin-top:8px;font-family:Figtree,sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;background:var(--accent);color:var(--on-accent)}.mini:active{opacity:.85}.mini:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cardimg{width:100%;border-radius:16px;border:1px solid var(--line);margin-top:12px}.mt-16{margin-top:16px}.hero{margin-top:24px;display:flex;justify-content:center}.ctl-row.end{justify-content:flex-end}.ans.svelte-1n46o8q{transition:background-color .25s ease,border-color .25s ease}.ans.picked.svelte-1n46o8q .n:where(.svelte-1n46o8q){animation:pop .45s ease}@media(prefers-reduced-motion:reduce){.ans.svelte-1n46o8q{transition:none}.ans.picked.svelte-1n46o8q .n:where(.svelte-1n46o8q){animation:none}}.btn.svelte-1n46o8q:disabled{opacity:.6;cursor:default}