:root{color-scheme:dark;--bg: #0a0a0b;--panel: #121214;--border: #25252a;--text: #f2f2f3;--muted: #8a8a93;--accent: #6b8f71;--accent-bright: #8fb896;--ok: #3ecf8e;--bad: #e86a6a;--warn: #d4b46a;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#root{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-shell{min-height:80vh}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;gap:1rem}.wordmark{display:inline-flex;align-items:center;gap:.55rem}.wordmark-text{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500;font-size:1.05rem;letter-spacing:-.02em}.wordmark-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.wordmark-bars i{display:block;width:3px;background:var(--text);opacity:.55;border-radius:1px}.wordmark-bars i.accent{background:var(--accent);opacity:.95}.topnav{display:flex;align-items:center;gap:.85rem;font-size:.875rem}.nav-link{color:var(--muted);text-decoration:none}.nav-link:hover{color:var(--text)}.muted-link{opacity:.7}.linkish{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--muted);font:inherit;font-size:.875rem;cursor:pointer;padding:0}.linkish:hover{color:var(--text)}.mode-indicator{font-size:.75rem;color:var(--muted);margin-bottom:1rem;letter-spacing:.02em}.mode-indicator .current{color:var(--text)}.mode-indicator .sep{margin:0 .35rem;opacity:.5}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.5rem 1.35rem;margin-bottom:1rem}.panel h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:600;letter-spacing:-.01em}.hero{padding:2rem 1.75rem 1.75rem}.hero-headline{font-size:clamp(1.55rem,4vw,2rem);font-weight:600;letter-spacing:-.03em;line-height:1.25;margin:0 0 .85rem;max-width:18ch}.hero-sub{color:var(--muted);margin:0 0 1.5rem;font-size:1.05rem;line-height:1.45;max-width:36rem}.footnote{margin:1.25rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.4}.footnote.disambiguate{margin-top:.5rem;opacity:.85}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.field-row{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.85rem}@media(min-width:640px){.field-row{grid-template-columns:minmax(0,1fr) minmax(140px,200px);align-items:stretch}}input[type=password],input[type=text]{width:100%;padding:.7rem .85rem;border-radius:8px;border:1px solid var(--border);background:#0a0a0b;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.95rem}input:focus{outline:2px solid rgba(107,143,113,.35);border-color:var(--accent)}input:disabled{opacity:.5}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#1a1a1e;color:var(--text);padding:.55rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;font-family:inherit;font-size:.95rem}button.primary{background:var(--text);border-color:var(--text);color:var(--bg)}button.primary:hover:not(:disabled){filter:brightness(.92)}button.lg{padding:.7rem 1.25rem;font-size:1rem}button.ghost{background:transparent;border-color:var(--border);color:var(--muted)}button.ghost:hover:not(:disabled){color:var(--text);border-color:#3a3a42;filter:none}.outcome-actions{margin-top:.5rem}.outcome .ghost{margin-top:0}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.06)}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-top:.25rem}.muted{color:var(--muted);font-size:.9rem;line-height:1.45}.mono{font-family:JetBrains Mono,monospace;font-size:.85em}.tip{font-size:.85rem;color:var(--muted);margin:.5rem 0 1rem}.flash{margin:.85rem 0 0;font-size:.9rem;color:var(--warn)}.progress-dots{display:flex;gap:.4rem;margin:.25rem 0 .35rem}.progress-dots span{width:8px;height:8px;border-radius:50%;background:var(--border)}.progress-dots span.filled{background:var(--accent-bright)}.viz{display:flex;align-items:flex-end;gap:3px;min-height:56px;height:100%;padding:.45rem .55rem;background:#0a0a0b;border-radius:8px;border:1px solid var(--border);overflow-x:auto;font-size:.75rem}.viz.muted{align-items:center;justify-content:center;color:var(--muted)}.bar{flex:0 0 auto;width:8px;border-radius:2px 2px 0 0;min-height:2px}.bar.dwell{background:var(--accent)}.bar.flight{background:#4a4a55;opacity:.9}.outcome{margin-top:1.15rem;padding:1rem 1.1rem;border-radius:10px;border:1px solid var(--border)}.outcome.ok{border-color:#3ecf8e59;background:#3ecf8e0f}.outcome.bad{border-color:#e86a6a59;background:#e86a6a0f}.outcome strong{display:block;font-size:1.05rem;margin-bottom:.35rem}.outcome p{margin:0 0 .5rem;color:var(--muted);font-size:.9rem}.outcome .primary{margin-top:.5rem}.site-foot{margin-top:2rem;font-size:.75rem;text-align:center}.dev-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1.25rem}.badge{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.72rem;padding:.2rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border))}.badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.badge.bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--border))}.dev-table-wrap{overflow-x:auto;margin-top:.5rem}.dev-table{width:100%;border-collapse:collapse;font-size:.85rem}.dev-table th,.dev-table td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--border)}.dev-table th{color:var(--muted);font-weight:500}.emph{color:var(--text);font-weight:600}.progress-label{font-size:.75rem;color:var(--muted);margin:0 0 .35rem;letter-spacing:.02em}.progress-label .sep{margin:0 .35rem;opacity:.5}.progress-dots span.usual:not(.filled){background:#2a2a32}.progress-dots span.extra:not(.filled){background:transparent;border:1px solid var(--border);box-sizing:border-box}.fallback-row{margin:1.1rem 0 0;font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.fallback-hint{opacity:.85}.educate .lead,.done .lead{margin:0 0 1rem;font-size:.95rem;line-height:1.5}.edu-list{margin:0 0 1.25rem;padding-left:1.15rem;color:var(--muted);font-size:.9rem;line-height:1.55}.edu-list li{margin-bottom:.35rem}.edu-list strong{color:var(--text);font-weight:560}.footnote.mobile-note{margin-top:.75rem;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:#d4b46a0f;color:var(--warn)}