:root{--hb-bg:#f5f6f8;--hb-surface:#fff;--hb-surface-2:#eceef2;--hb-line:#d7dae2;--hb-fg:#1a1a2e;--hb-fg-dim:#5a6070;--hb-heading:#101322;--hb-accent:#2a7a4f;--hb-accent-text:#2a7a4f;--hb-accent-ink:#fff;--hb-accent-line:#2a7a4f61;--hb-accent-soft:#2a7a4f1a;--hb-blue:#1f6fb2;--hb-blue-text:#1f6fb2;--hb-blue-ink:#fff;--hb-blue-line:#1f6fb261;--hb-blue-soft:#1f6fb21a;--hb-link:#1f6fb2;--hb-ok-text:#1e6b3a;--hb-ok-bg:#eaf6ec;--hb-warn-text:#7d5a12;--hb-warn-bg:#fff6e5;--hb-danger-text:#a32b1f;--hb-danger-bg:#fdecea;--hb-info-text:#155e75;--hb-info-bg:#e6f3f7;--hb-band-gap-bg:var(--hb-danger-bg);--hb-band-gap-text:var(--hb-danger-text);--hb-band-developing-bg:var(--hb-warn-bg);--hb-band-developing-text:var(--hb-warn-text);--hb-band-mastered-bg:var(--hb-ok-bg);--hb-band-mastered-text:var(--hb-ok-text);--hb-code-bg:#f2f4f7;--hb-code-fg:#0f5f6e;--hb-pre-bg:#f7f7fb;--hb-chart-1:#1f6fb2;--hb-chart-2:#2a7a4f;--hb-chart-3:#7d5a12;--hb-chart-4:#a32b1f;--hb-chart-5:#6b3fa0;--hb-chart-grid:#e2e5ec;--hb-space-1:.25rem;--hb-space-2:.5rem;--hb-space-3:.75rem;--hb-space-4:1rem;--hb-space-5:1.5rem;--hb-space-6:2rem;--hb-space-7:3rem;--hb-text-xs:.75rem;--hb-text-sm:.875rem;--hb-text-base:1rem;--hb-text-lg:1.125rem;--hb-text-xl:1.375rem;--hb-text-2xl:1.75rem;--hb-text-3xl:2.25rem;--hb-radius-sm:6px;--hb-radius:10px;--hb-radius-lg:14px;--hb-shadow-1:0 1px 3px #00000014;--hb-shadow-2:0 8px 24px #0000001f;--hb-focus:2px solid var(--hb-blue);--hb-focus-offset:2px;--hb-font:system-ui, -apple-system, "Segoe UI", sans-serif;--hb-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fg:var(--hb-fg);--muted:var(--hb-fg-dim);--accent:var(--hb-blue);--bg:var(--hb-bg);--card:var(--hb-surface);--err:var(--hb-danger-text);--warn:var(--hb-warn-text)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hb-bg:#0d0d10;--hb-surface:#15151a;--hb-surface-2:#1b1b21;--hb-line:#2a2a33;--hb-fg:#e8e8ec;--hb-fg-dim:#a0a0ad;--hb-heading:#e8e8ec;--hb-accent:#3aba71;--hb-accent-text:#3aba71;--hb-accent-ink:#04170d;--hb-accent-line:#3aba7161;--hb-accent-soft:#3aba7124;--hb-blue:#5aa9e6;--hb-blue-text:#5aa9e6;--hb-blue-ink:#04182e;--hb-blue-line:#5aa9e661;--hb-blue-soft:#5aa9e624;--hb-link:#5aa9e6;--hb-ok-text:#4ec98a;--hb-ok-bg:#17301a;--hb-warn-text:#e0a83c;--hb-warn-bg:#2a2113;--hb-danger-text:#e8615a;--hb-danger-bg:#2e1512;--hb-info-text:#5aa9e6;--hb-info-bg:#131f2b;--hb-code-bg:#22222a;--hb-code-fg:#75b1bd;--hb-pre-bg:#1f1f1f;--hb-chart-1:#5aa9e6;--hb-chart-2:#3aba71;--hb-chart-3:#e0a83c;--hb-chart-4:#e8615a;--hb-chart-5:#b07ee8;--hb-chart-grid:#2a2a33;--hb-shadow-1:0 1px 3px #0006;--hb-shadow-2:0 8px 24px #00000080}}:root[data-theme=dark]{--hb-bg:#0d0d10;--hb-surface:#15151a;--hb-surface-2:#1b1b21;--hb-line:#2a2a33;--hb-fg:#e8e8ec;--hb-fg-dim:#a0a0ad;--hb-heading:#e8e8ec;--hb-accent:#3aba71;--hb-accent-text:#3aba71;--hb-accent-ink:#04170d;--hb-accent-line:#3aba7161;--hb-accent-soft:#3aba7124;--hb-blue:#5aa9e6;--hb-blue-text:#5aa9e6;--hb-blue-ink:#04182e;--hb-blue-line:#5aa9e661;--hb-blue-soft:#5aa9e624;--hb-link:#5aa9e6;--hb-ok-text:#4ec98a;--hb-ok-bg:#17301a;--hb-warn-text:#e0a83c;--hb-warn-bg:#2a2113;--hb-danger-text:#e8615a;--hb-danger-bg:#2e1512;--hb-info-text:#5aa9e6;--hb-info-bg:#131f2b;--hb-code-bg:#22222a;--hb-code-fg:#75b1bd;--hb-pre-bg:#1f1f1f;--hb-chart-1:#5aa9e6;--hb-chart-2:#3aba71;--hb-chart-3:#e0a83c;--hb-chart-4:#e8615a;--hb-chart-5:#b07ee8;--hb-chart-grid:#2a2a33;--hb-shadow-1:0 1px 3px #0006;--hb-shadow-2:0 8px 24px #00000080}:focus-visible{outline:var(--hb-focus);outline-offset:var(--hb-focus-offset);border-radius:var(--hb-radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hb-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}.hb-sr-only:focus-visible{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}#root{max-width:760px;margin:0 auto;padding:1.5rem 1rem 4rem}.card{background:var(--card);border-radius:12px;margin:1rem 0;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #00000014}h1{font-size:1.4rem}.bar{background:var(--card);font-variant-numeric:tabular-nums;color:var(--hb-fg);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.stem{white-space:pre-wrap;background:var(--hb-pre-bg);border-radius:8px;padding:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow-x:auto}.choices{margin:.5rem 0 0;padding:0;list-style:none}.choices li{margin:.35rem 0}.choices label{cursor:pointer;border-radius:8px;align-items:baseline;gap:.5rem;padding:.5rem .6rem;display:flex}.choices label:hover{background:var(--hb-surface-2)}.clabel{color:var(--accent);font-weight:600}form label{color:var(--muted);margin:.75rem 0;font-size:.9rem;display:block}input{border:1px solid var(--hb-line);background:var(--hb-surface);width:100%;color:var(--hb-fg);border-radius:8px;margin-top:.25rem;padding:.55rem .7rem;font-size:1rem;display:block}input[type=radio]{width:auto;margin:0;display:inline}button{font:inherit;border:1px solid var(--hb-line);background:var(--hb-surface);color:var(--hb-fg);cursor:pointer;border-radius:8px;padding:.5rem .9rem}button.primary{background:var(--accent);color:var(--hb-blue-ink);border-color:var(--accent);margin-top:.75rem}button:disabled{opacity:.6;cursor:default}.tabs{gap:.5rem;margin:.5rem 0 1rem;display:flex}.tabs .active{background:var(--accent);color:var(--hb-blue-ink);border-color:var(--accent)}.error{color:var(--err)}.warn{color:var(--err);font-weight:600}.hint{color:var(--muted);font-size:.85rem}.score{font-size:1.6rem;font-weight:700}.editor{border:1px solid var(--hb-line);border-radius:8px;overflow:hidden}