:root{--h:68;--brass:oklch(76% .128 var(--h));--brass-d:oklch(58% .102 var(--h));--jade:oklch(68% .086 158);--ember:oklch(64% .152 32);--lacquer:oklch(17% .012 62);--l-1:oklch(21% .014 62);--l-2:oklch(25% .016 62);--line:oklch(32% .018 62);--fg:oklch(94% .012 76);--fg-2:oklch(72% .016 72);--fg-3:oklch(56% .016 68);--page:oklch(15% .01 62);--card:oklch(20% .013 62);--rule:oklch(30% .015 62);--page-fg:var(--fg);--bg:var(--page);--surface:var(--l-1);--surface-2:var(--l-2);--text:var(--fg);--muted:var(--fg-2);--accent:var(--brass);--border:var(--line);--cjk-serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP", "Songti SC","STSong",serif;--cjk-sans:"Hiragino Sans","Yu Gothic","Noto Sans JP","PingFang SC",sans-serif;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;--spring:linear(0,.009,.035,.078,.137,.212,.301,.402,.512,.626,.739,.844, .933,.998,1.035,1.047,1.04,1.023,1.006,.996,.993,.996,1);--out:cubic-bezier(.22,1,.36,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--lacquer:oklch(97% .006 84);--l-1:oklch(99% .004 84);--l-2:oklch(92% .01 84);--line:oklch(86% .01 84);--page:oklch(94% .008 84);--card:oklch(99% .004 84);--rule:oklch(86% .01 84);--page-fg:oklch(24% .018 62);--fg:oklch(24% .018 62);--fg-2:oklch(46% .016 68);--fg-3:oklch(62% .014 74);--brass-d:oklch(52% .112 var(--h));--bg:var(--page);--surface:var(--card);--surface-2:oklch(93% .012 84);--text:var(--fg);--muted:var(--fg-2);--accent:var(--brass);--border:var(--rule)}}:root[data-theme=light]{--lacquer:oklch(97% .006 84);--l-1:oklch(99% .004 84);--l-2:oklch(92% .01 84);--line:oklch(86% .01 84);--page:oklch(94% .008 84);--card:oklch(99% .004 84);--rule:oklch(86% .01 84);--page-fg:oklch(24% .018 62);--fg:oklch(24% .018 62);--fg-2:oklch(46% .016 68);--fg-3:oklch(62% .014 74);--brass-d:oklch(52% .112 var(--h));--bg:var(--page);--surface:var(--card);--surface-2:oklch(93% .012 84);--text:var(--fg);--muted:var(--fg-2);--accent:var(--brass);--border:var(--rule)}:root[data-theme=dark]{--page:oklch(15% .01 62);--card:oklch(20% .013 62);--rule:oklch(30% .015 62);--page-fg:oklch(94% .012 76);--fg:oklch(94% .012 76);--fg-2:oklch(72% .016 72);--fg-3:oklch(56% .016 68);--brass-d:oklch(58% .102 var(--h));--bg:var(--page);--surface:var(--card);--surface-2:var(--l-2);--text:var(--fg);--muted:var(--fg-2);--accent:var(--brass);--border:var(--line)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--page);color:var(--page-fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55}.app{justify-content:center;min-height:100vh;display:flex}.today{flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:18px 16px 96px;display:flex}.today-header{justify-content:space-between;align-items:flex-start;display:flex}.today-header h1{font-family:var(--cjk-serif);letter-spacing:.045em;margin:0;font-size:31px;line-height:1}.today-date{color:var(--fg-3);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:11px}.ringrow{align-items:center;gap:15px;padding:15px 2px 4px;display:flex}.ring{flex:none;width:64px;height:64px}.ring circle{fill:none;stroke-width:6.5px;stroke-linecap:round}.ring .track{stroke:var(--l-2)}.ring .val{stroke:var(--brass);transform-origin:50%;stroke-dasharray:170;stroke-dashoffset:var(--off,170);animation:draw 1.15s .2s var(--out) forwards;filter:drop-shadow(0 0 6px color-mix(in oklch,var(--brass) 45%,transparent));transform:rotate(-90deg)}@keyframes draw{to{stroke-dashoffset:var(--off,0)}}.ringpct{font-family:var(--mono);fill:var(--fg);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.ringtext{color:var(--fg-2);font-size:12px}.ringtext b{color:var(--fg);letter-spacing:-.015em;margin-bottom:1px;font-size:15px;font-weight:700;display:block}.spine{margin-top:4px;padding:10px 0 14px 22px;position:relative}.spine:before{content:"";background:linear-gradient(var(--l-2), color-mix(in oklch, var(--l-2) 20%, transparent));border-radius:2px;width:2px;position:absolute;top:18px;bottom:20px;left:8px}.blk{animation:rise .55s var(--spring) forwards;margin-bottom:11px;position:relative}.blk:first-child{animation-delay:80ms}.blk:nth-child(2){animation-delay:.15s}.blk:nth-child(3){animation-delay:.22s}.blk:nth-child(4){animation-delay:.29s}.blk:nth-child(5){animation-delay:.36s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.node{background:var(--lacquer);border:2px solid var(--l-2);width:11px;height:11px;transition:background .35s var(--spring), border-color .35s var(--spring), box-shadow .35s var(--spring);border-radius:50%;position:absolute;top:20px;left:-20px}.section-card{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:var(--l-1);border:1px solid var(--line);transition:transform .18s var(--spring), background .3s var(--out), border-color .3s var(--out);border-radius:16px;align-items:center;gap:12px;padding:14px 15px;display:flex}.section-card:active{transform:scale(.975)}.section-card:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.section-title{font-family:var(--cjk-serif);letter-spacing:.05em;font-size:22px;line-height:1.2}.section-subtitle{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.section-meta{flex:1;min-width:0}.section-count{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-top:0;font-size:20px;font-weight:700}.section-count.brass{color:var(--brass)}.section-count.dim{color:var(--fg-3)}.section-count em{color:var(--fg-3);font-size:13px;font-style:normal}.bar{background:var(--l-2);border-radius:3px;height:3px;margin-top:9px;overflow:hidden}.bar i{background:var(--jade);width:0;height:100%;animation:fill 1.1s .45s var(--out) forwards;border-radius:3px;display:block}@keyframes fill{to{width:var(--w,0)}}.chip{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.chip.due{color:var(--ember);background:color-mix(in oklch,var(--ember) 16%,transparent)}.chip.done{color:var(--jade);background:color-mix(in oklch,var(--jade) 16%,transparent)}.blk:has(.chip.done) .section-card{opacity:.55}.blk:has(.chip.done) .node{background:var(--jade);border-color:var(--jade)}.blk:has(.section-count.brass) .section-card{border-color:var(--brass-d);background:color-mix(in oklch, var(--brass) 7%, var(--l-2))}.blk:has(.section-count.brass) .node{background:var(--brass);border-color:var(--brass);box-shadow:0 0 0 4px color-mix(in oklch,var(--brass) 22%,transparent)}.today-footer{color:var(--muted);text-align:center;border-top:1px solid var(--border);padding-top:16px;font-size:13px}.token-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.token-input{border:1px solid var(--border);background:var(--surface);width:100%;max-width:320px;min-height:48px;color:var(--text);border-radius:10px;padding:12px 14px;font-size:16px}.token-save,.home-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;min-height:48px;padding:12px 24px;font-size:16px}.token-error{color:var(--accent);font-size:13px}.error-notice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.tabbar{background:color-mix(in oklch, var(--lacquer) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);width:100%;max-width:480px;padding:7px 4px calc(8px + env(safe-area-inset-bottom));z-index:20;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{min-height:44px;color:var(--fg-3);cursor:pointer;transition:color .25s var(--out);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 0 3px;font-family:inherit;font-size:10px;display:flex}.tab .ic{transition:transform .35s var(--spring);font-size:16px;display:block}.tab-on{color:var(--brass)}.tab-on .ic{filter:drop-shadow(0 0 8px color-mix(in oklch,var(--brass) 55%,transparent));transform:translateY(-2px)scale(1.1)}.review-msg{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 96px;display:flex}.review-btn{background:var(--brass);min-height:48px;color:var(--lacquer);cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:16px;font-weight:600}.review{flex-direction:column;gap:16px;width:100%;max-width:480px;margin:0 auto;padding:24px 20px 96px;display:flex}.review-head{text-align:center;color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:11px}.review-card{background:var(--l-1);border:1px solid var(--line);text-align:center;border-radius:20px;margin-top:20px;padding:34px 18px;box-shadow:0 12px 30px -14px oklch(0% 0 0/.6)}.review-word{font-family:var(--cjk-serif);letter-spacing:.04em;font-size:52px;line-height:1.1}.review-input{border:1px solid var(--line);background:var(--l-1);min-height:52px;color:var(--fg);font-size:20px;font-family:var(--cjk-sans);border-radius:12px;padding:12px 14px}.review-pass{text-align:center;color:var(--fg-3);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:13px;width:100%;padding:10px;font-size:12px}.verdict-ok{color:var(--jade);text-align:center;font-size:22px}.verdict-bad{color:var(--ember);text-align:center;font-size:22px}.review-expected{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:flex}.exp-pinyin{color:var(--brass);font-size:22px}.exp-hanzi{font-family:var(--cjk-serif);font-size:28px}.exp-meaning{color:var(--fg-2)}.review-ratings{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:4px;display:grid}.rating-btn{border:1px solid var(--line);text-align:center;color:var(--fg-2);cursor:pointer;transition:transform .18s var(--spring);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:9px 2px;font-size:11px;display:flex}.rating-btn:active{transform:scale(.94)}.rating-btn b{color:var(--fg-3);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;display:block}.rating-good{border-color:var(--jade);color:var(--jade);background:color-mix(in oklch, var(--jade) 9%, transparent)}.rating-sel{background:var(--l-2);font-weight:600}.level-pick{flex-wrap:wrap;gap:4px;display:flex}.level-chip{border:1px solid var(--border);background:var(--surface);min-width:40px;min-height:44px;color:var(--muted);cursor:pointer;border-radius:10px}.level-on{border-color:var(--accent);color:var(--text);background:var(--surface-2)}.placement{flex-direction:column;gap:16px;padding:24px 20px 80px;display:flex}.placement-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.placement-row{background:var(--surface);border-radius:10px;grid-template-columns:1fr 1fr 2fr auto;align-items:center;gap:8px;padding:10px;display:grid}.pl-pinyin{color:var(--muted)}.pl-meaning{color:var(--muted);font-size:13px}.know-btn{border:1px solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px}.know-yes{border-color:#4caf50}.know-no{border-color:var(--accent)}.settings{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-width:0;max-width:480px;padding:16px 20px 72px;display:flex}.settings-block h3{margin:0 0 4px;font-size:13px}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.settings-grid>*,.settings-block{min-width:0}.settings-block input{box-sizing:border-box;width:100%}.settings input{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:10px 12px;font-size:16px}.saved-ok{color:#4caf50;margin-left:12px}.reading{flex-direction:column;gap:16px;width:100%;max-width:480px;margin:0 auto;padding:20px 20px 80px;display:flex}.reading-msg{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;display:flex}.reading-head{flex-direction:column;gap:4px;display:flex}.reading-title{margin:0;font-size:22px}.reading-timer{color:var(--muted);font-size:13px}.reading-body{font-size:22px;line-height:2}.reading-token{cursor:pointer;border-radius:4px}.reading-token:active{background:var(--surface-2)}.reading-btn,.reading-mine{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;min-height:48px;padding:12px 24px;font-size:16px}.reading-mine:disabled{background:var(--surface-2);color:var(--muted)}.reading-done{color:#4caf50;font-size:22px}.reading-cpm{font-size:36px;font-weight:600}.reading-sub{color:var(--muted)}.reading-questions{flex-direction:column;gap:16px;display:flex}.reading-q{flex-direction:column;gap:8px;display:flex}.reading-q-progress{color:var(--muted);font-size:13px}.reading-q-stem{font-size:18px;line-height:1.5}.reading-q-options{flex-direction:column;gap:8px;display:flex}.reading-q-option{border:1px solid var(--border);background:var(--surface);min-height:48px;color:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:12px 16px;font-size:16px}.reading-q-on{border-color:var(--accent);background:var(--surface-2)}.reading-btn:disabled{background:var(--surface-2);color:var(--muted);cursor:default}.progress-scanning{color:#f59e0b;margin-top:8px;font-size:14px}.reading-panel{background:var(--surface);border-top:1px solid var(--border);border-radius:12px 12px 0 0;flex-direction:column;gap:10px;max-width:480px;margin:0 auto;padding:16px;display:flex;position:fixed;bottom:56px;left:0;right:0}.reading-panel-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:8px;right:12px}.reading-panel-word{font-size:26px}.reading-panel-none{color:var(--muted)}.reading-entry{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.reading-entry-pinyin{color:var(--accent)}.reading-entry-gloss{color:var(--text);font-size:14px}.reading-hanzi{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.reading-hanzi-row{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px;display:flex}.reading-hanzi-lit{font-size:20px}.reading-hanzi-py{color:var(--accent)}.reading-hanzi-def{color:var(--muted)}.reading-hanzi-strokes{color:var(--muted);font-size:12px}.speech{flex-direction:column;gap:12px;display:flex}.speech-head{gap:8px;display:flex}.speech-zh{font-size:28px;font-weight:600}.speech-en{color:var(--muted)}.speech-actions{gap:8px;display:flex}.speech-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}.speech-rec{background:var(--accent);color:#fff}.speech-label{color:var(--muted);margin-top:8px;font-size:13px}.speech-diff{word-break:break-all;font-size:22px;line-height:1.6}.diff-eq{color:var(--text)}.diff-del{color:#d33;text-decoration:line-through}.diff-ins{color:#2a2}.speech-chat{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.speech-bubble{border-radius:10px;max-width:85%;padding:8px 10px}.speech-user{background:var(--accent);color:#fff;align-self:flex-end}.speech-assistant{background:var(--surface);border:1px solid var(--border);align-self:flex-start}.speech-correction{color:#d33;margin-top:4px;font-size:13px}.speech-pickers{gap:8px;display:flex}.speech-pickers select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px}.speech-input-row{gap:6px;display:flex}.speech-input-row input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px}.speech-msg{color:var(--muted);font-size:14px}.today-progress-link{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;border-radius:12px;margin:18px auto 6px;padding:12px 18px;font-size:16px}.mock{text-align:left;padding:12px}.mock-meta{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin-bottom:8px;display:flex}.mock-timer{color:var(--accent)}.mock-passage{background:var(--code-bg);border-radius:8px;padding:10px;font-size:15px}.mock-question{color:var(--text-h);margin:12px 0;font-size:18px}.mock-options{flex-direction:column;gap:8px;display:flex}.mock-opt{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:12px}.mock-opt-on{border-color:var(--accent-border);background:var(--accent-bg)}.mock-nav{gap:8px;margin-top:14px;display:flex}.mock-score{margin:12px 0;font-size:24px}.mock-pass{color:#10b981}.mock-fail{color:#ef4444}.mock-passline{color:var(--muted)}.mock-review{margin:12px 0;padding:0;list-style:none}.mock-item{border-bottom:1px solid var(--border);padding:8px 0}.mock-item.ok .mock-q{color:#10b981}.mock-item.bad .mock-q{color:#ef4444}.mock-correct{color:var(--muted);font-size:14px}.progress{text-align:left;padding:12px}.progress-tabs{gap:8px;margin-bottom:12px;display:flex}.progress-tiles{gap:10px;margin-bottom:16px;display:flex}.tile{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:12px;display:flex}.tile-num{font-size:28px;font-family:var(--mono);color:var(--text-h)}.tile-label{color:var(--muted);font-size:13px}.chart-card{margin-bottom:18px}.chart-card h3{margin:0 0 6px}.chart-empty{color:var(--muted)}.progress-exam{color:var(--muted);font-size:14px}.writing{text-align:left}.writing-prompt{background:var(--code-bg);color:var(--text-h);border-radius:8px;padding:10px}.writing-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font-family:var(--sans);border-radius:8px;margin:10px 0;padding:10px;font-size:16px}.writing-error{color:#ef4444}.writing-corrections{margin:12px 0;padding:0;list-style:none}.writing-correction{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0;display:flex}.wc-orig{color:#ef4444;text-decoration:line-through}.wc-fixed{color:#10b981}.wc-note{color:var(--muted);width:100%;font-size:14px}.writing-corrected{margin-top:12px}.writing-corrected p{color:var(--text-h)}.app-header{top:max(6px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:30;position:fixed}.cog{cursor:pointer;min-width:48px;min-height:48px;color:inherit;opacity:.85;background:0 0;border:1px solid;border-radius:8px;font-size:22px;line-height:1}.grammar,.mock,.progress,.writing{padding-bottom:96px!important}.sheet-scrim{z-index:40;animation:scrim-in .2s var(--out) both;background:oklch(0% 0 0/.5);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}}.sheet{background:var(--l-1);border-top:1px solid var(--line);width:100%;max-width:480px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));animation:sheet-up .28s var(--spring) both;border-radius:18px 18px 0 0;flex-direction:column;gap:4px;display:flex}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-item{min-height:48px;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;font-family:inherit;font-size:16px;display:flex}.sheet-item:active{background:var(--l-2)}.sheet-ic{font-family:var(--cjk-serif);text-align:center;width:26px;color:var(--brass);font-size:18px}::view-transition-old(root){animation:vt-out .22s var(--out) both}::view-transition-new(root){animation:vt-in .3s var(--spring) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blk{opacity:1;transform:none}.ring .val{stroke-dashoffset:var(--off,0)}.bar i{width:var(--w,0)}}.settings-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.settings-head h2{margin:0}.back-btn{border:1px solid var(--line);color:var(--fg-2);font:inherit;cursor:pointer;min-height:44px;transition:transform .18s var(--spring), border-color .3s var(--out);background:0 0;border-radius:10px;padding:7px 12px;font-size:13px}.back-btn:active{transform:scale(.96)}.back-btn:focus-visible{outline:2px solid var(--brass);outline-offset:2px}