:root{color-scheme:light dark;--bg: #fafafa;--surface: #ffffff;--text: #1f2430;--muted: #666677;--border: #c3c8d4;--border-soft: #dfe3ec;--accent: #6b7cff;--accent-strong: #5566ee;--accent-soft: #f2f4ff;--accent-pressed: #e4e9ff;--on-accent: #ffffff;--track: #e4e7f0;--chevron: #99a0aa;--banner-bg: #fff7d6;--banner-border: #e0b400;--err: #c0392b;--ok: #1e8e4e}@media (prefers-color-scheme: dark){:root{--bg: #12141a;--surface: #1b1e26;--text: #e7e9f0;--muted: #9aa1b5;--border: #333a4b;--border-soft: #262b38;--accent: #8b98ff;--accent-strong: #a3adff;--accent-soft: #232a44;--accent-pressed: #2c3558;--on-accent: #12141a;--track: #262b38;--chevron: #6b7385;--banner-bg: #3a3417;--banner-border: #8a7412;--err: #ff8a7a;--ok: #5fd18d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#root{max-width:40rem;margin:0 auto;padding:calc(1.5rem + env(safe-area-inset-top)) calc(1.25rem + env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) calc(1.25rem + env(safe-area-inset-left))}h1,h2{line-height:1.2}header nav{margin-bottom:.5rem}.score,.subtitle{color:var(--muted)}.subtitle{margin-top:-.5rem}.level-header{margin:1.6rem 0 .4rem;padding-bottom:.25rem;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border-soft)}.prompt{font-size:1.15rem}.built{min-height:1.6em;padding:.35rem .6rem;border:1px dashed var(--border);border-radius:.5rem;background:var(--surface)}button{font:inherit;padding:.45rem .95rem;margin:.15rem .3rem .15rem 0;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);color:inherit;cursor:pointer;min-height:2.75rem;max-width:100%;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-pressed)}button.next,button[type=submit]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}@media (hover: hover){button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}button.next:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--accent-strong)}}input{font:inherit;padding:.45rem .65rem;margin:.15rem 0;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);color:inherit;min-width:0;width:100%;max-width:22rem;min-height:2.75rem;touch-action:manipulation}input:focus{outline:2px solid var(--accent);outline-offset:1px}ul.modules{list-style:none;padding:0}ul.modules li{margin:.4rem 0}ul.modules button{width:100%;text-align:left;padding:.8rem 1rem}ul.levels button:after{content:"›";float:right;color:var(--chevron)}.columns{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.columns>div{display:flex;flex:1 1 8rem;min-width:0;flex-direction:column;align-items:stretch}.gap-feedback{list-style:none;padding:0}[role=status]{margin:.7rem 0}[data-status=extra]{color:var(--err);text-decoration:line-through}[data-status=missing]{color:var(--ok);text-decoration:underline}.banner{padding:.6rem .9rem;border:1px solid var(--banner-border);border-radius:.55rem;background:var(--banner-bg)}details.theory{margin:.5rem 0}details.theory summary{cursor:pointer;color:var(--accent-strong)}details.theory p{white-space:pre-line;margin:.5rem 0 .25rem;padding:.6rem .8rem;border-left:3px solid var(--border);background:var(--surface)}.module-score{display:flex;align-items:center;gap:.6rem;margin:.2rem 0 .1rem;font-weight:600}.bar{flex:1;height:.5rem;border-radius:.25rem;background:var(--track);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:.25rem;background:var(--accent);transition:width .25s ease}ul.modules .bar{display:block;margin-top:.4rem;height:.35rem}.sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.backup{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-soft);color:var(--muted)}textarea{font:inherit;width:100%;min-height:8rem;padding:.45rem .65rem;margin:.15rem 0;border:1px solid var(--border);border-radius:.55rem;background:var(--surface);color:inherit}.today-done{color:var(--ok);font-weight:600}