:root{--bg:#f4f6fb;--surface:#fff;--text:#1f2937;--muted:#6b7280;--border:#e4e8f0;--primary:#3b6ef5;--primary-strong:#2a58d6;--primary-soft:#e9efff;--primary-text:#fff;--accent:#ff8a3d;--success:#1f9d55;--danger:#e5484d;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #1f29370a, 0 4px 14px #1f29370f;--font:"M PLUS Rounded 1c", system-ui, -apple-system, "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--pad-bg:#fffdf7;--pad-ink:#1f2937;--pad-guide:#d6dbe6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1420;--surface:#182033;--text:#e8ecf4;--muted:#9aa5b8;--border:#2a3550;--primary:#6b93ff;--primary-strong:#8aa9ff;--primary-soft:#22305a;--accent:#ff9d5c;--success:#3ccf7f;--danger:#ff6b70;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040;--pad-bg:#1d2740;--pad-ink:#e8ecf4;--pad-guide:#34405e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);overscroll-behavior:none;margin:0;font-size:16px;font-weight:500;line-height:1.65}.page{max-width:452px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));gap:16px;margin:0 auto;display:grid}h1{margin:0;font-size:1.25rem}h2{margin:0 0 8px;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}button{font:inherit;border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;border:1px solid #0000;min-height:44px;padding:8px 14px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--primary);color:var(--primary-text);font-weight:700}button.secondary{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--border)}button.wide{width:100%;margin-top:12px}input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:4em;min-height:44px;color:var(--text);padding:6px 10px}.error{color:var(--danger);margin:4px 0 0}.readings p{margin:0;font-size:1.15rem;font-weight:700}.prompt-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.char-picker{flex-wrap:wrap;gap:8px;display:flex}.model-preview{width:160px;margin:12px auto 0}.writing{gap:8px;display:grid}.stroke-count{color:var(--muted);text-align:right;margin:0}.pad{aspect-ratio:1;background:var(--pad-bg);border:2px solid var(--border);border-radius:var(--radius-sm);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;max-width:420px;margin:0 auto;display:block}.pad-actions{flex-wrap:wrap;gap:8px;display:flex}.pad-actions>button{flex:auto}.verdict{margin:0;font-size:1.6rem;font-weight:800}.verdict.correct{color:var(--success)}.verdict.unsure{color:var(--accent)}.verdict.wrong{color:var(--danger)}.notes{margin:4px 0 12px;padding-left:1.2em}.compare{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare figure{text-align:center;margin:0}.compare figcaption{color:var(--muted);font-size:.9rem}.figure{aspect-ratio:1;background:var(--pad-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;display:block}.guides line{stroke:var(--pad-guide);stroke-width:.6px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.model-stroke,.user-stroke{fill:none;stroke:var(--pad-ink);stroke-linecap:round;stroke-linejoin:round}.model-stroke{stroke-width:4px}.user-stroke{stroke-width:.035px}.model-stroke.ok,.user-stroke.ok{stroke:var(--success)}.model-stroke.bad,.user-stroke.bad{stroke:var(--danger)}.model-stroke.missing{stroke:var(--accent);stroke-dasharray:.04 .04}.model-stroke.animate{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s ease-out forwards draw-stroke}@keyframes draw-stroke{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.model-stroke.animate{stroke-dashoffset:0;animation:none}}.stroke-number{fill:var(--primary);font-family:system-ui,sans-serif;font-size:7px}.metrics{grid-template-columns:auto 1fr;gap:2px 12px;margin:12px 0;font-size:.9rem;display:grid}.metrics dt{color:var(--muted)}.metrics dd{font-variant-numeric:tabular-nums;margin:0}.feedback p{margin:0 0 8px}details summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.threshold{font-variant-numeric:tabular-nums;gap:4px;margin:8px 0;display:grid}.threshold input{width:100%}.credit{color:var(--muted);text-align:center;font-size:.8rem}.send-message{color:var(--muted);margin:8px 0 0}.stack{gap:12px;display:grid}.field{gap:4px;display:grid}.field input{width:100%}.muted{color:var(--muted)}.page-header{align-items:center;gap:12px;display:flex}.sentence{margin:0;font-size:1.3rem;line-height:2.2}.target .box{text-align:center;border:2px solid var(--border);vertical-align:middle;cursor:pointer;border-radius:6px;min-width:1.6em;height:1.6em;margin:0 2px;line-height:1.5em;display:inline-block}.target .box.current{border-color:var(--primary);background:var(--primary-soft)}.target .ruby{color:var(--muted);font-size:.85rem}.target.read{text-underline-offset:6px;text-decoration:underline}.big{margin:0;font-size:1.3rem;font-weight:800}.tag{background:var(--primary-soft);color:var(--primary-strong);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.85rem}.compare-pair{display:contents}.new-kanji{grid-template-columns:120px 1fr;align-items:center;gap:12px;display:grid}.new-kanji .model-preview{width:120px;margin:0}.new-kanji p{margin:0}.legend{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.85rem}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;display:grid}.kanji-grid .cell{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--muted);padding:0;font-size:1.3rem}.cell.learning,.chip.learning{background:var(--primary-soft);color:var(--primary-strong)}.cell.mastered,.chip.mastered{background:var(--success);color:#fff}.cell.weak,.chip.weak{background:var(--danger);color:#fff}.jobs{margin:0;padding-left:1.2em;font-size:.9rem}.review-item{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.item-preview{margin:0;line-height:1.9}