:root{--bg:#f7f4ef;--surface:#fff;--text:#1d1b19;--muted:#6f6a63;--line:#e2ddd5;--accent:#b3202a;--accent-text:#fff;--right:#2e7d4f;--wrong:#b3202a;--tint:179, 32, 42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161514;--surface:#211f1d;--text:#f1ede7;--muted:#a39d94;--line:#35322e;--accent:#e0535c;--accent-text:#1a0d0e;--right:#5fbf86;--wrong:#e0535c;--tint:224, 83, 92}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}[lang=ja]{font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Noto Sans JP,Noto Sans CJK JP,Meiryo,sans-serif}h1{margin:0;font-size:1.6rem}h2{margin:0 0 4px;font-size:1.1rem}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.muted{color:var(--muted)}.app{flex-direction:column;max-width:520px;height:100%;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:16px;padding:20px 16px;display:flex;overflow-y:auto}.screen.centre{text-align:center;justify-content:center;align-items:center}.heading{flex-direction:column;gap:2px;display:flex}.tabs{border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 10px;font-size:.75rem;display:flex}.tab-glyph{font-size:1.3rem;line-height:1.2}.tab-on{color:var(--accent);font-weight:600}.card{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;align-items:center;padding:12px 4px;display:flex}.stat b{font-size:1.7rem;line-height:1.2}.stat span{color:var(--muted);font-size:.8rem}.primary,.secondary{border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:100%;padding:14px 16px;font-weight:600;display:flex}.primary{background:var(--accent);color:var(--accent-text)}.primary.big{padding:22px 16px;font-size:1.4rem}.secondary{border:1px solid var(--line);background:var(--surface)}.secondary.danger{color:var(--wrong)}.primary small,.secondary small{opacity:.9;font-size:.85rem;font-weight:400}.stack{flex-direction:column;gap:10px;display:flex}.field{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:12px;padding:12px 14px}.note.warning{color:var(--wrong)}.note{color:var(--muted);font-size:.9rem}.drill-bar{align-items:center;gap:12px;padding:12px 16px 0;display:flex}.icon{width:40px;height:40px;color:var(--muted);border-radius:50%;font-size:1.1rem}.progress{background:var(--line);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .25s}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.75rem}.drill{text-align:center;align-items:center;padding-top:10vh}.prompt{color:var(--muted)}.glyph{font-size:min(38vw,10rem);line-height:1.15}.glyph.word{font-size:min(10rem, calc(84vw / var(--glyph-length,1)), calc(440px / var(--glyph-length,1)))}.meaning{color:var(--muted);font-size:1.3rem}.glyph.speaker{border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:16px 28px;font-size:min(24vw,6rem)}.reading{font-size:2rem;font-weight:600}.hook{border-left:3px solid var(--accent);background:var(--surface);text-align:left;border-radius:4px 10px 10px 4px;max-width:22rem;padding:10px 14px}.choices{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.choice{border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:18px 8px;font-size:1.5rem;font-weight:600}.choices.wide{grid-template-columns:1fr}.choices.wide .choice{padding:14px 8px;font-size:1.15rem}.choice[lang=ja]{font-size:2.2rem;font-weight:400}.choice.right{border-color:var(--right);color:var(--right)}.choice.wrong{border-color:var(--wrong);color:var(--wrong)}.choice.faded{opacity:.4}.feedback{flex-direction:column;gap:12px;width:100%;display:flex}.done-mark{color:var(--accent);font-size:3rem}.segments{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:3px;display:flex}.segment{color:var(--muted);border-radius:9px;flex:1;padding:8px}.segment-on{background:var(--accent);color:var(--accent-text);font-weight:600}.chart{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.cell{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;padding:8px 0 6px;display:flex}.cell.gap{visibility:hidden}.cell-kana{white-space:nowrap;font-size:1.7rem;line-height:1.2}.chart-section.combined .cell-kana{font-size:1.25rem;line-height:1.63}.chart-section{flex-direction:column;gap:6px;display:flex}.chart-section h2{color:var(--muted);font-size:.85rem;font-weight:600}.cell-romaji{color:var(--muted);font-size:.75rem}.cell.band-0 .cell-kana{opacity:.35}.cell.band-1{background:rgba(var(--tint), .1)}.cell.band-2{background:rgba(var(--tint), .22)}.cell.band-3{background:rgba(var(--tint), .36)}.cell.band-4{background:rgba(var(--tint), .52)}.word-list{flex-direction:column;gap:6px;display:flex}.word-row{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;grid-template-columns:minmax(5.5rem,auto) 1fr;align-items:baseline;column-gap:12px;padding:10px 14px;display:grid}.word-kana{grid-row:span 2;align-self:center;font-size:1.5rem}.word-reading{color:var(--muted);font-size:.8rem}.word-row.band-1{background:rgba(var(--tint), .1)}.word-row.band-2{background:rgba(var(--tint), .22)}.word-row.band-3{background:rgba(var(--tint), .36)}.word-row.band-4{background:rgba(var(--tint), .52)}.back{color:var(--accent);align-self:flex-start;padding:4px 0;font-weight:600}.menu-item{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}.menu-item span{color:var(--muted)}.pattern{color:var(--accent);font-size:1.4rem}.answer-row,.tiles{flex-wrap:wrap;gap:8px;display:flex}.answer-row{border:2px dashed var(--line);border-radius:14px;min-height:72px;padding:8px}.answer-row.right{border-style:solid;border-color:var(--right)}.answer-row.wrong{border-style:solid;border-color:var(--wrong)}.tile{border:2px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;min-width:52px;min-height:52px;padding:6px 12px;font-size:1.3rem;display:flex}.tile small{color:var(--muted);font-size:.7rem}.tile.used{background:0 0;border-style:dashed}.primary:disabled{opacity:.4}.draw-pad{aspect-ratio:1;border:2px solid var(--line);background:var(--surface);border-radius:14px;align-self:center;width:min(300px,100%);position:relative;overflow:hidden}.draw-guide{opacity:.14;pointer-events:none;justify-content:center;align-items:center;font-size:240px;line-height:1;display:flex;position:absolute;inset:0}.draw-pad canvas{width:100%;height:100%;color:var(--text);touch-action:none;cursor:crosshair;position:absolute;inset:0}.row{gap:10px;display:flex}.reader-text{font-size:1.6rem;line-height:2.2}.token{font-size:inherit;border-radius:6px;padding:2px 3px}.token.known{text-decoration:underline;-webkit-text-decoration-color:var(--right);text-decoration-color:var(--right);text-underline-offset:6px}.token.unreadable{opacity:.45}.token.picked{background:rgba(var(--tint), .25);opacity:1}.reading-line{font-size:1.2rem;font-weight:600}textarea.field{resize:vertical;font-size:1.2rem}