:root,:root[data-theme=light]{--paper: #F0EADD;--paper-hi: #F6F1E6;--panel: #E8E0CD;--panel-edge: #DCD2BA;--ink: #2B2926;--accent: #A24A38;--accent-strong: #C23B2C;--canvas-paper: #FCFAF5;--canvas-border: #6F5D48;--box-stroke: #968B74;--guide: #B9AD95;--amber: #B1852F;--good: #5A7D4E;--ink-soft: #2B29268c;--rule: #DCD2BA;--canvas: #FCFAF5;--canvas-edge: #6F5D48;--box: #968B74;--sentence-size: 27px;--furigana-size: 11px;--serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans: -apple-system, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif}:root[data-theme=dark]{--paper: #1A1714;--paper-hi: #221E19;--panel: #262119;--panel-edge: #3A3229;--ink: #ECE5D8;--accent: #D97757;--accent-strong: #E8846A;--canvas-paper: #211D18;--canvas-border: #6F5D48;--box-stroke: #4A4238;--guide: #8A8071;--amber: #D2A44A;--good: #7FA36F;--ink-soft: #ECE5D899;--rule: #3A3229;--canvas: #211D18;--canvas-edge: #6F5D48;--box: #4A4238}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent}.screen{min-height:100svh;max-width:560px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.practice{gap:8px;align-items:center}.practice .sentence{align-self:stretch;line-height:2.1}.practice .active-reading{min-height:38px}.counters{margin:0}.gate{justify-content:center;text-align:center}.brand{font-family:var(--serif);font-size:clamp(2.4rem,11vw,3.4rem);letter-spacing:.16em;margin:0;font-weight:400}.tagline{color:var(--ink-soft);letter-spacing:.06em;margin:0 0 20px}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field span{font-size:.8rem;color:var(--ink-soft);letter-spacing:.04em}.field input{padding:13px 14px;font-size:1.05rem;background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:10px;font-family:var(--sans)}.field input:focus{outline:none;border-color:var(--ink-soft)}.btn{padding:14px;font-size:1rem;letter-spacing:.08em;background:var(--ink);color:var(--paper);border:0;border-radius:10px;font-family:var(--serif)}.btn:disabled{opacity:.35}.link{background:none;border:0;color:var(--ink-soft);font-size:.85rem;padding:6px}.err{color:var(--accent);font-size:.85rem}.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;flex:0 0 auto}.bar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.progress{font-size:.78rem;color:var(--ink-soft);letter-spacing:.05em}.dot{margin:0 8px;opacity:.5}.teach{padding:10px 14px;background:var(--paper-hi);border:1px solid var(--panel-edge);border-radius:10px;font-size:.85rem;color:var(--ink-soft)}.teach strong{color:var(--ink);font-family:var(--serif)}.sentence{font-family:var(--serif);font-size:calc(27px * var(--zoom));line-height:2.35;margin:8px 0}.sentence rt{font-size:.41em;color:var(--ink-soft)}.blank{ruby-align:center}.blank .boxes{display:inline-flex;gap:2px}.blank .box{display:inline-block;width:.92em;height:.92em;border:1px dashed var(--box);border-radius:2px;vertical-align:-.02em}.blank.active .box{border-color:var(--accent-strong);border-style:dashed}.blank.active rt{color:var(--accent-strong)}.blank rt{color:var(--ink-soft)}.filled{color:var(--accent)}.filled rt{color:var(--accent);font-size:.48em}.blank rt{font-size:.42em;letter-spacing:-.02em;white-space:nowrap}.cells{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cell{display:flex;flex-direction:column;align-items:center;gap:5px}.paper{--cell: clamp(150px, calc(min(58vw, 30vh) * var(--zoom)), calc(300px * var(--zoom)));width:var(--cell);height:var(--cell);flex:0 0 auto;position:relative;background-color:var(--canvas);border:1px solid var(--canvas-edge);border-radius:4px;background-image:linear-gradient(var(--box),var(--box)),linear-gradient(var(--box),var(--box));background-size:1px 100%,100% 1px;background-position:center,center;background-repeat:no-repeat;touch-action:none}.paper svg{display:block;width:100%;height:100%}.cell-done .paper{border-color:var(--accent)}.verdict{font-size:.8rem;font-family:var(--serif)}.clean{color:var(--ink)}.slip{color:var(--accent)}.hint{font-size:.78rem}.finish{text-align:center;display:flex;flex-direction:column;gap:10px}.reveal{font-family:var(--serif);font-size:1.1rem;margin:0}.cite{color:var(--ink-soft);font-size:.8rem;margin:0}.muted{color:var(--ink-soft);text-align:center}.tabbed{min-height:100svh;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.tabbed .screen{min-height:0}.tabbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;display:flex;max-width:536px;margin:0 auto;background:var(--paper-hi);border:1px solid var(--panel-edge);border-radius:999px;padding:6px;box-shadow:0 2px 14px #2b292614}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0;background:none;border:0;border-radius:999px;color:var(--ink-soft);font-family:var(--serif)}.tab.on{color:var(--accent);background:var(--panel)}.tab-i{display:grid;place-items:center;height:20px}.tab-l{font-size:.66rem;letter-spacing:.06em}.home{align-items:stretch;gap:14px}.app-head{display:flex;align-items:baseline;gap:10px}.wordmark{font-family:var(--serif);font-size:1.9rem;margin:0;font-weight:600;letter-spacing:.04em}.wordmark-sub{color:var(--ink-soft);font-size:.8rem;letter-spacing:.04em}.goal-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.goal-row>.muted{flex:0 0 auto;white-space:nowrap}.goal-kyu{font-family:var(--serif);font-size:1.05rem;font-weight:600;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-bar{height:6px;background:var(--panel);border-radius:999px;overflow:hidden;margin-top:6px}.goal-fill{height:100%;background:var(--amber);border-radius:999px;min-width:6px}.card{background:var(--paper-hi);border:1px solid var(--panel-edge);border-radius:14px;padding:16px}.ring-card{display:flex;align-items:center;gap:16px}.ring{position:relative;display:grid;place-items:center;flex:0 0 auto}.ring svg{transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--panel);stroke-width:9}.ring-fill{fill:none;stroke:var(--box);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.ring-head{fill:var(--accent-strong)}.ring-mid{position:absolute;display:flex;flex-direction:column;align-items:center}.ring-n{font-family:var(--serif);font-size:1.9rem;line-height:1}.ring-d{font-size:.72rem;color:var(--ink-soft)}.ring-facts{flex:1;margin:0;display:flex;flex-direction:column}.ring-facts>div{padding:6px 0}.ring-facts>div+div{border-top:1px solid var(--panel-edge)}.ring-facts dt{font-size:.7rem;color:var(--ink-soft);letter-spacing:.04em}.ring-facts dd{margin:2px 0 0;font-family:var(--serif);font-size:1.3rem;display:flex;align-items:center;gap:4px}.ring-facts .unit{font-size:.72rem;color:var(--ink-soft);font-family:var(--sans)}.flame{flex:0 0 auto}.btn.primary{background:var(--accent);color:#fdfaf5;padding:17px;font-size:1.15rem;border-radius:12px}.belts{display:flex;gap:10px}.belt{flex:1;background:var(--panel);border-radius:10px;padding:14px 6px 10px;text-align:center;border-top:3px solid var(--box)}.belt-amber{border-top-color:var(--amber)}.belt-good{border-top-color:var(--good)}.belt-n{display:block;font-family:var(--serif);font-size:1.6rem}.belt-l{display:block;font-size:.72rem;color:var(--ink-soft);margin-top:2px}.search{width:100%;padding:12px 14px;font-size:1rem;background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:10px;font-family:var(--sans)}.search:focus{outline:none;border-color:var(--ink-soft)}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.chip{flex:0 0 auto;padding:7px 11px;font-size:.76rem;background:transparent;color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;font-family:var(--sans)}.chip.on{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.chip-n{margin-left:6px;opacity:.7;font-size:.68rem}.sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:1px;background:color-mix(in srgb,var(--accent-strong) 45%,transparent);border:1px solid color-mix(in srgb,var(--accent-strong) 45%,transparent);border-radius:3px;overflow:hidden}.glyph{aspect-ratio:1;display:grid;place-items:center;background:var(--canvas);border:0;font-family:var(--serif);font-size:1.25rem;color:color-mix(in srgb,var(--ink) 26%,transparent)}.glyph.due{box-shadow:none;position:relative}.glyph.due:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:999px;background:var(--accent-strong)}.glyph.new{color:color-mix(in srgb,var(--ink) 26%,transparent)}.glyph.learn{color:var(--ink)}.glyph.write{color:var(--amber)}.glyph.know{color:var(--good)}.screen-title{font-family:var(--serif);font-size:1.5rem;margin:0;font-weight:600}.band-head{display:flex;justify-content:space-between;align-items:baseline}.band-name{font-family:var(--serif);font-size:1rem}.band-n{font-family:var(--serif);font-size:1.15rem;color:var(--ink)}.legend{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;font-size:.66rem;color:var(--ink-soft)}.legend span{display:inline-flex;align-items:center;gap:3px}.glyph-i{font-family:var(--serif);font-size:.95rem;font-weight:400}.glyph-i.new{color:color-mix(in srgb,var(--ink) 26%,transparent)}.glyph-i.learn{color:var(--ink)}.glyph-i.write{color:var(--amber)}.glyph-i.know{color:var(--good)}.dot-due{width:6px;height:6px;border-radius:999px;background:var(--accent-strong);display:inline-block}.glyph.due{box-shadow:inset 0 -2px 0 var(--accent)}.glyph.weak{opacity:1;color:var(--accent)}.entry{text-align:center}.back{align-self:flex-start}.big-glyph{font-family:var(--serif);font-size:5rem;line-height:1.1}.readings{display:flex;gap:18px;justify-content:center;margin:4px 0}.readings dt{font-size:.7rem;color:var(--ink-soft)}.readings dd{margin:2px 0 0;font-family:var(--serif)}.examples{text-align:left;margin-top:8px}.examples h2,.records h2,.settings h2{font-family:var(--serif);font-size:.9rem;font-weight:400;color:var(--ink-soft);letter-spacing:.08em;margin:16px 0 8px}.example{font-family:var(--serif);font-size:.95rem;line-height:1.9;padding:8px 0;border-top:1px solid var(--rule);margin:0}.records .btn,.dex .btn,.entry .btn{align-self:stretch}.rank-card{text-align:center;padding:16px;background:var(--paper-hi);border:1px solid var(--panel-edge);border-radius:10px}.rank-big{font-family:var(--serif);font-size:2.4rem;margin:4px 0}.band{margin-bottom:12px}.band-top{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:5px}.band-bar{height:5px;background:var(--rule);border-radius:999px;overflow:hidden}.band-bar-fill{height:100%;background:var(--ink);transition:width .5s ease}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);font-size:.92rem}.row select{background:transparent;color:var(--ink);border:1px solid var(--rule);border-radius:8px;padding:6px 8px;font-family:var(--sans)}.danger{color:var(--accent)}.saved{text-align:center}.cell-actions{display:flex;gap:10px}.placement{justify-content:flex-start}.probe-head{text-align:center}.pips{display:flex;gap:6px;justify-content:center;margin-top:8px}.pip{width:6px;height:6px;border-radius:999px;background:var(--rule)}.pip.on{background:var(--ink)}.theme-btn{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;width:36px;height:36px;display:grid;place-items:center;background:transparent;color:var(--ink-soft);border:1px solid var(--panel-edge);border-radius:999px;font-size:1rem;line-height:1}.screen{position:relative}:root{--zoom: 1}.zoom{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--panel-edge);border-radius:999px;overflow:hidden}.zoom button{width:30px;height:28px;display:grid;place-items:center;background:transparent;color:var(--ink-soft);border:0;font-size:1rem;line-height:1}.zoom button:disabled{opacity:.3}.zoom-n{font-size:.7rem;color:var(--ink-soft);min-width:34px;text-align:center}.center{justify-content:center;align-items:center;text-align:center}.crash{max-width:100%;overflow-x:auto;text-align:left;font-size:.68rem;color:var(--ink-soft);background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;padding:10px;white-space:pre-wrap}.result{justify-content:center;align-items:center;text-align:center;gap:10px}.result-band{font-family:var(--serif);font-size:2.1rem;font-weight:600;color:var(--accent);margin:0;line-height:1.3}.result-kyu{display:block;font-size:1.5rem}.lead{line-height:1.9}.bandbar{display:flex;gap:5px;width:100%;margin:14px 0}.bandbar .seg{flex:1;height:7px;border-radius:999px;background:color-mix(in srgb,var(--box) 30%,transparent)}.bandbar .seg.done{background:var(--box)}.bandbar .seg.here{background:var(--amber)}.save-q{margin-top:4px}.result .btn,.result .field{width:100%}.active-reading{display:flex;flex-direction:column;align-items:center;min-height:46px}.ar-yomi{font-family:var(--serif);font-size:calc(26px * var(--zoom));font-weight:500;color:var(--accent-strong);line-height:1.2}.stroke-line{display:flex;align-items:center;gap:8px;min-height:20px;font-size:.82rem}.miss,.hit{color:var(--accent-strong);font-weight:600}.cell-actions{display:flex;gap:8px;width:min(100%,360px)}.craft-btn{flex:1;white-space:nowrap;padding:11px 4px;background:var(--panel);color:var(--ink);border:0;border-radius:10px;font-family:var(--sans);font-size:.88rem;font-weight:500}.craft-btn:disabled{opacity:.4}.done-head{font-family:var(--serif);font-size:1.5rem;color:var(--accent-strong);margin:0;font-weight:600}.xp{font-family:var(--serif);font-size:1.05rem;margin:2px 0 0}.mastered{color:var(--accent);font-size:.82rem;margin:0}.mask{display:inline-block;width:.92em;height:.92em;vertical-align:-.02em;border-radius:2px;background:var(--panel);border:1px solid var(--panel-edge)}.masked rt{color:var(--ink-soft)}.weak-list{list-style:none;margin:0;padding:0}.weak-list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--panel-edge)}.weak-k{font-family:var(--serif);font-size:1.5rem;color:var(--accent);min-width:1.6em}.weak-list b{color:var(--ink);font-weight:600}.icon-btn{width:34px;height:34px;display:grid;place-items:center;background:var(--panel);color:var(--ink);border:1px solid var(--panel-edge);border-radius:9px;font-size:1rem;line-height:1;flex:0 0 auto}.icon-btn.on{color:var(--accent-strong);border-color:var(--accent-strong)}.kind-badge{padding:5px 12px;border-radius:999px;background:var(--panel);color:var(--ink);font-family:var(--serif);font-size:.84rem;font-weight:600}.kind-badge.intro{background:var(--accent-strong);color:#fff}.icon{display:inline-grid;place-items:center;line-height:0}.icon svg{display:block}.flame svg{color:var(--accent-strong)}