:root{--paper:#f3f5fa;--raised:#fff;--ink:#1b2a4e;--ink-soft:#5b6788;--rule:#d5dbea;--grid:#9db4e3;--comet:#2f62d0;--comet-dark:#234ea9;--sakura:#c4567f;--sakura-soft:#f2d3df;--gold:#a87c14;--ja:"Klee One", "Hiragino Mincho ProN", "Yu Mincho", serif;--ui:"Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#111b33;--raised:#17233f;--ink:#e6eaf6;--ink-soft:#9aa6c6;--rule:#26335a;--grid:#3b5390;--comet:#7aa5ff;--comet-dark:#9dbcff;--sakura:#f0a3c0;--sakura-soft:#4a2a40;--gold:#e9c46a}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--ui);-webkit-font-smoothing:antialiased;margin:0}main{max-width:560px;padding:max(24px, env(safe-area-inset-top)) 16px 64px;margin:0 auto}h1{font:700 1.75rem/1.3 var(--ui);margin:16px 0 8px}h2{font:700 1.1rem/1.4 var(--ui);margin:0 0 12px}p{margin:0}a{color:var(--comet)}section{margin-top:44px}.note{color:var(--ink-soft);font-size:.9rem}.small{font-size:.8rem}.ja{font-family:var(--ja)}.center{text-align:center}button,input{font:inherit;color:inherit}button{background:var(--raised);border:1px solid var(--rule);cursor:pointer;border-radius:8px;padding:12px 16px;font-weight:500}button:hover:not(:disabled){border-color:var(--grid)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--comet);outline-offset:2px}button.primary{background:var(--comet);border-color:var(--comet);color:#fff;width:100%;margin-top:16px;font-weight:700}button.primary:hover:not(:disabled){background:var(--comet-dark);border-color:var(--comet-dark)}@media (prefers-color-scheme:dark){button.primary{color:#0d1630}}.text-btn{color:var(--comet);background:0 0;border:0;padding:4px 0;font-weight:500}.text-btn:hover:not(:disabled){text-decoration:underline}input{background:var(--raised);border:1px solid var(--rule);border-radius:8px;padding:12px;font-size:16px}label{margin-top:16px;display:block}label input{width:100%;margin-top:6px;display:block}label.check{align-items:flex-start;gap:10px;display:flex}label.check input{width:auto;accent-color:var(--comet);margin:4px 0 0}.masthead{padding-bottom:4px}.date-ja{font:600 2.75rem/1.2 var(--ja);letter-spacing:.02em}.date-ja span{color:var(--ink-soft);font-size:.55em}.countdown{color:var(--ink-soft);margin-top:6px}.countdown strong{color:var(--comet);font-size:1.1rem}.streak{color:var(--gold);font-weight:500}.notice{border-left:3px solid var(--sakura);background:var(--raised);text-align:left;margin-top:16px;padding:12px 14px;font-size:.9rem}.meter{background:var(--rule);border-radius:2px;height:4px;position:relative;overflow:hidden}.meter div{background:var(--comet);position:absolute;inset:0 auto 0 0}.meter.split div.seen{background:var(--sakura);opacity:.5}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head+.meter{margin-bottom:8px}.plan{counter-reset:step;margin:0;padding:0;list-style:none}.plan li{counter-increment:step;border-bottom:1px solid var(--rule);grid-template-columns:34px 1fr auto;align-items:start;gap:12px;padding:14px 0;display:grid}.plan li:before{content:counter(step);border:1px solid var(--grid);width:34px;height:34px;font:600 1.05rem var(--ja);color:var(--ink-soft);place-items:center;display:grid}.plan li.next:before{background:var(--comet);border-color:var(--comet);color:var(--paper)}.plan li.done:before{content:"✓";color:var(--comet)}.plan li.done .plan-title{color:var(--ink-soft)}.plan-title{font-weight:700}.plan-time{color:var(--ink-soft);white-space:nowrap;padding-top:2px;font-size:.85rem}.preview{gap:4px;margin-top:8px;display:grid}.preview p{grid-template-columns:64px 1fr;align-items:baseline;gap:10px;display:grid}.preview-type{color:var(--ink-soft);font-size:.8rem}.preview .ja{font-size:1.2rem}.talk{flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px;display:flex}.talk label.check{align-items:center;margin:0}.talk label.check input{margin:0}.timeline{margin:0 0 12px;padding:0;list-style:none}.timeline li{grid-template-columns:76px 1fr;gap:18px;padding-bottom:14px;display:grid;position:relative}.timeline li>div{border-left:1px solid var(--rule);margin-left:-1px;padding-left:18px;position:relative}.timeline li>div:before{content:"";background:var(--paper);border:1px solid var(--grid);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:-5px}.timeline li.done>div:before{background:var(--grid)}.timeline li.current>div:before{background:var(--comet);border-color:var(--comet);box-shadow:0 0 0 4px color-mix(in srgb, var(--comet) 20%, transparent)}.tl-date{text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-top:1px;font-size:.85rem}.tl-label{font-weight:700}.timeline li.done .tl-label{color:var(--ink-soft);font-weight:500}.here{color:var(--sakura);margin-left:8px;font-size:.8rem;font-weight:500}.progress{border-collapse:collapse;width:100%}.progress th{text-align:left;width:84px;padding:8px 12px 8px 0;font-weight:500}.progress .bar-cell{width:100%}.progress .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}.legend{align-items:center;gap:6px;margin-top:8px;display:flex}.swatch{border-radius:2px;width:10px;height:4px;margin-left:8px;display:inline-block}.swatch:first-child{margin-left:0}.swatch.known{background:var(--comet)}.swatch.seen{background:var(--sakura);opacity:.5}.more{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 24px;margin-top:44px;padding-top:20px;display:flex}details{margin-top:28px}summary{cursor:pointer;color:var(--ink-soft)}details .note{margin-top:10px}.session-bar{text-align:left;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.session-bar>span:first-child{font-weight:700}.session-bar .text-btn{margin-left:auto}.stage{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:28px 0 20px;display:flex}.actions{gap:10px;max-width:380px;margin:0 auto;display:grid}.actions input{text-align:center;font-size:1.3rem}.actions .primary{margin-top:0}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cells{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;display:flex}.cell{font-family:var(--ja);color:var(--ink);border:1.5px solid var(--grid);background:repeating-linear-gradient(to right, var(--grid) 0 5px, transparent 5px 10px) center / 100% 1px no-repeat, repeating-linear-gradient(to bottom, var(--grid) 0 5px, transparent 5px 10px) center / 1px 100% no-repeat, var(--raised);place-items:center;margin-top:-1.5px;margin-left:-1.5px;line-height:1;display:grid}.cells.lg .cell{width:200px;height:200px;font-size:136px}.cells.md .cell{width:88px;height:88px;font-size:58px}.cells.sm .cell{width:60px;height:60px;font-size:38px}.stage.ok .cell{border-color:var(--comet);color:var(--comet)}.stage.bad .cell{border-color:var(--sakura);color:var(--sakura)}.verdict{font-weight:700}.verdict.ok{color:var(--comet)}.verdict.bad{color:var(--sakura)}.prompt{color:var(--ink-soft);margin-top:8px}.reading{font:600 1.4rem var(--ja);color:var(--sakura);align-items:center;gap:6px;display:flex}.meaning{max-width:34ch;font-size:1.15rem}.level{color:var(--ink-soft);border:1px solid var(--rule);vertical-align:middle;border-radius:4px;padding:0 6px;font-size:.75rem}.pattern{font:600 2.1rem/1.3 var(--ja);color:var(--comet)}.sentence{max-width:30ch;font-size:1.35rem;line-height:2.2}.en{color:var(--ink-soft);font-size:.92rem}.formation{color:var(--ink-soft);border-left:3px solid var(--grid);text-align:left;align-self:stretch;padding-left:10px;font-size:.9rem}rt{color:var(--sakura);font-size:.5em}.examples{text-align:left;align-self:stretch;margin:8px 0 0;padding:0;list-style:none}.examples li{border-top:1px solid var(--rule);padding:10px 0}.examples .ja{font-size:1.15rem;line-height:2.1}.say{color:var(--comet);vertical-align:middle;background:0 0;border:0;padding:4px 6px}.readings{text-align:left;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.readings dt{color:var(--ink-soft);font-size:.85rem}.readings dd{font:600 1.1rem var(--ja);margin:0}.kanji-head{justify-content:center;align-items:flex-end;gap:16px;display:flex}.stroke-box{text-align:center;margin:0}.stroke-box figcaption{color:var(--ink-soft);margin-top:4px;font-size:.8rem}.strokes{cursor:pointer;width:112px;height:112px;margin:0}.strokes path{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.45s forwards draw}.strokes path.ghost{stroke:var(--rule);stroke-dashoffset:0;animation:none}@keyframes draw{to{stroke-dashoffset:0}}.grades{grid-template-columns:repeat(3,1fr)}.grades .again{color:var(--sakura)}kbd{font:.75rem var(--ui);color:var(--ink-soft);border:1px solid var(--rule);border-radius:3px;margin-left:8px;padding:0 5px}@media (hover:none){kbd{display:none}}.choice{text-align:left}.choice.right{border-color:var(--comet);background:color-mix(in srgb, var(--comet) 12%, var(--raised))}.choice.wrong{border-color:var(--sakura);color:var(--sakura)}.listen-btn{color:var(--ink-soft);background:0 0;border:0;flex-direction:column;align-items:center;gap:14px;max-width:26ch;display:flex}.listen-btn svg{width:64px;height:64px;color:var(--comet)}.kana-preview{color:var(--sakura);margin-top:6px;font-size:1.4rem}.saved{color:var(--comet);margin-top:14px;font-weight:500}.mine-results{margin-top:20px}.list li.result{cursor:default;flex-wrap:wrap}.list li.result .note{flex:1;min-width:0}.list li .text-btn{white-space:nowrap;margin-left:auto}.list li .remove{color:var(--ink-soft);font-size:.85rem}.custom{margin-top:18px}.custom .row label{margin-top:8px}.collection{margin-bottom:20px}.collection-title{font:600 1.1rem var(--ja)}.source{color:var(--sakura);font-size:.9rem}.tabs{border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:20px;margin:12px 0 0;display:flex}.tabs+.tabs{border:0;gap:14px;margin-top:10px}.tabs button{color:var(--ink-soft);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 0}.tabs button.on{color:var(--ink);border-bottom-color:var(--comet);font-weight:700}.search{width:100%;margin:14px 0 6px}.list{margin:8px 0 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--rule);cursor:pointer;align-items:baseline;gap:12px;padding:10px 2px;display:flex}.list li:hover{background:var(--raised)}.list li .ja{white-space:nowrap;font-size:1.15rem}.list li .note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dot{border:1px solid var(--grid);border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.dot.learning{background:var(--sakura);border-color:var(--sakura)}.dot.known{background:var(--comet);border-color:var(--comet)}@media (width<=420px){.date-ja{font-size:2.3rem}.cells.lg .cell{width:168px;height:168px;font-size:116px}.timeline li{grid-template-columns:64px 1fr;gap:14px}}@media (prefers-reduced-motion:reduce){.strokes path{stroke-dashoffset:0;animation:none}}