:root{--bg:#f7f4ee;--surface:#fff;--surface-2:#f0ebe2;--text:#22201c;--muted:#6b645a;--line:#e2dbcf;--outline:#e6e0d6;--accent:#b5452f;--accent-2:#963522;--accent-soft:#f8e5df;--on-accent:#fff;--ok:#2f7d4f;--ok-soft:#e3f2e8;--ng:#b3261e;--ng-soft:#fbe5e3;--gold:#9a6a00;--gold-soft:#fbf0d6;--focus:#2b6cb0;--radius:14px;--shadow:0 1px 2px #281e140d, 0 4px 16px #281e140d;--sans:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--zh-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif;--zh-sans-tc:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", sans-serif;--kai-sc:"KaiTi", "STKaiti", "Kaiti SC", "Kai GB", serif;--kai-tc:"DFKai-SB", "BiauKai", "Kaiti TC", "TW-Kai", "Kai TC", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161412;--surface:#1f1c19;--surface-2:#2a2622;--text:#ece6dc;--muted:#a59d90;--line:#3a342e;--outline:#3a342e;--accent:#e58a73;--accent-2:#f0a08b;--accent-soft:#3b231d;--on-accent:#1a0f0b;--ok:#6cc28f;--ok-soft:#1d3326;--ng:#f08b84;--ng-soft:#3d2120;--gold:#e0b35a;--gold-soft:#3a2f17;--focus:#8fb6e6;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#161412;--surface:#1f1c19;--surface-2:#2a2622;--text:#ece6dc;--muted:#a59d90;--line:#3a342e;--outline:#3a342e;--accent:#e58a73;--accent-2:#f0a08b;--accent-soft:#3b231d;--on-accent:#1a0f0b;--ok:#6cc28f;--ok-soft:#1d3326;--ng:#f08b84;--ng-soft:#3d2120;--gold:#e0b35a;--gold-soft:#3a2f17;--focus:#8fb6e6;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.6}a{color:var(--accent)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}h1{margin:.3rem 0 .8rem;font-size:1.5rem;line-height:1.3}h2{margin:1.2rem 0 .6rem;font-size:1.2rem}h3{margin:.4rem 0 .6rem;font-size:1.05rem}p{margin:.45rem 0}.muted{color:var(--muted)}.small{font-size:.86rem}.center{text-align:center}.ok-text{color:var(--ok);font-weight:600}.boot{text-align:center;place-items:center;min-height:60vh;padding:2rem 1rem;display:grid}[lang=zh-Hans]{font-family:var(--zh-sans)}[lang=zh-Hant]{font-family:var(--zh-sans-tc)}.kai,.kai.sc,.kai [lang],.kai.sc [lang]{font-family:var(--kai-sc)}.kai.tc,.kai.tc [lang],.zh-text.kai[lang=zh-Hant],.zh-text.kai[lang=zh-Hant] *{font-family:var(--kai-tc)}.main{max-width:820px;margin:0 auto;padding:12px 16px 96px}.page{padding-top:6px}.tabbar{z-index:20;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar .brand{display:none}.tab{min-height:50px;color:var(--muted);border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:6px 0;font-size:.78rem;text-decoration:none;display:flex;position:relative}.tab-icon{font-size:1.25rem;line-height:1.2}.tab.active{color:var(--accent);font-weight:600}.tab-badge{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:0 6px;font-size:.7rem;line-height:1.5;position:absolute;top:2px;left:calc(50% + 8px)}@media (width>=900px){.tabbar{border-top:0;border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:4px;width:210px;height:100vh;padding:20px 12px;top:0;bottom:auto;right:auto}.tabbar .brand{color:var(--text);align-items:center;gap:10px;padding:0 8px 20px;text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:9px;place-items:center;font-size:1.3rem;display:grid}.brand-name{font-weight:700}.tab{flex-direction:row;flex:none;gap:12px;min-height:0;padding:10px 12px;font-size:1rem}.tab.active{background:var(--accent-soft)}.tab-badge{margin-left:auto;position:static}.main{max-width:940px;margin-left:210px;padding:28px 40px 48px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:14px 0;padding:16px 18px}.btn{border:1px solid var(--accent);background:var(--accent);min-height:44px;color:var(--on-accent);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:600;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--accent-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--line)}.btn.secondary:hover{background:var(--surface-2)}.btn.secondary.on{border-color:var(--accent);color:var(--accent)}.btn.danger{background:var(--surface);color:var(--ng);border-color:var(--ng)}.btn.small{min-height:36px;padding:6px 12px;font-size:.9rem}.btn.big{border-radius:16px;width:100%;max-width:440px;min-height:56px;padding:12px 26px;font-size:1.1rem}.btn.next{margin-top:16px}.link{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 2px;text-decoration:underline}.row-btns{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.tag{background:var(--surface-2);color:var(--muted);vertical-align:middle;border-radius:99px;margin:0 4px;padding:1px 8px;font-size:.75rem;display:inline-block}.notice{background:var(--gold-soft);border-radius:10px;padding:10px 12px}.hint{color:var(--muted)}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:4px;min-height:42px;margin:4px;padding:4px 12px;font-size:1.1rem;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--accent)}.chip:disabled{opacity:.35;cursor:default}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.chip.kai{justify-content:center;min-width:48px;font-size:1.6rem}.chip-row{flex-wrap:wrap;margin:4px -4px;display:flex}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;min-height:36px;font-size:.9rem;display:inline-flex}.toggle input{width:18px;height:18px}.crumb{margin-bottom:4px;text-decoration:none;display:inline-block}.ip-label{color:var(--accent);letter-spacing:.06em;margin:10px 0 6px;font-size:.75rem;font-weight:700}.note-box{background:var(--gold-soft);border-radius:12px;margin:14px 0;padding:10px 14px}.note-box ul{margin:0;padding-left:1.2em}.lang-tag{color:var(--muted);border:1px solid var(--line);vertical-align:2px;border-radius:4px;margin-right:6px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1.4;display:inline-block}.table-wrap{overflow-x:auto}.bar-row{align-items:center;gap:10px;margin:10px 0 0;display:flex}.bar{background:var(--surface-2);border-radius:99px;flex:1;height:8px;display:block;overflow:hidden}.bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .3s;display:block}.bar-num{color:var(--muted);font-size:.85rem}.display-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 14px;display:flex}.seg-group{border:1px solid var(--line);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.seg{background:var(--surface);cursor:pointer;min-height:36px;color:var(--muted);border:0;padding:6px 12px;font-size:.9rem}.display-bar>.seg{border:1px solid var(--line);border-radius:10px}.seg-group .seg+.seg{border-left:1px solid var(--line)}.seg.on{background:var(--accent-soft);color:var(--accent);font-weight:700}.zh-text{overflow-wrap:anywhere;font-size:1.35rem;line-height:1.9}.zh-text.with-py{line-height:2.4}.zh-text.inline{font-size:1.08em;line-height:inherit}.zh-text.inline.with-py{line-height:2.2}.zh-text ruby{ruby-position:over}.zh-text rt{font-family:var(--sans);color:var(--muted);letter-spacing:0;font-size:.5em;font-weight:400}.zh-text .latin{font-family:var(--sans);font-size:.85em}.zh-text .w{font:inherit;line-height:inherit;color:inherit;background:0 0;border:0;border-radius:4px;margin:0;padding:0 1px}.zh-text button.w{cursor:pointer;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--muted) 50%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--muted) 50%, transparent);text-underline-offset:.3em}.zh-text button.w:hover{background:var(--accent-soft)}.zh-text .name{color:var(--accent-2)}.trans{margin-top:2px}.tr-en,.tr-pl{color:var(--muted);font-size:.95rem}.hero{text-align:center;padding:10px 0 2px}.hero-mark{color:var(--accent);font-size:3rem;line-height:1.2}.hero h1{margin-bottom:.2rem}.today h2{margin-top:0}.mini-stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 6px;display:grid}.mini-stats.three{grid-template-columns:repeat(3,1fr)}.mini-stats>*{color:inherit;text-decoration:none}.mini-stats b{font-size:1.45rem;display:block}.mini-stats b.due{color:var(--accent)}.mini-stats span{color:var(--muted);font-size:.8rem}.unit-list{margin:0;padding:0;list-style:none}.ul-item>a,.ul-item>div{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:12px;align-items:center;gap:14px;margin:8px 0;padding:12px 14px;text-decoration:none;display:flex}.ul-item.ready>a:hover{border-color:var(--accent)}.ul-item.soon{opacity:.55}.ul-item.review>div{background:0 0;border-style:dashed}.ul-n{background:var(--surface-2);width:36px;height:36px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.ul-item.ready .ul-n{background:var(--accent);color:var(--on-accent)}.ul-main{flex-direction:column;flex:1;min-width:0;display:flex}.ul-zh{font-size:1.3rem;line-height:1.3}.ul-en{font-weight:600}.ul-st{color:var(--muted);flex:none;font-size:.85rem}.unit-hero{text-align:center;padding:6px 0}.unit-n{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.85rem;font-weight:700}.unit-zh{margin:0;font-size:2.6rem}.unit-zh .zh-text{font-size:1em}.unit-en{margin:0;font-size:1.15rem}.goals{margin:0;padding-left:1.2em}.lesson-block h2{color:var(--muted);font-size:1.05rem}.sec-list{margin:0;padding:0;list-style:none}.sec-item a{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:12px;align-items:center;gap:12px;margin:6px 0;padding:10px 12px;text-decoration:none;display:flex}.sec-item a:hover{border-color:var(--accent)}.sec-icon{background:var(--surface-2);width:40px;height:40px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:1.35rem;display:grid}.sec-item.done .sec-icon{background:var(--ok-soft);color:var(--ok)}.sec-item.next a{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sec-item.next .sec-icon{background:var(--accent);color:var(--on-accent)}.sec-item.test a{border-width:2px}.sec-main{flex-direction:column;flex:1;min-width:0;display:flex}.sec-name{font-weight:600}.sec-st{color:var(--ok);flex:none;font-size:.85rem}.sec-item.next .sec-st{color:var(--accent);font-weight:700}.sec-top{align-items:center;gap:8px;display:flex}.back{color:var(--text);border-radius:10px;flex:none;place-items:center;width:42px;height:42px;font-size:1.8rem;text-decoration:none;display:grid}.back:hover{background:var(--surface-2)}.sec-title h1{margin:0}.sec-nav{border-top:1px solid var(--line);justify-content:space-between;margin-top:28px;padding-top:12px;font-size:.9rem;display:flex}.steps{gap:4px;margin:4px 0 16px;padding:0;list-style:none;display:flex}.steps li{flex:1;min-width:0}.steps button{cursor:pointer;width:100%;color:var(--muted);border:0;border-top:3px solid var(--line);background:0 0;flex-direction:column;align-items:center;padding:6px 2px 2px;font-size:.8rem;display:flex}.steps li.done button{border-top-color:var(--ok);color:var(--text)}.steps li.cur button{border-top-color:var(--accent);color:var(--accent);font-weight:700}.st-n{font-size:.72rem}.st-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.step{animation:.2s fade}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.scene{background:var(--surface);border-left:4px solid var(--accent);border-radius:8px;padding:10px 14px}.cast{padding:0;list-style:none}.cast li{margin:4px 0}.word-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0;display:grid}.word-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:0;padding:12px 8px 8px;display:flex}.word-card:hover{border-color:var(--accent)}.wc-chars{font-size:2.1rem;line-height:1.25}.wc-other{color:var(--muted);font-size:1.1rem;line-height:1.2}.wc-py{color:var(--accent-2);margin-top:2px;font-size:1rem}.wc-trans,.wc-trans .tr-en,.wc-trans .tr-pl{font-size:.86rem}.wc-trans .lang-tag{display:none}.wc-trans .tr-pl{font-style:italic}.wc-foot{align-items:center;gap:6px;margin-top:4px;display:flex}.wc-pos{color:var(--muted);font-size:.72rem}.big-inline{vertical-align:-2px;font-size:1.6rem}.line-player{margin:10px 0}.lp-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.lp-lines{flex-direction:column;gap:8px;display:flex}.lp-line{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:4px 10px;padding:8px 12px;transition:background .2s,border-color .2s;display:grid}.lp-line.current{border-color:var(--accent);background:var(--accent-soft)}.lp-main{min-width:0}.lp-btns{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:130px;display:flex}.sp{color:var(--accent-2);flex-direction:column;align-items:flex-start;min-width:3.2em;padding-top:.6em;font-weight:700;line-height:1.2;display:inline-flex}.sp-py{color:var(--muted);font-size:.7rem;font-weight:400}.lp-hidden{text-align:center;background:var(--surface);border-radius:var(--radius);border:1px dashed var(--line);padding:26px 0}.dot{background:var(--line);border-radius:50%;width:10px;height:10px;margin:0 4px;transition:transform .2s;display:inline-block}.dot.on{background:var(--accent);transform:scale(1.4)}.dot.past{background:var(--accent-soft)}@media (width<=560px){.lp-line{grid-template-columns:1fr}.lp-line .sp{flex-direction:row;align-items:baseline;gap:6px;padding-top:0}.lp-btns{justify-content:flex-start;max-width:none}.zh-text{font-size:1.3rem}}.audio-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;gap:6px;min-width:40px;min-height:40px;padding:4px 12px;display:inline-flex}.audio-btn.small{flex:none;min-width:36px;min-height:36px;padding:2px 9px}.audio-btn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.audio-label{font-size:.9rem}.recorder{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.exercise{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:10px 0;padding:16px}.ex-q{margin:4px 0 12px;font-size:1.05rem;font-weight:600}.ex-stim{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.options{gap:8px;display:grid}.option{text-align:left;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;padding:10px 14px;font-size:1rem}.option:hover:not(:disabled){border-color:var(--accent)}.option.right{border-color:var(--ok);background:var(--ok-soft)}.option.wrong{border-color:var(--ng);background:var(--ng-soft)}.option.sel{border-color:var(--accent);background:var(--accent-soft)}.option.dim{opacity:.55}.option:disabled{cursor:default;color:inherit}.feedback{border-radius:12px;margin-top:12px;padding:12px 14px}.feedback.ok{background:var(--ok-soft)}.feedback.ng{background:var(--ng-soft)}.fb-title{font-weight:700}.feedback .btn{margin-top:8px}.order-answer{border:2px dashed var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;min-height:60px;margin-bottom:8px;padding:4px;display:flex}.order-answer>.muted{padding:8px}.order-tail{padding:0 6px;font-size:1.3rem}.order-pool{flex-wrap:wrap;margin-bottom:4px;display:flex}.match-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-col{align-content:start;gap:8px;display:grid}.seq-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.seq-done{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:18px}.listen-item h3{margin-top:0}.transcript{background:var(--surface-2);border-radius:10px;margin-top:10px;padding:8px 12px}.transcript summary{cursor:pointer;color:var(--muted);font-size:.9rem}.tr-line{margin:6px 0}.tr-line .sp{margin-right:6px;padding:0;display:inline}.tr-line .sp-py{display:none}.tone-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0;display:grid}.tone-card{text-align:center;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;display:flex}.tone-card:hover{border-color:var(--accent)}.tone-py{color:var(--accent);font-size:1.6rem;font-weight:700}.tone-char{font-size:2rem;line-height:1.2}.tone-name{font-size:.92rem;font-weight:600}.tone-curve .tc-grid{stroke:var(--line);stroke-width:1px}.tone-curve .tc-line{stroke:var(--accent);stroke-width:7px;fill:none;stroke-linecap:round;stroke-linejoin:round}.tone-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tone-opt{text-align:center;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.pair-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair-item{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.pair-zh{font-size:2rem;line-height:1.2}.name-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}.name-col h3{margin:0 0 6px}.name-char{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;grid-template-areas:"c p""c t";column-gap:10px;width:100%;margin:4px 0;padding:6px 10px;display:grid}.name-char:hover{border-color:var(--accent)}.nc-char{grid-area:c;font-size:2rem;line-height:1.2}.nc-py{grid-area:p;font-weight:600}.name-char .trans{grid-area:t;margin:0}.name-char .lang-tag{display:none}.grammar-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);margin:14px 0;padding:14px 16px}.g-num{background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;place-items:center;margin-right:4px;font-size:.85rem;display:inline-grid}.explain{margin:6px 0;padding-left:1.2em}.explain li{margin:4px 0}.g-table{border-collapse:collapse;min-width:100%;margin:8px 0}.g-table th{background:var(--accent-soft);color:var(--accent-2);text-align:left;padding:6px 10px;font-size:.85rem}.g-table td{border-bottom:1px solid var(--line);padding:2px 10px}.mistakes{padding:0;list-style:none}.mistakes li{margin:8px 0}.mistakes .bad{color:var(--ng);margin-right:10px}.mistakes .good{color:var(--ok)}.radical-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.radical{align-items:center;gap:14px;margin:0;display:flex}.radical-r{color:var(--accent);text-align:center;width:64px;font-size:3.4rem;line-height:1}.rules-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.rule{text-align:center;flex-direction:column;align-items:center;gap:6px;margin:0;font-size:.9rem;display:flex}.write-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.write-card{justify-content:center;margin:0;display:flex}.stroke-writer{flex-direction:column;align-items:center;gap:6px;display:flex}.sw-box{background:var(--surface);border-radius:6px;position:relative}.sw-box.clickable{cursor:pointer}.sw-grid{width:100%;height:100%;position:absolute;inset:0}.sw-grid rect{fill:none;stroke:var(--accent);stroke-width:1.2px;opacity:.6}.sw-grid line{stroke:var(--accent);stroke-width:.5px;stroke-dasharray:2 2;opacity:.45}.sw-canvas{position:relative}.sw-missing{place-items:center;font-size:6rem;display:grid;position:absolute;inset:0}.sw-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.sw-msg{text-align:center;max-width:260px;margin:0}.culture p{font-size:1.02rem}.panel-backdrop{z-index:50;background:#0000004d;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.panel{background:var(--surface);width:100%;max-width:560px;max-height:82vh;padding:10px 18px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:relative;overflow-y:auto;box-shadow:0 -8px 30px #0003}@media (width>=900px){.panel-backdrop{background:#00000026;justify-content:flex-end;align-items:stretch}.panel{border-radius:0;max-width:420px;height:100vh;max-height:none;padding:24px}.panel .sheet-grip{display:none}}.sheet-grip{background:var(--line);border-radius:99px;width:40px;height:4px;margin:0 auto 8px}.close{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:1.7rem;position:absolute;top:8px;right:10px}.close:hover{background:var(--surface-2)}.wi-chars{align-items:flex-end;gap:24px;padding-right:40px;display:flex}.wi-char-block{flex-direction:column;align-items:center;display:flex}.wi-big{font-size:3.4rem;line-height:1.15}.wi-cap{color:var(--muted);font-size:.72rem}.wi-py{color:var(--accent-2);align-items:center;gap:10px;margin:6px 0;font-size:1.3rem;display:flex}.wi-trans .tr-en,.wi-trans .tr-pl{color:var(--text);font-size:1.05rem}.wi-note{background:var(--gold-soft);border-radius:10px;padding:8px 12px}.wi-strokes{flex-wrap:wrap;margin:0 -4px 8px;display:flex}.how ol{margin:0;padding-left:1.3em}.how li{margin:4px 0}.radio-row{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.radio-row input{width:18px;height:18px}.set-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 0;display:flex}.set-row input[type=checkbox]{width:20px;height:20px}.set-row input[type=range]{min-width:160px;max-width:280px;accent-color:var(--accent);flex:1}.results{margin:0;padding:0;list-style:none}.results li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:6px 0;font-size:.92rem;display:flex}.dictation-run{flex-direction:column;align-items:center;gap:14px;padding:10px 0 20px;display:flex}.dr-progress{width:100%;max-width:520px}.dr-number{align-items:baseline;gap:10px;margin-top:10px;display:flex}.dr-no{color:var(--muted);font-size:1.4rem}.dr-n{color:var(--accent);font-variant-numeric:tabular-nums;font-size:6.5rem;font-weight:800;line-height:1}.dr-of{color:var(--muted);font-size:1.2rem}.dr-status{min-height:2em;font-size:1.3rem;font-weight:600}.dr-status .listening{color:var(--accent)}.dr-timer{background:var(--surface-2);border-radius:99px;width:100%;max-width:520px;height:10px;overflow:hidden}.dr-timer-fill{background:var(--gold);height:100%;transition:width .2s linear}.dr-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.answer-list{margin:10px 0;padding:0;list-style:none}.answer{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;margin:8px 0;padding:10px 12px;display:grid}.answer.all-ok{border-color:var(--ok);background:color-mix(in srgb, var(--ok-soft) 50%, var(--surface))}.ans-no{color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.ans-word{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.ans-word+.ans-word{border-top:1px dashed var(--line);margin-top:6px;padding-top:6px}.ans-chars{align-items:baseline;gap:10px;display:flex}.ans-s,.ans-t{font-size:2.5rem;line-height:1.15}.ans-sep{color:var(--muted)}.ans-meta{flex-direction:column;align-items:flex-start;display:flex}.ans-cap{color:var(--muted);text-align:center;font-size:.7rem;font-family:var(--sans);line-height:1;display:block}.ans-block{flex-direction:column;align-items:center;display:inline-flex}.ans-py{color:var(--accent-2);font-size:1.1rem;font-weight:600}.ans-mean{font-size:.95rem}.ans-side{flex-direction:column;align-items:center;gap:6px;display:flex}.ticks{gap:4px;display:flex}.tick{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--muted);border-radius:10px;font-size:1.05rem}.tick.on{background:var(--ok);border-color:var(--ok);color:#fff}.tick:disabled{cursor:default}.score-card{border-color:var(--accent)}@media (width<=520px){.answer{grid-template-columns:34px 1fr}.ans-side{flex-direction:row;grid-column:1/-1;justify-content:space-between}.ans-s,.ans-t{font-size:2.1rem}}.flash{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.flash-chars{gap:28px;font-size:4rem;line-height:1.2;display:flex}.flash-py{color:var(--accent-2);font-size:1.4rem}.flash-mean{font-size:1.05rem}.grade-btns{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:10px;display:grid}.btn.grade{flex-direction:column;gap:0;padding:8px 4px}.btn.grade small{opacity:.85;font-size:.75rem;font-weight:400}.btn.grade.again{background:var(--ng);border-color:var(--ng)}.btn.grade.hard{background:var(--gold);border-color:var(--gold)}.btn.grade.good{background:var(--ok);border-color:var(--ok)}.btn.grade.easy{background:var(--focus);border-color:var(--focus)}.forecast{align-items:flex-end;gap:8px;height:130px;display:flex}.fc-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.fc-bar{background:var(--accent-soft);border:1px solid var(--accent);border-radius:6px 6px 0 0;width:100%;max-width:36px;min-height:2px}.fc-n{font-size:.85rem}.fc-d{color:var(--muted);font-size:.75rem}.vocab-table{border-collapse:collapse;width:100%}.vocab-table th{text-align:left;color:var(--muted);border-bottom:2px solid var(--line);padding:6px 8px;font-size:.8rem}.vocab-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:4px 8px}.vocab-table tr{cursor:pointer}.vocab-table tbody tr:hover{background:var(--surface-2)}.vt-zh{white-space:nowrap;font-size:1.7rem}.vt-zh.same{color:var(--muted)}.confirm-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.print-sheet{display:none}@media print{body.printing .app{display:none}body.printing .print-sheet{color:#000;font-family:var(--sans);display:block}.print-sheet h1{font-size:16pt}.print-sheet table{border-collapse:collapse;width:100%}.print-sheet th,.print-sheet td{text-align:left;border:1px solid #555;height:26pt;padding:4pt 6pt;font-size:11pt}.print-sheet td.kai{font-size:18pt}.print-sheet th:first-child,.print-sheet td:first-child{text-align:center;width:28pt}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.zh-both{flex-direction:column;gap:0;display:inline-flex}.zh-both .trad-row{color:color-mix(in srgb, var(--text) 80%, var(--muted));font-size:1.2rem;line-height:1.6;font-family:var(--zh-sans-tc)}.script-tag{font-size:.62rem;font-family:var(--sans);color:var(--muted);border:1px solid var(--line);vertical-align:3px;border-radius:4px;margin-right:6px;padding:0 4px;line-height:1.4;display:inline-block}.trad-inline{color:color-mix(in srgb, var(--text) 75%, var(--muted))}.chars-both{align-items:baseline;gap:.25em;display:inline-flex}.chars-sep{color:var(--muted);font-size:.6em;font-family:var(--sans)}.wc-cap{color:var(--muted);font-size:.68rem;line-height:1.2}.word-strokes{flex-wrap:wrap;gap:8px 24px;margin-top:6px;display:flex}.ws-col{min-width:0}.ws-row{flex-wrap:wrap;gap:10px;display:flex}.word-picker .chip{font-size:1.15rem}.all-words .aw-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:4px;display:flex}.aw-chars{font-size:2.4rem;line-height:1.2}.aw-py{color:var(--accent-2);font-size:1.2rem}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{text-align:center;flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex}.login-card h1{margin:0 0 6px}.login-card label{text-align:left;font-size:.9rem;font-weight:600}.login-card input{font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 14px;font-size:1.1rem}.login-card input:focus{border-color:var(--accent);outline:none}.login-card .btn.big{max-width:none}.login-msg{color:var(--ng);margin:0}.sync{display:none}@media (width>=900px){.sync{color:var(--muted);margin-top:-12px;padding:0 12px 12px;font-size:.78rem;display:block}.sync-error,.sync-offline{color:var(--ng)}}.part-block{margin-top:26px}.part-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.part-num{background:var(--accent);width:34px;height:34px;color:var(--on-accent);font-size:1.1rem;font-family:var(--kai-sc);border-radius:10px;align-self:center;place-items:center;display:inline-grid}.part-zh{font-size:1.5rem}.part-en{color:var(--muted);font-size:1rem;font-weight:600}.part-count{color:var(--muted);margin-left:auto;font-size:.85rem;font-weight:400}.part-desc{margin:2px 0 6px}.sec-list.ex-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0 10px;display:grid}.reveal{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:10px 12px;display:flex}.reveal-py{color:var(--accent-2);font-weight:600}.read-big{flex-direction:column;align-items:center;margin:4px 0 14px;display:flex}.read-big .kai{font-size:4rem;line-height:1.2}.read-tag{color:var(--muted);font-size:.78rem}.py-opt{letter-spacing:.02em;font-size:1.25rem}.write-ex .write-py{color:var(--accent-2);font-size:1.2rem;font-weight:600}.write-row{margin-top:8px}.blind-char{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.blind-char.done .sw-box{box-shadow:0 0 0 2px var(--ok);border-radius:6px}.kai-match .option{font-family:var(--kai-sc);text-align:center;font-size:1.6rem}.text-link{margin-right:12px}.char-picker{flex-wrap:wrap;gap:4px;margin:4px 0 10px;display:flex}.cp-chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--muted);border-radius:10px;font-size:1.35rem}.cp-chip.seen{color:var(--text);background:var(--surface-2)}.cp-chip.on{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.char-card{padding:18px}.cc-head{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.cc-forms{gap:22px;display:flex}.cc-form{flex-direction:column;align-items:center;display:flex}.cc-big{font-size:5.5rem;line-height:1.1}.cc-cap{color:var(--muted);font-size:.75rem}.cc-facts{flex:1;min-width:220px}.cc-py{color:var(--accent-2);align-items:center;gap:10px;font-size:1.8rem;font-weight:600;display:flex}.cc-mean .tr-en,.cc-mean .tr-pl{color:var(--text);font-size:1.1rem}.cc-radical{margin-top:6px}.cc-rad{vertical-align:-3px;font-size:1.6rem}.cc-note{background:var(--gold-soft);border-radius:10px;margin-top:8px;padding:6px 10px}.cc-strokes{flex-wrap:wrap;gap:20px;display:flex}.cc-stroke{flex-direction:column;align-items:center;gap:4px;display:flex}.cc-words{margin:0;padding:0;list-style:none}.cc-words li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 4px;display:flex}.cw-main{cursor:pointer;color:inherit;background:0 0;border:0;align-items:baseline;gap:10px;padding:0;display:inline-flex}.cw-chars{font-size:1.9rem}.cw-py{color:var(--accent-2);font-size:1.05rem}.cw-mean{flex:1;min-width:160px;margin:0}.cw-side{align-items:center;gap:8px;display:inline-flex}.read-py{color:var(--accent-2);font-size:1.2rem}.read-big .chars-both,.read-big>.kai{font-size:3.4rem;line-height:1.2}