:root{--color-ground:#001A3F;--color-text:#F8F9FA;--color-sky:#00E5FF;--color-gold:#FFD700;--color-coral:#FF7F50;--color-surface-1:#0B2A57;--color-surface-2:#12366B;--color-text-muted:#B9C4D6;--color-sky-hover:#7FF2FF;--color-gold-hover:#FFE14D;--color-gold-active:#E6C200;--color-on-fill:#001A3F;--color-border-subtle:rgba(248,249,250,0.22);--color-border-field:rgba(248,249,250,0.30);--color-border-route:rgba(0,229,255,0.40);--gradient-border:linear-gradient(140deg,rgba(0,229,255,0.5),rgba(255,215,0,0.35));--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:22px;--text-xl:28px;--text-2xl:34px;--text-3xl:44px;--text-display:68px;--leading-tight:1.12;--leading-snug:1.3;--leading-body:1.6;--tracking-display:-0.02em;--tracking-eyebrow:0.12em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--measure:680px;--space-1:4.4px;--space-2:8.8px;--space-3:13.2px;--space-4:17.6px;--space-6:26.4px;--space-8:35.2px;--space-12:52.8px;--space-16:70.4px;--space-24:105.6px;--radius-sm:8px;--radius-md:16px;--radius-option:22px;--radius-lg:28px;--radius-container:32px;--radius-pill:999px;--shadow-sm:0 1px 0 rgba(248,249,250,0.06) inset;--shadow-md:0 8px 24px rgba(0,8,24,0.35);--shadow-lg:0 20px 50px rgba(0,8,24,0.5);--focus-ring:2px solid #00E5FF;--focus-offset:3px;--duration-fast:140ms;--duration-base:180ms;--duration-slow:320ms;--ease-standard:cubic-bezier(0.2,0,0,1);--ribbon-drift-duration:28s;--target-min:44px;--target-option:60px;--target-cta:56px}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-base:0ms;--duration-slow:0ms;--ribbon-drift-duration:0s}}:root{--color-canvas:var(--color-ground);--color-canvas-raised:var(--color-surface-1);--color-canvas-sunken:var(--color-surface-2);--color-ink:var(--color-text);--color-ink-muted:var(--color-text-muted);--color-accent:var(--color-sky);--color-accent-strong:var(--color-gold);--color-status:var(--color-coral);--color-line:var(--color-border-subtle);--color-line-strong:var(--color-border-field)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}.skip{position:absolute;left:-9999px;background:var(--color-accent-strong);color:var(--color-on-fill);padding:12px 20px;border-radius:var(--radius-pill);font-weight:var(--weight-semibold)}.skip:focus{left:16px;top:16px;z-index:100}.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6);border-bottom:1px solid var(--color-line)}.wordmark{text-decoration:none;color:inherit;display:grid}.wordmark-name{font-weight:var(--weight-bold);letter-spacing:.06em;font-size:var(--text-md)}.wordmark-sub{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);color:var(--color-status)}.site-header nav a,.wordmark-sub{font-weight:var(--weight-semibold)}.site-header nav a{color:var(--color-ink);text-decoration:none;font-size:var(--text-sm);padding:10px 20px;border:1px solid var(--color-border-route);border-radius:var(--radius-pill)}.site-header nav a:hover{background:var(--color-canvas-sunken)}#main{flex:1 1;width:100%;max-width:820px;margin:0 auto;padding:var(--space-12) 16px}.site-footer{border-top:1px solid var(--color-line);padding:var(--space-6);text-align:center}.review-banner{display:inline-block;margin:0 0 var(--space-3);padding:7px 14px;border-radius:var(--radius-pill);background:var(--color-accent-strong);color:var(--color-on-fill);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.04em}.footer-meta{margin:0;color:var(--color-ink-muted);font-size:var(--text-sm)}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-status);font-weight:var(--weight-semibold);margin:0 0 10px}h1{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);font-weight:var(--weight-bold);margin:0 0 12px}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 8px}p{max-width:var(--measure)}.lede{color:var(--color-ink-muted);margin:0 0 var(--space-8)}.gated{display:inline-block;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;opacity:.72;border:1px dashed var(--color-line-strong);border-radius:6px;padding:5px 9px;background:repeating-linear-gradient(135deg,transparent 0 6px,rgba(248,249,250,.05) 6px 12px)}.doors{display:grid;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-8) 0 0;padding:0;list-style:none}.door{display:block;text-decoration:none;color:inherit;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-canvas-raised);border:1px solid var(--color-line)}.door:hover{background:var(--color-canvas-sunken);border-color:var(--color-border-route)}.door:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.door h2{margin-bottom:6px}.door p{margin:0}.door p,.note{color:var(--color-ink-muted);font-size:var(--text-sm)}.note{margin-top:var(--space-8);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-line)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.facts{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0 0 var(--space-8);padding-left:18px}.facts li{margin:4px 0}h1.q{font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:var(--weight-semibold);letter-spacing:0;margin-bottom:var(--space-6)}h1.q:focus-visible,h1:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.options{list-style:none;padding:0;margin:0 0 var(--space-6);display:grid;grid-gap:10px;gap:10px}.option{width:100%;text-align:left;min-height:var(--target-option);padding:16px 20px;border-radius:var(--radius-option);background:var(--color-canvas-raised);color:var(--color-ink);border:1px solid var(--color-line);font:inherit;font-size:var(--text-base);cursor:pointer}.option:hover:not(:disabled){background:var(--color-canvas-sunken);border-color:var(--color-border-route)}.option:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.option.chosen{border-color:var(--color-accent);background:var(--color-canvas-sunken)}.option.chosen:before{content:"✓ ";color:var(--color-accent);font-weight:700}.option:disabled{opacity:.55;cursor:default}.btn{min-height:var(--target-cta);padding:14px 26px;border-radius:var(--radius-pill);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;background:transparent;color:var(--color-ink);border:1px solid var(--color-border-route)}.btn.fill{background:var(--color-accent-strong);color:var(--color-on-fill);border-color:transparent}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.dots{list-style:none;display:flex;gap:8px;padding:0;margin:0}.dots li{width:8px;height:8px;border-radius:999px;border:1px solid var(--color-line-strong)}.dots li.done{background:var(--color-accent);border-color:var(--color-accent)}.dots li.now{width:22px;background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.other{margin:0 0 var(--space-6);display:grid;grid-gap:8px;gap:8px;max-width:520px}.other label{font-size:var(--text-sm);color:var(--color-ink-muted)}.other input{padding:14px 16px;border-radius:var(--radius-md);font:inherit;background:var(--color-canvas-raised);color:var(--color-ink);border:1px solid var(--color-border-field)}.other input:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.counter{margin:0;font-size:var(--text-xs);color:var(--color-ink-muted)}.problem{color:var(--color-status);font-size:var(--text-sm);border-left:3px solid var(--color-status);padding-left:12px;margin:0 0 var(--space-4)}.quoted{background:var(--color-canvas-raised);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:16px 18px;margin:0 0 var(--space-6)}.quoted-q{margin:0 0 6px;color:var(--color-ink-muted)}.quoted-a,.quoted-q{font-size:var(--text-sm)}.quoted-a{margin:0;font-weight:var(--weight-semibold)}.result-wording{font-size:var(--text-lg);line-height:var(--leading-snug);font-weight:var(--weight-regular);letter-spacing:0;margin-bottom:var(--space-6)}.scope{display:block;padding:14px 16px;border-radius:var(--radius-md);background:rgba(0,229,255,.07);border:1px solid var(--color-border-route);font-size:var(--text-sm);color:var(--color-ink-muted);margin:0 0 var(--space-8)}.scope strong{color:var(--color-ink)}.sec{font-size:11px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-ink-muted);font-weight:var(--weight-semibold);margin:0 0 10px}.basis{margin:0 0 var(--space-4);font-size:var(--text-sm);display:grid;grid-gap:4px;gap:4px}.basis-q{color:var(--color-ink-muted)}.basis-a{color:var(--color-ink);font-weight:var(--weight-medium)}.reference{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--color-ink-muted);margin:var(--space-8) 0 0}@media (max-width:640px){#main{padding:var(--space-8) 16px}h1.q{font-size:var(--text-lg)}.controls{flex-direction:column-reverse;align-items:stretch}}.other textarea{padding:14px 16px;border-radius:var(--radius-md);font:inherit;background:var(--color-canvas-raised);color:var(--color-ink);border:1px solid var(--color-border-field);resize:vertical}.other textarea:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}