:root{--green:#58cc02;--green-deep:#46a302;--blue:#1cb0f6;--red:#ff4b4b;--yellow:#ffc800;--purple:#ce82ff;--orange:#ff9600;--bg:#fff;--panel:#fff;--border:#e5e5e5;--border-strong:#d7d7d7;--canvas-border:#e5e5e5;--text:#3c3c3c;--muted:#767676;--soft:#6f6f6f;--accent:#e02c2c;--accent-soft:#ffe9e9;--ink-alt:#1cb0f6;--great:#58a700;--great-bg:#d7ffb8;--ok:#ff9600;--bad-bg:#ffdfe0;--saved:#ffc800;--heat-1:#d7ffb8;--heat-2:#93d334;--heat-3:#58cc02;--grid-line:%23eee7d9;--zh-font:"PingFang TC", "Heiti TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", sans-serif;--col:560px;--canvas-bg:#fff;--ink:#20242c;--outline-ink:#d8d2c4;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.kai{--zh-font:"LXGW WenKai TC", "BiauKai", "Kaiti TC", "STKaiti", "DFKai-SB", serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131f24;--panel:#1b2b32;--border:#37464f;--border-strong:#4b5b63;--canvas-border:#4b5b63;--text:#f1f7fb;--muted:#94a5ac;--soft:#b8c6cc;--accent:#ff7a7a;--accent-soft:#4a2626;--ink-alt:#1899d6;--great:#79b933;--great-bg:#24361f;--ok:#ffb020;--bad-bg:#3b2426;--saved:#e0ad20;--heat-1:#22401b;--heat-2:#3f7a1f;--heat-3:#58cc02;--canvas-bg:#172329;--ink:#f1f7fb;--outline-ink:#3a4a52}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131f24;--panel:#1b2b32;--border:#37464f;--border-strong:#4b5b63;--canvas-border:#4b5b63;--text:#f1f7fb;--muted:#94a5ac;--soft:#b8c6cc;--accent:#ff7a7a;--accent-soft:#4a2626;--ink-alt:#1899d6;--great:#79b933;--great-bg:#24361f;--ok:#ffb020;--bad-bg:#3b2426;--saved:#e0ad20;--heat-1:#22401b;--heat-2:#3f7a1f;--heat-3:#58cc02;--canvas-bg:#172329;--ink:#f1f7fb;--outline-ink:#3a4a52}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Heiti TC,sans-serif}#root{max-width:var(--col);padding:max(16px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));margin:0 auto}header{text-align:center;padding:24px 0 8px}h1{color:var(--accent);font-size:56px;font-weight:700}.tagline{color:var(--muted);margin-top:4px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-size:15px}.stats{justify-content:center;gap:12px;margin:20px 0;display:flex}.stat{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;width:104px;padding:12px 0;display:flex}.stat-num{font-size:28px;font-weight:700}.stat-num small{color:var(--muted);font-size:15px;font-weight:400}.stat-num.great-num{color:var(--great)}.stat-num.ok-num{color:var(--ok)}.stat-num.bad-num{color:var(--accent)}.stat-label{color:var(--muted);font-size:13px}button{font:inherit;cursor:pointer;color:var(--text);border:none;border-radius:12px;padding:12px 20px}.primary{background:var(--accent);color:#fff;font-size:17px;font-weight:600}.primary:disabled{background:var(--border-strong);cursor:default}.primary.big{width:100%;margin-bottom:10px;padding:16px;font-size:19px;display:block}.primary.big.alt{background:var(--ink-alt);color:#fff}.primary.big.alt:disabled{background:var(--border-strong)}.ghost{background:var(--panel);border:1px solid var(--border-strong);color:var(--text)}.ghost.big{width:100%;padding:14px;font-size:17px;display:block}.ghost.small{padding:6px 12px;font-size:13px}.today-line{text-align:center;color:var(--muted);margin:12px 0 0;font-size:14px}.today-line.muted{margin-top:4px;margin-bottom:24px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:16px}.row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.row select,.add-input{font:inherit;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);border-radius:8px;padding:6px 10px}.row input[type=checkbox]{width:20px;height:20px}.hint{color:var(--muted);margin-bottom:8px;font-size:13px}.hint.error{color:var(--accent)}.session-top{justify-content:space-between;align-items:center;padding:8px 0 4px;display:flex}.session-top-spacer{width:64px}.progress-text{color:var(--muted);font-variant-numeric:tabular-nums}.prompt{text-align:center;padding:12px 0 16px}.prompt-meaning{font-size:26px;font-weight:700}.prompt-phonetic{color:var(--accent);margin-top:2px;font-size:20px}.prompt-mode{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:13px}.canvas-wrap{background:var(--canvas-bg);border:2px solid var(--canvas-border);touch-action:none;border-radius:16px;width:min(88vw,58vh,600px);margin:0 auto;overflow:hidden}.canvas-host{aspect-ratio:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 100 100M100 0 0 100M50 0v100M0 50h100' stroke='%23eee7d9' stroke-width='0.7' stroke-dasharray='2.5 2.5' fill='none'/%3E%3C/svg%3E");background-size:100% 100%;justify-content:center;align-items:center;width:100%;display:flex}.session-actions{flex-direction:column;align-items:center;gap:12px;min-height:120px;padding:20px 0;display:flex}.feedback{font-size:18px;font-weight:600}.feedback.great{color:var(--great)}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--accent)}.session-actions .primary{min-width:200px}.override-row{margin-top:-4px}.read-target{line-height:1.2;font-family:var(--zh-font)}.options{grid-template-columns:1fr 1fr;gap:10px;max-width:440px;margin:0 auto;display:grid}.option{background:var(--panel);border:2px solid var(--canvas-border);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:74px;padding:14px 10px;display:flex}.option-meaning{font-weight:600}.option-phonetic{color:var(--muted);font-size:14px}.option.correct{border-color:var(--great);background:var(--great-bg)}.option.wrong{border-color:var(--accent);background:var(--bad-bg)}.option.dim{opacity:.5}.hint.center{text-align:center;margin:8px 0 4px}.sentences section,.phrases section,.stories section{margin-top:20px}.sentence-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;padding:14px 16px}.sentence-text{font-size:30px;line-height:1.7;font-family:var(--zh-font);margin-bottom:10px}.sentence-word{font:inherit;color:inherit;background:0 0;border:none;border-radius:6px;padding:0 2px}.sentence-word.active{background:var(--accent-soft);color:var(--accent)}.sentence-word.saved{border-bottom:2px solid var(--saved);border-radius:0}.sentence-punct{padding:0 1px}.word-gloss{background:var(--bg);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.gloss-text{font-size:24px;font-family:var(--zh-font)}.gloss-phonetic{color:var(--accent)}.gloss-meaning{color:var(--soft)}.translation{color:var(--muted);margin-top:8px}.trouble-list{padding:0;list-style:none}.trouble-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 0;display:flex}.trouble-item:last-child{border-bottom:none}.trouble-char{font-size:26px;font-family:var(--zh-font);min-width:60px;color:inherit;text-align:left;background:0 0;border:none;padding:0;text-decoration:none}.trouble-info{color:var(--soft);flex:1;font-size:14px}.trouble-meta{color:var(--accent);white-space:nowrap;font-size:14px}.browse-row{flex-wrap:wrap;gap:10px;display:flex}.browse-row .ghost.big{flex:1;min-width:140px}.phrase-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:14px 16px}.phrase-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.phrase-text{font-size:26px;font-family:var(--zh-font)}.phrase-phonetic{color:var(--accent);font-size:15px}.phrase-meaning{margin-top:4px;font-weight:600}.phrase-note{color:var(--muted);margin-top:4px;font-size:14px}.speaker{vertical-align:middle;background:0 0;border:none;padding:0 6px;font-size:18px}.big-speaker{margin:0 auto 8px;padding:12px;font-size:56px;display:block}.dict-link{color:var(--accent);border:1px solid var(--canvas-border);border-radius:8px;padding:2px 8px;font-size:14px;text-decoration:none}.story-card{background:var(--panel);border:1px solid var(--border);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin-bottom:10px;padding:14px 16px;display:flex}.story-title{font-size:24px;font-family:var(--zh-font)}.story-sub{color:var(--muted);font-size:13px}.story-heading{text-align:center;color:var(--text);margin-top:8px;font-size:36px}.toggle-row{justify-content:center;gap:10px;margin:8px 0 12px;display:flex}.sentence-text ruby rt{color:var(--accent);letter-spacing:0;font-size:10px;font-weight:400}.heatmap{grid-template-rows:repeat(7,14px);grid-auto-flow:column;justify-content:start;gap:3px;margin-bottom:8px;display:grid}.heat-cell{background:var(--border);border-radius:3px;width:14px;height:14px}.heat-cell.heat-1{background:var(--heat-1)}.heat-cell.heat-2{background:var(--heat-2)}.heat-cell.heat-3{background:var(--heat-3)}.level-row{align-items:center;gap:10px;padding:4px 0;display:flex}.level-label{color:var(--muted);min-width:56px;font-size:13px}.level-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.level-fill{background:var(--green);border-radius:4px;height:100%}.level-count{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:13px}.add-word{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.add-word-row{gap:8px;margin-bottom:8px;display:flex}.add-input{flex:1;min-width:0}.add-input.zh{font-family:var(--zh-font)}.summary{text-align:center;padding-top:48px}.summary h1{font-size:44px}.summary-line{margin:6px 0;font-size:16px}.summary-line.muted{color:var(--muted);margin-bottom:24px;font-size:14px}.summary .primary.big{max-width:320px;margin:16px auto 0}.sentence-word.new-char{color:var(--accent)}.reader-level{color:var(--muted);margin-left:auto;font-size:13px}.quiz-sentence{font-size:28px;line-height:1.6;font-family:var(--zh-font);padding:0 8px}.options.wide{grid-template-columns:1fr}.sentence-card.read{border-left:4px solid var(--great)}.ghost.small.read-done{color:var(--great);border-color:var(--great)}.modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:18px;width:100%;max-width:420px;max-height:85vh;padding:20px;overflow-y:auto}.detail-canvases{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.detail-char{background:var(--canvas-bg);border:1px solid var(--canvas-border);border-radius:12px;width:110px;height:110px;overflow:hidden}.detail-char.static{font-size:72px;font-family:var(--zh-font);color:var(--ink);justify-content:center;align-items:center;display:flex}.detail-phonetic{color:var(--accent);font-size:18px}.detail-meaning{margin:4px 0 10px;font-size:17px;font-weight:600}.detail-history{color:var(--muted);margin:2px 0;font-size:13px}.modal-actions{justify-content:center;margin-top:12px}.zh{font-family:var(--zh-font)}.chunky{--btn:var(--green);background:var(--btn);color:#fff;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 4px #00000047;box-shadow:0 4px 0 color-mix(in srgb, var(--btn) 72%, #000);border-radius:14px;padding:14px 22px;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow 60ms;display:inline-block}.chunky:active:not(:disabled){box-shadow:0 1px #00000047;box-shadow:0 1px 0 color-mix(in srgb, var(--btn) 72%, #000);transform:translateY(3px)}.chunky:disabled{--btn:var(--border);color:var(--muted);box-shadow:none;cursor:default}.chunky.green{--btn:var(--green)}.chunky.blue{--btn:var(--blue)}.chunky.red{--btn:var(--red)}.chunky.wide{width:100%;max-width:340px;margin:0 auto;display:block}.chunky.small-chunky{width:100%;padding:10px 16px;font-size:13px}.ghost-chunky{--btn:var(--panel);color:var(--text);border:2px solid var(--border-strong);box-shadow:0 4px 0 var(--border-strong)}.ghost-chunky:active:not(:disabled){box-shadow:0 1px 0 var(--border-strong)}.link-btn{color:var(--blue);text-transform:uppercase;letter-spacing:.4px;background:0 0;border:none;font-size:14px;font-weight:700}.icon-btn{color:var(--muted);background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1}.bar{background:var(--border);border-radius:6px;flex:1;height:12px;overflow:hidden}.bar.tall{border-radius:8px;height:16px}.bar-fill{background:var(--green);border-radius:6px;height:100%;transition:width .25s}.bar-fill.gold{background:var(--yellow)}.tab-page{padding-bottom:78px}.tabbar{background:var(--panel);border-top:2px solid var(--border);padding:6px max(0px, calc((100vw - var(--col)) / 2)) max(6px, env(safe-area-inset-bottom));z-index:8;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;display:flex;position:relative}.tab.active{color:var(--blue)}.tab-icon{font-size:22px;line-height:1}.tab-label{text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.tab-badge{background:var(--red);color:#fff;border-radius:9px;min-width:18px;height:18px;margin-right:-26px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:0;right:50%}.page{padding-top:12px}.page-title{color:var(--text);margin-bottom:2px;font-size:30px;font-weight:800}.page-sub{color:var(--muted);margin-bottom:18px;font-size:14px}.drill{text-align:left;background:var(--panel);border:2px solid var(--border);width:100%;color:var(--text);border-bottom-width:4px;border-radius:16px;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.drill:disabled{opacity:.5;cursor:default}.drill.green{border-color:var(--green)}.drill.blue{border-color:var(--blue)}.drill.purple{border-color:var(--purple)}.drill.orange{border-color:var(--orange)}.drill-icon{font-size:30px}.drill-text{flex-direction:column;gap:2px;display:flex}.drill-text b{font-size:17px}.drill-text small{color:var(--muted);font-size:13px}.path-head{z-index:6;background:var(--bg);border-bottom:2px solid var(--border);text-align:left;align-items:center;gap:12px;padding:10px 0 12px;display:flex;position:sticky;top:0}.head-stat{white-space:nowrap;font-size:15px}.head-goal{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.head-goal span{color:var(--muted);white-space:nowrap;font-size:12px}.unit{margin-top:22px}.unit-banner{color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 4px #0000002e}.unit-banner.locked{background:var(--border);color:var(--muted);box-shadow:none}.unit-kicker{text-transform:uppercase;letter-spacing:.8px;opacity:.85;font-size:12px;font-weight:700}.unit-title{font-size:20px;font-weight:800}.unit-sub{opacity:.9;font-size:13px}.unit-crowns{white-space:nowrap;font-size:13px;font-weight:700}.nodes{padding:18px 0 6px}.node-slot{flex-direction:column;align-items:center;margin-bottom:14px;display:flex;position:relative}.node-pos{flex-direction:column;align-items:center;display:flex}.node{--node:var(--border-strong);background:var(--node);color:#fff;width:68px;height:68px;box-shadow:0 6px #00000040;box-shadow:0 6px 0 color-mix(in srgb, var(--node) 70%, #000);border-radius:50%;place-items:center;padding:0;transition:transform 60ms,box-shadow 60ms;display:grid}.node:active{box-shadow:0 2px 0 color-mix(in srgb, var(--node) 70%, #000);transform:translateY(4px)}.node.locked{background:var(--border);color:var(--muted);box-shadow:0 6px 0 var(--border-strong)}.node-face{font-size:26px;line-height:1}.node.current{animation:1.8s ease-in-out infinite node-bob}@keyframes node-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.node-flag{background:var(--panel);border:2px solid var(--border);text-transform:uppercase;letter-spacing:.6px;color:var(--green);border-radius:10px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800}.bubble{background:var(--panel);border:2px solid var(--border-strong);text-align:center;z-index:5;border-radius:16px;width:min(280px,90vw);margin-top:8px;padding:14px;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0000001f}.bubble-title{letter-spacing:2px;font-size:22px}.bubble-sub{color:var(--muted);margin:4px 0 10px;font-size:13px}.bubble-locked{color:var(--muted);font-size:13px}.lesson{flex-direction:column;min-height:calc(100dvh - 40px);display:flex}.lesson-top{align-items:center;gap:12px;padding:6px 0 14px;display:flex}.combo{color:var(--orange);white-space:nowrap;font-size:14px;font-weight:800}.lesson-body{flex:1}.lesson-footer{padding:16px 20px max(16px, env(safe-area-inset-bottom));border-top:2px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;margin:20px -20px 0;display:flex;position:sticky;bottom:0}.lesson-footer.good{background:var(--great-bg);color:var(--great);border-color:#0000}.lesson-footer.bad{background:var(--bad-bg);color:var(--accent);border-color:#0000}.footer-text{flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.footer-text strong{font-size:17px}.footer-text span{overflow-wrap:anywhere}.ex-title{text-transform:none;letter-spacing:0;color:var(--text);margin-bottom:16px;font-size:20px;font-weight:800}.ex-prompt{text-align:center;padding:8px 0 20px}.ex-prompt.tight{padding-bottom:10px}.prompt-english{font-size:24px;font-weight:700}.options.zh-options .option{min-height:88px}.option-zh{font-size:34px;line-height:1.1}.match-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.tile{background:var(--panel);border:2px solid var(--border);min-height:56px;color:var(--text);border-bottom-width:4px;border-radius:12px;padding:12px 10px;font-size:15px}.match-col .tile.zh{font-size:28px}.tile.picked{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 14%, var(--panel));color:var(--blue)}.tile.matched{border-color:var(--green);background:var(--great-bg);color:var(--great);opacity:.55}.tile.wrong{border-color:var(--red);background:var(--bad-bg);color:var(--accent)}.answer-row{border-top:2px solid var(--border);border-bottom:2px solid var(--border);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:64px;margin-bottom:22px;padding:8px 0;display:flex}.answer-row.correct{border-color:var(--green)}.answer-row.wrong{border-color:var(--red)}.bank-row{flex-wrap:wrap;justify-content:center;gap:8px;min-height:56px;display:flex}.tile.small-tile{min-height:0;padding:8px 12px;font-size:22px}.bank-check{width:100%;margin-top:20px;display:block}.bank-answer{text-align:center;color:var(--accent);margin-top:14px;font-size:22px}.write-tools{justify-content:center;gap:18px;margin-top:14px;display:flex}.complete{text-align:center;padding-top:40px}.complete-burst{font-size:68px;line-height:1}.complete-title{color:var(--green);margin-top:8px;font-size:40px}.complete-sub{color:var(--muted);margin-bottom:24px}.award-row{justify-content:center;gap:10px;margin-bottom:26px;display:flex}.award{border:2px solid var(--yellow);border-radius:14px;flex:1;max-width:140px;padding:2px}.award-acc{border-color:var(--blue)}.award-combo{border-color:var(--orange)}.award-label{background:var(--yellow);color:#fff;text-transform:uppercase;letter-spacing:.6px;border-radius:10px 10px 0 0;padding:4px 0;font-size:11px;font-weight:800;display:block}.award-acc .award-label{background:var(--blue)}.award-combo .award-label{background:var(--orange)}.award-value{padding:10px 0;font-size:24px;font-weight:800;display:block}.goal-block{text-align:left;max-width:340px;margin:0 auto 28px}.goal-head{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.complete-streak{text-align:center;margin-top:12px;font-size:15px}.level-card{background:var(--panel);border:2px solid var(--border);border-bottom-width:4px;border-radius:16px;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.level-badge{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:22px;font-weight:800;display:grid}.level-card-body{flex:1;min-width:0}.level-card-top{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.level-card-top span{color:var(--muted)}.level-card-foot{color:var(--muted);margin-top:6px;font-size:12px}.skip-audio-row{text-align:center;margin-top:18px}.lesson-note{text-align:center;color:var(--muted);margin-bottom:10px;font-size:13px}:root.classic{--bg:#faf7f2;--panel:#fff;--border:#eae3d5;--border-strong:#d8d2c4;--canvas-border:#e0d9cb;--text:#20242c;--muted:#6e695c;--soft:#4a4438;--accent:#b3271e;--accent-soft:#f6e3e1;--ink-alt:#20242c;--great:#2e7d32;--great-bg:#eef6ee;--ok:#b57f00;--bad-bg:#fbeeed;--saved:#e2b13c;--heat-1:#ecc9c5;--heat-2:#d1766e;--heat-3:#b3271e}@media (prefers-color-scheme:dark){:root.classic:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--panel:#1f232b;--border:#2c313b;--border-strong:#3a404c;--canvas-border:#3a404c;--text:#e8e4da;--muted:#9a948a;--soft:#c5bfb2;--accent:#d95c52;--accent-soft:#46262380;--ink-alt:#3a404c;--great:#7cc97f;--great-bg:#223425;--ok:#d9a441;--bad-bg:#3a2523;--saved:#caa042;--heat-1:#55302d;--heat-2:#8c423b;--heat-3:#d95c52;--canvas-bg:#1a1d23;--ink:#e8e4da;--outline-ink:#3a404c}}:root.classic[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--panel:#1f232b;--border:#2c313b;--border-strong:#3a404c;--canvas-border:#3a404c;--text:#e8e4da;--muted:#9a948a;--soft:#c5bfb2;--accent:#d95c52;--accent-soft:#46262380;--ink-alt:#3a404c;--great:#7cc97f;--great-bg:#223425;--ok:#d9a441;--bad-bg:#3a2523;--saved:#caa042;--heat-1:#55302d;--heat-2:#8c423b;--heat-3:#d95c52;--canvas-bg:#1a1d23;--ink:#e8e4da;--outline-ink:#3a404c}:root.classic .primary,:root.classic .ghost{border-radius:12px}.drill-heading{color:var(--soft);margin:20px 0 10px;font-size:15px}.drill-sentence{margin-bottom:6px;font-size:28px;line-height:1.5}.word-slots{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.word-slot{border:2px solid var(--canvas-border);background:var(--panel);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.word-slot.current{border-color:var(--blue)}.self-grade{gap:10px;display:flex}.detail-parts{color:var(--soft);margin:4px 0;font-size:14px}.detail-parts .zh{color:var(--text);font-size:18px}.detail-words{color:var(--soft);text-align:left;margin:8px 0;padding:0;font-size:14px;list-style:none}.detail-words li{padding:3px 0}.detail-words .zh{color:var(--text);margin-right:4px;font-size:18px}.paste-input{border:2px solid var(--canvas-border);background:var(--panel);width:100%;min-height:220px;color:var(--text);resize:vertical;border-radius:14px;margin:8px 0 14px;padding:12px;font-size:20px;display:block}.sentence-text.paste-text{font-size:24px}:root:not(.classic) .primary{background:var(--green);color:#fff;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 4px 0 var(--green-deep);border-radius:14px;font-size:15px;font-weight:800;transition:transform 60ms,box-shadow 60ms}:root:not(.classic) .primary.big.alt{background:var(--blue);box-shadow:0 4px 0 color-mix(in srgb, var(--blue) 72%, #000)}:root:not(.classic) .primary:active:not(:disabled){box-shadow:0 1px 0 var(--green-deep);transform:translateY(3px)}:root:not(.classic) .primary:disabled{background:var(--border);color:var(--muted);box-shadow:none}:root:not(.classic) .ghost{border:2px solid var(--border-strong);border-bottom-width:4px;border-radius:14px;font-weight:700}:root:not(.classic) .ghost:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.canvas-host{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 100 100M100 0 0 100M50 0v100M0 50h100' stroke='%2334434a' stroke-width='0.7' stroke-dasharray='2.5 2.5' fill='none'/%3E%3C/svg%3E")}}@media (width>=768px){:root{--col:760px}}@media (width>=900px) and (orientation:landscape){#root:has(.canvas-wrap){max-width:1100px}.canvas-wrap{width:min(46vw,74vh,600px)}:is(.ex:has(>.canvas-wrap),.session:has(>.canvas-wrap)){grid-template-columns:1fr auto;align-content:start;align-items:center;column-gap:40px;display:grid}:is(.ex:has(>.canvas-wrap)>*,.session:has(>.canvas-wrap)>*){grid-column:1}.ex:has(>.canvas-wrap)>.canvas-wrap{grid-area:1/2/span 6}.session:has(>.canvas-wrap)>.session-top{grid-column:1/-1}.session:has(>.canvas-wrap)>.canvas-wrap{grid-area:2/2/span 6}}.stroke-count{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px}.speak-row{justify-content:center;align-items:center;gap:4px;display:flex}.slow-btn{background:0 0;border:none;padding:8px;font-size:26px}.undo-row{text-align:center;margin-top:6px}ruby.zy{ruby-position:over}ruby.zy rt{color:var(--accent);letter-spacing:0;font-family:inherit;font-size:.32em}.home-head{position:relative}.gear{position:absolute;top:12px;right:0}.modal.sheet{text-align:left;max-width:520px}.count-chip{background:var(--accent);color:#fff;text-align:center;border-radius:11px;min-width:22px;margin-left:8px;padding:0 6px;font-size:12px;font-weight:700;line-height:22px;display:inline-block}.drill.mix{border-color:var(--yellow)}.mix-note{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px;font-weight:700}.bubble-chars{text-align:left;margin:0 0 12px;padding:0;list-style:none}.bubble-chars li{color:var(--soft);align-items:baseline;gap:8px;padding:2px 0;font-size:13px;display:flex}.bubble-chars .zh{color:var(--text);font-size:22px}.recap{text-align:left;max-width:340px;margin:0 auto 24px}.recap h2{text-align:center}.recap li{color:var(--soft);align-items:baseline;gap:10px;padding:4px 0;font-size:14px;list-style:none;display:flex}.recap ul{padding:0}.recap .zh{color:var(--text);font-size:24px}.recap .recap-due{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.onboard{padding-top:32px}.onboard h1{text-align:center;margin-bottom:4px}.onboard .tagline{text-align:center;margin-bottom:24px}.choice-row{flex-wrap:wrap;gap:8px;margin:6px 0 18px;display:flex}.choice-row button{background:var(--panel);border:2px solid var(--border-strong);border-radius:14px;flex:1;min-width:90px;padding:12px 8px;font-weight:700}.choice-row button.on{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, var(--panel))}.onboard-q{font-weight:700}.onboard-q small{color:var(--muted);font-size:13px;font-weight:400;display:block}.tapped-wrong{text-align:left;padding:4px 0 0}.ghost:disabled{opacity:.45;cursor:default}.auth-form{flex-direction:column;gap:12px;max-width:340px;margin:0 auto 16px;display:flex}.auth-form.left{margin:10px 0}.auth-form label{flex-direction:column;gap:4px;font-size:14px;font-weight:700;display:flex}.auth-form input,.auth-form textarea{font:inherit;border:2px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:12px;width:100%;padding:10px 12px;font-size:16px;font-weight:400}.auth-form textarea{resize:vertical}.tag{background:color-mix(in srgb, var(--blue) 18%, var(--panel));color:var(--blue);vertical-align:middle;border-radius:10px;margin-left:6px;padding:0 8px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.tag.off{background:var(--bad-bg);color:var(--accent)}.temp-box{border:2px solid var(--yellow);border-radius:12px;margin-bottom:12px;padding:12px}.temp-pw{letter-spacing:1px;-webkit-user-select:all;user-select:all;margin:6px 0;font-family:ui-monospace,Menlo,monospace;font-size:22px}.members-heading{margin:14px 0 6px;font-size:14px}.member-list{margin:0;padding:0;list-style:none}.member{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.member-info{flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.member-meta{color:var(--muted);font-size:12px}.member-note{color:var(--soft);overflow-wrap:anywhere;flex-basis:100%;font-size:14px}.member-actions{gap:6px;display:flex}.primary.small-btn{padding:6px 12px;font-size:13px}.gear .count-chip{margin:0;position:absolute;top:-4px;right:-8px}rt.faded{visibility:hidden}.drill.red{border-color:var(--red)}.festival-banner{text-align:left;background:color-mix(in srgb, var(--red) 10%, var(--panel));border:2px solid var(--red);width:100%;color:var(--text);border-bottom-width:4px;border-radius:16px;align-items:center;gap:14px;margin:4px 0 16px;padding:12px 16px;display:flex}.festival-icon{font-size:32px}.festival-about{color:var(--soft);margin:4px 0 16px;font-size:15px;line-height:1.55}.story-heading.small{margin-top:24px;font-size:30px}.panel .trouble-list+h2{margin-top:16px}.family-box{max-width:440px;margin:10px auto 4px}.family-part{color:var(--soft);margin-bottom:8px;font-size:14px}.family-part .zh{color:var(--text);font-size:22px}.family-members{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.family-chip{border:1px solid var(--border-strong);color:var(--soft);border-radius:10px;padding:4px 10px;font-size:14px}.family-chip .zh{color:var(--text);font-size:20px}.family-chip.known{border-color:var(--green);background:color-mix(in srgb, var(--green) 10%, var(--panel))}.ime{border:2px solid var(--border-strong);background:var(--panel);border-radius:14px;max-width:460px;margin:0 auto;overflow:hidden}.ime-input{border-bottom:1px solid var(--border);align-items:center;gap:2px;padding:10px 14px;font-family:ui-monospace,Menlo,monospace;font-size:20px;display:flex}.ime-caret{background:var(--blue);width:2px;height:22px;animation:1s step-end infinite ime-blink}@keyframes ime-blink{50%{opacity:0}}.ime-bar{background:var(--bg);display:flex;overflow-x:auto}.ime-cand{border:none;border-right:1px solid var(--border);color:var(--text);background:0 0;flex:none;align-items:baseline;gap:4px;padding:12px 14px;display:flex}.ime-cand small{color:var(--muted);font-size:11px}.ime-cand .zh{font-size:26px}.ime-cand.correct{background:var(--great-bg)}.ime-cand.wrong{background:var(--bad-bg)}.ime-cand.dim{opacity:.5}.ime-reveal{max-width:460px;color:var(--soft);margin:12px auto 0;padding:0;font-size:14px;list-style:none}.ime-reveal li{padding:3px 0}.ime-reveal li.right{color:var(--great);font-weight:700}.ime-reveal .zh{font-size:18px}.word-slots{flex-wrap:wrap}.word-slot.punct{background:0 0;border-color:#0000;width:24px}.leech{background:color-mix(in srgb, var(--yellow) 12%, var(--panel));border:2px solid var(--yellow);text-align:left;border-radius:14px;width:100%;max-width:460px;padding:12px 14px}.leech-head{margin-bottom:8px;font-weight:700}.leech-row{align-items:flex-start;gap:12px;padding:6px 0;display:flex}.leech-row+.leech-row{border-top:1px solid var(--border)}.leech-char{font-size:44px;line-height:1}.leech-body{color:var(--soft);flex-direction:column;gap:4px;font-size:14px;display:flex}.leech-parts{flex-wrap:wrap;gap:6px;display:flex}.leech-part{border:1px solid var(--border-strong);border-radius:8px;align-items:baseline;gap:4px;padding:2px 8px;display:inline-flex}.leech-part .zh{color:var(--text);font-size:20px}.leech-part.meaning{border-color:var(--blue)}.leech-part.sound{border-color:var(--green)}.leech-role{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.leech-hint{font-style:italic}.sort-card{background:var(--panel);border:2px solid var(--border-strong);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:420px;margin:20px auto;padding:28px 16px;transition:border-color .15s;display:flex}.sort-card.yes{border-color:var(--green)}.sort-card.no{border-color:var(--red)}.session .self-grade{justify-content:center}.rw{border:1px solid var(--border);background:var(--panel);border-radius:14px;margin-bottom:12px;overflow:hidden}.rw-head{padding:10px 16px;font-size:22px;font-weight:700}.rw-line{border-top:1px dashed var(--border);padding:8px 16px}.rw .sentence-text{margin-bottom:2px;font-size:24px}.rw-tools{align-items:baseline;gap:8px;display:flex}.rw-tools .translation{margin:0}.rw-menu .rw-head{background:var(--orange);color:#fff}.rw-sign .rw-head{color:#fff;background:#0070bd}.rw-label .rw-head{background:var(--green);color:#fff}.rw-temple{border-color:#b3271e}.rw-temple .rw-head{color:#ffd35a;background:#b3271e}.rw-chat{background:color-mix(in srgb, #8cabd8 30%, var(--bg));padding-bottom:8px}.rw-chat .rw-head{color:#fff;background:#2f3b4c;font-size:18px}.rw-bubble{background:var(--panel);border-radius:16px;width:fit-content;max-width:82%;margin:8px 12px 0;padding:6px 12px}.rw-bubble.me{color:#1d2b12;background:#85e249;margin-left:auto}.rw-bubble.me .sentence-text ruby rt,.rw-bubble.me .translation{color:#2d4a1a}.sentence-card.poem{text-align:center}.poem-line .sentence-text{margin-bottom:0;font-size:32px}.poem-line .translation{margin:0 0 10px}.poem .row{justify-content:center}.story-heading.idiom{font-size:48px}.idiom-literal{color:var(--soft);font-style:italic}.idiom-meaning{margin-top:6px;font-weight:600}.panel-head{justify-content:space-between;align-items:baseline;display:flex}.family-list{padding:0;list-style:none}.family-member{border-top:1px solid var(--border)}.family-member:first-child{border-top:none}.family-row{width:100%;color:var(--text);text-align:left;font:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:10px 0;display:flex}.family-detail{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;display:grid}.family-detail div{background:var(--bg);text-align:center;border-radius:10px;padding:8px}.family-detail dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.family-detail dd{margin:2px 0 0;font-size:18px;font-weight:700}.family-goal select{font-size:13px}.family-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.family-week{gap:4px;display:flex}.family-dot{background:var(--border);border-radius:50%;width:12px;height:12px}.family-dot.on{background:var(--green)}.family-stats{color:var(--soft);justify-content:flex-end;gap:8px;min-width:84px;font-size:13px;display:flex}.family-by{color:var(--muted)}.coverage-line{margin-bottom:10px}.coverage-bar{margin-bottom:8px;position:relative}.coverage-tick{background:var(--panel);opacity:.7;width:2px;position:absolute;top:0;bottom:0}.coverage-next{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.coverage-next .trouble-char{text-align:center;min-width:44px}:root.kid .sentence-text{font-size:38px;line-height:2}:root.kid .sentence-text ruby rt{font-size:14px}:root.kid ruby.zy rt{font-size:.38em}:root.kid .canvas-wrap{width:min(94vw,66vh,640px)}:root.kid .option{min-height:90px;font-size:18px}:root.kid .story-title{font-size:30px}:root.kid .prompt-english{font-size:28px}:root.kid .drill-text b{font-size:19px}.option-reading{font-size:22px;font-weight:600}.flag-sent{color:var(--muted);font-size:13px}.flag-form{flex-wrap:wrap;gap:6px;display:inline-flex}.flag-form .add-input{min-width:180px}.text-check{text-align:center;margin-top:8px}.panel.text-check{text-align:left}.check-q+.check-q{margin-top:14px}.check-question{margin-bottom:8px;font-weight:600}.check-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.check-options .option{min-height:52px;font-size:15px}.check-score{color:var(--great);margin-top:14px;font-weight:700}.stroke-fig{flex:none}.stroke-rest{fill:var(--ink);opacity:.25}.stroke-hot{fill:var(--red)}.tricky-fig{background:var(--canvas-bg);border:1px solid var(--border);border-radius:10px;padding:2px;line-height:0}.tricky-char{color:var(--text);font-size:20px}.detail-tricky{color:var(--soft);align-items:center;gap:10px;margin:6px 0;font-size:14px;display:flex}.zy-banner{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 10%, var(--panel))}.zy-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0 20px;display:grid}.zy-card{background:var(--panel);border:2px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.zy-sym{color:var(--blue);font-size:64px;line-height:1.1;font-family:var(--zh-font);background:0 0;border:none}.zy-word{align-items:center;gap:6px;font-size:26px;display:flex}.zy-pic{font-size:30px}.zy-tones .trouble-char{min-width:70px}.zy-mark{min-width:28px;color:var(--blue);text-align:center;font-size:28px}.zy-blend{margin:12px 0 20px;line-height:1.6}.zy-sum{margin:8px 0;font-size:30px}.zy-show{font-size:56px;line-height:1.3}.zy-option .zh{font-size:30px}.zy-progress{margin-bottom:14px}.zy-word ruby.zy rt,.zy-sum ruby.zy rt,.zy-tones ruby.zy rt{font-size:.45em}.check-score.none{color:var(--muted)}.reading-now{outline:3px solid var(--blue);outline-offset:2px;border-radius:14px}.new-words .trouble-char{font-size:22px}.type-input{border:2px solid var(--border-strong);background:var(--panel);width:100%;max-width:460px;color:var(--text);border-radius:14px;margin:16px auto 12px;padding:12px 14px;font-size:24px;display:block}.type-input:focus{border-color:var(--blue);outline:none}.type-check{min-width:200px;margin:0 auto;display:block}.type-diff{text-align:center;letter-spacing:2px;margin:6px 0;font-size:30px}.type-ok{color:var(--great)}.type-missing{color:var(--accent);opacity:.6;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.type-extra{color:var(--accent);text-decoration:line-through}.type-answer{text-align:center;color:var(--soft);font-size:18px}.loading-page{margin-top:40vh}.today-card{flex-direction:column;gap:10px;margin:0 0 12px;display:flex}.today-top{align-items:center;gap:14px;display:flex}.today-streak{white-space:nowrap;font-size:1.3rem}.today-goal{color:var(--muted);flex-direction:column;flex:1;gap:4px;font-size:.8rem;display:flex}.today-row{text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.today-read{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.today-mix{width:100%}.next-stack{flex-direction:column;gap:14px;width:100%;margin:20px 0;display:flex}.next-btn{width:100%}.gloss-sheet{z-index:9;background:var(--panel);color:var(--text);border-top:1px solid var(--border-strong);padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.2s ease-out gloss-sheet-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000002e}.gloss-sheet .word-gloss{background:0 0;margin-bottom:0;padding:0 36px 0 0}.gloss-sheet-close{position:absolute;top:8px;right:10px}@keyframes gloss-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.gloss-sheet{animation:none}}:root.reduce-motion .gloss-sheet{animation:none}@media (width>=700px){.gloss-sheet{border:1px solid var(--border-strong);border-radius:14px;width:360px;padding-bottom:14px;bottom:20px;left:auto;right:20px}}.review-more{margin:4px auto 12px;display:block}.read-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}@media (width>=700px){.read-grid{grid-template-columns:repeat(3,1fr)}}.read-tile{text-align:left;background:var(--panel);min-height:112px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.read-tile:hover{border-color:var(--border-strong)}.read-tile b{font-size:15px}.read-tile small{color:var(--muted);font-size:12px;line-height:1.3}.read-tile-icon{font-size:26px;line-height:1.1}.read-tile.green{border-top:3px solid var(--green)}.read-tile.blue{border-top:3px solid var(--blue)}.read-tile.red{border-top:3px solid var(--red)}.read-tile.orange{border-top:3px solid var(--orange)}.read-tile.purple{border-top:3px solid var(--purple)}.stories-bar{background:var(--soft);z-index:50;height:3px;position:fixed;top:0;left:0;right:0}.stories-bar-fill{background:var(--accent);transform-origin:0;height:100%;transform:scaleX(0)}.stories-resumed{justify-content:center;align-items:center;gap:6px;display:flex}.stories-empty{padding:24px 0}.sync-dot{border:2px solid var(--panel);box-sizing:content-box;border-radius:50%;width:9px;height:9px;margin-right:-20px;position:absolute;top:4px;right:50%}.sync-dot-pending,.sync-dot-syncing{background:var(--orange)}.sync-dot-offline{background:var(--muted)}.sync-badge{color:var(--muted);align-items:center;gap:6px;font-weight:700;display:inline-flex}.sync-badge-glyph{font-size:1.1em;line-height:1}.sync-badge-text{font-size:13px}.sync-badge-synced .sync-badge-glyph{color:var(--green)}.sync-badge-pending .sync-badge-glyph,.sync-badge-syncing .sync-badge-glyph{color:var(--orange)}.sync-badge-syncing .sync-badge-glyph{animation:1s linear infinite sync-spin;display:inline-block}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sync-badge-syncing .sync-badge-glyph{animation:none}}.whatsnew-sheet{max-height:85vh;overflow-y:auto}.whatsnew-list{gap:10px;margin:12px 0 16px;padding:0;list-style:none;display:grid}.whatsnew-list li{align-items:flex-start;gap:12px;line-height:1.35;display:flex}.whatsnew-icon{text-align:center;flex:none;width:28px;font-size:20px}.you-tabs{margin-bottom:14px}.you-tabs button{flex:1}.settings-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:18px 0 4px;font-size:.8rem;font-weight:700}.settings-heading:first-of-type{margin-top:6px}.search-box{box-sizing:border-box;width:100%;margin-bottom:12px;padding:10px 14px;font-size:18px}.search-hint{margin:16px 0}.search-text{text-align:left;cursor:pointer}.search-reading{color:var(--text);display:block}.search-meaning{color:var(--muted);overflow-wrap:anywhere;font-size:13px;display:block}.search-heading{color:var(--soft);margin:20px 0 10px;font-size:15px}:root[data-theme=light] .canvas-host{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 100 100M100 0 0 100M50 0v100M0 50h100' stroke='%23eee7d9' stroke-width='0.7' stroke-dasharray='2.5 2.5' fill='none'/%3E%3C/svg%3E")}:root[data-theme=dark] .canvas-host{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M0 0 100 100M100 0 0 100M50 0v100M0 50h100' stroke='%2334434a' stroke-width='0.7' stroke-dasharray='2.5 2.5' fill='none'/%3E%3C/svg%3E")}:root.reduce-motion *,:root.reduce-motion :before,:root.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.type-input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}:root.text-l body{font-size:18px}:root.text-xl body{font-size:21px}:root.text-l:not(.kid) .sentence-text{font-size:34.5px}:root.text-xl:not(.kid) .sentence-text{font-size:39px}:root.text-l:not(.kid) .sentence-text ruby rt{font-size:11.5px}:root.text-xl:not(.kid) .sentence-text ruby rt{font-size:13px}:root.text-l:not(.kid) .story-title{font-size:27.5px}:root.text-xl:not(.kid) .story-title{font-size:31px}:root.text-l:not(.kid) .prompt-english{font-size:27.5px}:root.text-xl:not(.kid) .prompt-english{font-size:31px}:root.text-l:not(.kid) .option{font-size:18px}:root.text-xl:not(.kid) .option{font-size:21px}:root.text-l:not(.kid) .drill-text b{font-size:19.5px}:root.text-xl:not(.kid) .drill-text b{font-size:22px}:root.text-l .story-sub,:root.text-l .hint,:root.text-l .drill-text small{font-size:15px}:root.text-xl .story-sub,:root.text-xl .hint,:root.text-xl .drill-text small{font-size:17px}:root.text-l .prompt-phonetic{font-size:23px}:root.text-xl .prompt-phonetic{font-size:26px}:root.text-l .gloss-text{font-size:27.5px}:root.text-xl .gloss-text{font-size:31px}:root.text-l .gloss-meaning,:root.text-l .translation,:root.text-l .trouble-info,:root.text-l .page-sub{font-size:16px}:root.text-xl .gloss-meaning,:root.text-xl .translation,:root.text-xl .trouble-info,:root.text-xl .page-sub{font-size:18px}.you-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.home-sync{position:absolute;top:12px;left:0}.whatsnew-list li{text-align:left}.voice-check{margin:6px 0 18px}.voice-check-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:6px;display:flex}.voice-steps{text-align:left;margin:0 0 8px;padding-left:20px;font-size:14px}.voice-steps li{margin-bottom:4px}