:root{--bg: #f6f7f9;--fg: #1b1e26;--muted: #666e80;--ok: #1a8a4c;--bad: #c33232;--card: #ffffff;--card-line: #e2e5ec;--btn: #e6e9f0;--btn-hover: #d7dbe6;--field: #ffffff;--field-line: #ccd2de;--accent: #2a5db0;--accent-bg: #e2eaf9;--again: #b3261e;--again-bg: #fbe4e2;--hard: #8a5300;--hard-bg: #fbeeda;--good: #1a6b3c;--good-bg: #e0f2e6;--easy: #1f5aa8;--easy-bg: #e2ecfb;--hover-bright: .96;color-scheme:light}@media(prefers-color-scheme:dark){html:not([data-theme=light]){--bg: #11131a;--fg: #e8e6e3;--muted: #8b93a7;--ok: #5fd28a;--bad: #ff6b6b;--card: #191c26;--card-line: #232838;--btn: #262b3a;--btn-hover: #313850;--field: #0e1017;--field-line: #2a3040;--accent: #9dc0ff;--accent-bg: #2f3b55;--again: #ff9d95;--again-bg: #4a2320;--hard: #f0bd6a;--hard-bg: #40331c;--good: #7fdba3;--good-bg: #1e3a2a;--easy: #9dc0ff;--easy-bg: #24314b;--hover-bright: 1.18;color-scheme:dark}}html[data-theme=dark]{--bg: #11131a;--fg: #e8e6e3;--muted: #8b93a7;--ok: #5fd28a;--bad: #ff6b6b;--card: #191c26;--card-line: #232838;--btn: #262b3a;--btn-hover: #313850;--field: #0e1017;--field-line: #2a3040;--accent: #9dc0ff;--accent-bg: #2f3b55;--again: #ff9d95;--again-bg: #4a2320;--hard: #f0bd6a;--hard-bg: #40331c;--good: #7fdba3;--good-bg: #1e3a2a;--easy: #9dc0ff;--easy-bg: #24314b;--hover-bright: 1.18;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:46rem;margin:0 auto;padding:1rem}.pad{padding:2rem}header{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;padding:.5rem 0 1.5rem;color:var(--muted);font-size:.85rem}header b{color:var(--fg)}.grow{flex:1}button,.btn{background:var(--btn);color:var(--fg);border:0;border-radius:.4rem;padding:.5rem .9rem;font:inherit;font-size:.9rem;cursor:pointer}button:hover,.btn:hover{background:var(--btn-hover)}button.grade{font-weight:600}button.grade:hover{filter:brightness(var(--hover-bright))}button.again{background:var(--again-bg);color:var(--again)}button.again:hover{background:var(--again-bg)}button.hard{background:var(--hard-bg);color:var(--hard)}button.hard:hover{background:var(--hard-bg)}button.good{background:var(--good-bg);color:var(--good)}button.good:hover{background:var(--good-bg)}button.easy{background:var(--easy-bg);color:var(--easy)}button.easy:hover{background:var(--easy-bg)}kbd{font:inherit;font-size:.75rem;margin-left:.35rem;padding:0 .3rem;border:1px solid currentColor;border-radius:.25rem;opacity:.7}.card{background:var(--card);border:1px solid var(--card-line);border-radius:.8rem;padding:2rem}.chunk{color:var(--muted);font-size:.9rem;margin:0 0 .5rem;letter-spacing:.04em}.tag{background:var(--accent-bg);color:var(--accent);border-radius:.3rem;padding:.1rem .4rem;margin-left:.6rem;font-size:.75rem}.de{font-size:1.5rem;margin:0 0 1rem}.say{margin:0 0 .5rem}input[type=text],input:not([type]){width:100%;padding:.8rem 1rem;font:inherit;font-size:1.15rem;background:var(--field);color:var(--fg);border:1px solid var(--field-line);border-radius:.5rem}input:disabled{opacity:.6}.answer{font-size:1.2rem;margin:1rem 0 .5rem}.answer .ok,.answer.ok{color:var(--ok)}.answer .chunk-word{color:var(--accent);font-weight:600}.answer .bad{color:var(--bad)}.row{display:flex;gap:.6rem;margin-top:1rem}.muted{color:var(--muted);font-size:.9rem}.err{color:var(--bad)}h1{font-size:1.3rem;margin:0 0 .5rem}.hint{color:var(--accent);font-size:1rem;margin:.8rem 0 0;letter-spacing:.02em}.stats{max-width:46rem}.stats h2{font-size:1rem;margin:1.6rem 0 .3rem}.stats h2:first-of-type{margin-top:1rem}.row.between{justify-content:space-between;align-items:center;margin-top:0}.chart{width:100%;height:auto;display:block;margin:.4rem 0 .2rem}.chart .grid{stroke:var(--card-line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px}.chart .target{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 4}.chart .line{fill:none;stroke:var(--accent);stroke-width:2}.chart .dot{fill:var(--accent)}.chart .bar-again{fill:var(--again)}.chart .bar-rest{fill:var(--card-line)}.chart .bar-ok{fill:var(--good)}.chart .bar-hinted{fill:var(--good);opacity:.42}.buckets{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.bucket{display:flex;align-items:center;gap:.8rem;font-size:.9rem}.bucket-label{flex:none;width:12rem}.bucket-track{flex:1;height:.7rem;background:var(--field);border-radius:.2rem;overflow:hidden}.bucket-bar{display:block;height:100%;border-radius:.2rem;min-width:2px}.b-unseen{background:var(--card-line)}.b-learning{background:var(--hard)}.b-learned{background:var(--good)}.b-long{background:var(--accent)}.weak{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.4rem}.weak th{text-align:left;font-weight:500;color:var(--muted);padding:.3rem .5rem .3rem 0}.weak td{padding:.3rem .5rem .3rem 0;border-top:1px solid var(--card-line)}.weak .chunk-word{color:var(--accent);font-weight:600}.home h2{font-size:1rem;margin:1.6rem 0 .2rem}.home .row{flex-wrap:wrap;margin-top:.6rem}button.lane{font-weight:600;padding:.7rem 1.2rem;font-size:1rem}button.lane.review{background:var(--good-bg);color:var(--good)}button.lane.new{background:var(--easy-bg);color:var(--easy)}button.lane:hover{filter:brightness(var(--hover-bright))}button.lane.review:hover{background:var(--good-bg)}button.lane.new:hover{background:var(--easy-bg)}