:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#0a0a0a;--muted:#404652;--card:#f1f3f6;--border:#aab1bd;--accent:#1e3a8a;--accent-fg:#fff;--check:#146c2e;--check-fg:#fff;--minus:#f5c518;--minus-fg:#111;--x:#b3141b;--x-fg:#fff;--info-bg:#dbe6ff;--info-fg:#0f245e;--warn-bg:#fff0c2;--warn-fg:#5c3b00;--error-bg:#ffd9d9;--error-fg:#6b0a0a;--screen-width:480px;--screen-padding:16px;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--fg:#fff;--muted:#c9ced6;--card:#14171c;--border:#5d6570;--accent:#8fb0ff;--accent-fg:#000;--check:#3ddc6f;--check-fg:#000;--minus:#ffd84d;--minus-fg:#000;--x:#ff6b6b;--x-fg:#000;--info-bg:#13244d;--info-fg:#dbe6ff;--warn-bg:#3d2c00;--warn-fg:#ffe9a8;--error-bg:#4a0d0d;--error-fg:#ffd9d9}}*{box-sizing:border-box}body,h1,h2,p{margin:0}h1{font-size:1.4rem}h2{font-size:1.1rem}.screen{max-width:var(--screen-width);min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--screen-padding) max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.settings .topbar{justify-content:flex-start}.muted{color:var(--muted)}.button,.icon-button{font:inherit;border:2px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;display:inline-flex}.button{min-height:48px;padding:8px 16px;font-weight:600}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.button:disabled{opacity:.45;cursor:default}.icon-button{width:48px;height:48px;font-size:1.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.start-today{min-height:96px;font-size:1.6rem}.stage-label{font-weight:600}.teaching-note{color:var(--muted)}.readiness{font-variant-numeric:tabular-nums}.ready-mark{color:var(--check)}.track-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.banner{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex}.banner-info{background:var(--info-bg);color:var(--info-fg)}.banner-warn{background:var(--warn-bg);color:var(--warn-fg)}.banner-error{background:var(--error-bg);color:var(--error-fg)}.banner-action{flex-shrink:0}.question-screen .section{color:var(--muted);font-weight:600}.question-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.prompt{font-size:3rem;font-weight:800;line-height:1.15}.answer{font-size:1.5rem;font-weight:600}.hint{color:var(--muted)}.question-controls{flex-direction:column;gap:10px;display:flex}.small-actions{justify-content:space-between;display:flex}.button.small{min-height:44px;font-weight:500}.note-field{font:inherit;border:2px solid var(--border);background:var(--bg);min-height:72px;color:var(--fg);border-radius:10px;padding:8px}.save-error{background:var(--error-bg);color:var(--error-fg);border-color:var(--x)}.grade-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grade-button{cursor:pointer;touch-action:manipulation;border:none;border-radius:16px;justify-content:center;align-items:center;min-height:88px;font-size:2.4rem;display:flex}.grade-check,.count-check{background:var(--check);color:var(--check-fg)}.grade-minus,.count-minus{background:var(--minus);color:var(--minus-fg)}.grade-x,.count-x{background:var(--x);color:var(--x-fg)}.grade-buttons-busy .grade-button{opacity:.45}.grade-counts{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;font-size:1.6rem;font-weight:700;list-style:none;display:grid}.grade-counts li{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.end-actions{gap:8px;margin-top:auto;display:flex}.end-actions .button{flex:1;min-height:64px}.sync-line{color:var(--muted)}.field{flex-direction:column;gap:4px;display:flex}.field select,.field input{font:inherit;border:2px solid var(--border);background:var(--bg);min-height:48px;color:var(--fg);border-radius:10px;padding:8px}.token-form{flex-direction:column;gap:8px;display:flex}.dialog-backdrop{padding:16px var(--screen-padding) max(16px, env(safe-area-inset-bottom));background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:calc(var(--screen-width) - 2 * var(--screen-padding));background:var(--bg);color:var(--fg);border:2px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}.dialog-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}