:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f2f6;--text:#1a1d24;--text-muted:#5b616e;--border:#e2e5ea;--accent:#2f6feb;--accent-hover:#2258c9;--on-accent:#fff;--good:#1a7f45;--good-bg:#e7f4ec;--warn:#b26a00;--warn-bg:#fbf0dd;--sp-accent:#2f6feb;--sp-good:#1a7f45;--sp-warn:#b26a00;--sp-muted:#cfd4dd;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1419280f, 0 4px 16px #1419280d;--maxw:44rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#181b21;--surface-2:#21252d;--text:#e6e8ec;--text-muted:#9aa0ac;--border:#2b303a;--accent:#5b8df5;--accent-hover:#6f9df7;--on-accent:#0f1115;--good:#4cc98a;--good-bg:#12261b;--warn:#e0a94a;--warn-bg:#2a2113;--sp-muted:#3a4150}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--surface:#fff;--surface-2:#f0f2f6;--text:#1a1d24;--text-muted:#5b616e;--border:#e2e5ea;--accent:#2f6feb;--accent-hover:#2258c9;--on-accent:#fff;--good:#1a7f45;--good-bg:#e7f4ec;--warn:#b26a00;--warn-bg:#fbf0dd;--sp-muted:#cfd4dd}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#181b21;--surface-2:#21252d;--text:#e6e8ec;--text-muted:#9aa0ac;--border:#2b303a;--accent:#5b8df5;--accent-hover:#6f9df7;--on-accent:#0f1115;--good:#4cc98a;--good-bg:#12261b;--warn:#e0a94a;--warn-bg:#2a2113;--sp-muted:#3a4150}*,:before,:after{box-sizing:border-box}*{margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2{letter-spacing:-.01em;line-height:1.25}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.page{max-width:var(--maxw);flex-direction:column;gap:1.5rem;margin-inline:auto;padding:clamp(1rem,3vw,2.5rem);display:flex}.page__topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page__chapter{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.page__header h1{margin-top:.15rem;font-size:clamp(1.5rem,4vw,2rem)}.page__status{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.page__main{flex-direction:column;gap:1.25rem;display:flex}.page__main section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.25rem,3vw,1.75rem)}.page__main section h2{margin-bottom:.75rem;font-size:1.2rem}.page__main section p+p{margin-top:.75rem}strong{font-weight:650}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:.55rem 1rem;transition:background .15s,border-color .15s,transform 50ms}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:#0000}.page__main ul{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.page__main ul button{text-align:left;background:var(--surface-2);border:1px solid var(--border);width:100%;padding:.9rem 1.1rem}.page__main ul button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}form{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}form label{font-size:.95rem;font-weight:600}input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);padding:.65rem .85rem}.feedback{border-left:4px solid var(--border)}.feedback p:first-child{font-weight:700}.feedback--correct{border-left-color:var(--good)}.feedback--correct p:first-child{color:var(--good)}.feedback--wrong{border-left-color:var(--warn)}.feedback--wrong p:first-child{color:var(--warn)}[role=progressbar]{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;flex:1;min-width:8rem;height:.5rem;overflow:hidden}[role=progressbar]>div{background:linear-gradient(90deg, var(--accent), var(--good));height:100%;transition:width .4s}.streak{white-space:nowrap;font-weight:600}[role=group]{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.offer-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}figure{flex-direction:column;gap:1rem;margin:1.25rem 0 0;display:flex}figure figcaption{color:var(--text-muted);font-size:.9rem;font-weight:600}figure [role=img]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;padding:1rem;display:flex}figure nav{align-items:center;gap:1rem;display:flex}figure nav span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.9rem}figure nav button{padding:.4rem .9rem}.theme-toggle{border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;padding:0;font-size:1.1rem;line-height:1;display:grid}[role=alert]{background:var(--warn-bg);color:var(--warn);border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}