:root{--bg: #f6f3ee;--card: #ffffff;--ink: #1d1f24;--muted: #6b6f78;--line: #e6e1d8;--en: #2f5bea;--en-soft: #e8edfd;--ja: #d14a2c;--ja-soft: #fbe9e3;--es: #1f8f7a;--es-soft: #e2f3ee;--zh: #5a5f6a;--zh-soft: #eeeeee;--ok: #1f8a4c;--ok-soft: #e3f4ea;--bad: #c43d3d;--bad-soft: #fbe6e6;--accent: #1d1f24;--accent-ink: #fff;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(30,30,40,.06);--r: 16px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15171c;--card: #1e2128;--ink: #ecedf0;--muted: #9aa0ab;--line: #2c3039;--en: #7a9bff;--en-soft: #1f2a4a;--ja: #ff8a6a;--ja-soft: #4a2420;--es: #4fd1b3;--es-soft: #173a33;--zh: #b4b8c2;--zh-soft: #2a2d35;--ok: #4fc47f;--ok-soft: #1c3a29;--bad: #ff7676;--bad-soft: #452222;--accent: #ecedf0;--accent-ink: #15171c;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg: #15171c;--card: #1e2128;--ink: #ecedf0;--muted: #9aa0ab;--line: #2c3039;--en: #7a9bff;--en-soft: #1f2a4a;--ja: #ff8a6a;--ja-soft: #4a2420;--es: #4fd1b3;--es-soft: #173a33;--zh: #b4b8c2;--zh-soft: #2a2d35;--ok: #4fc47f;--ok-soft: #1c3a29;--bad: #ff7676;--bad-soft: #452222;--accent: #ecedf0;--accent-ink: #15171c;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);color-scheme:dark}:root[data-theme=light]{--bg: #f6f3ee;--card: #ffffff;--ink: #1d1f24;--muted: #6b6f78;--line: #e6e1d8;--en: #2f5bea;--en-soft: #e8edfd;--ja: #d14a2c;--ja-soft: #fbe9e3;--es: #1f8f7a;--es-soft: #e2f3ee;--zh: #5a5f6a;--zh-soft: #eeeeee;--ok: #1f8a4c;--ok-soft: #e3f4ea;--bad: #c43d3d;--bad-soft: #fbe6e6;--accent: #1d1f24;--accent-ink: #fff;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(30,30,40,.06);color-scheme:light}:root[data-theme=sepia]{--bg: #f3e9d7;--card: #fbf4e6;--ink: #3b2f22;--muted: #8a7a66;--line: #e2d3bb;--en: #2c5aa0;--en-soft: #e3eaf6;--ja: #b8432a;--ja-soft: #f6e1d9;--es: #2f7d62;--es-soft: #ddeee5;--zh: #6e5f4e;--zh-soft: #eee3cf;--ok: #2f7d4a;--ok-soft: #dff0e2;--bad: #b53a3a;--bad-soft: #f6dcdc;--accent: #3b2f22;--accent-ink: #fbf4e6;--shadow: 0 1px 2px rgba(60,40,20,.06), 0 8px 24px rgba(60,40,20,.08);color-scheme:light}:root[data-theme=midnight]{--bg: #0d0f14;--card: #151821;--ink: #d9d4c7;--muted: #8a8778;--line: #232735;--en: #8fb0ff;--en-soft: #1b2440;--ja: #ff9b7a;--ja-soft: #3d2019;--es: #6fd3b8;--es-soft: #143229;--zh: #a8a496;--zh-soft: #1f222c;--ok: #6fcf97;--ok-soft: #173126;--bad: #ff8585;--bad-soft: #3b1d1d;--accent: #d9d4c7;--accent-ink: #0d0f14;--shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.5);color-scheme:dark}:root[data-theme=forest]{--bg: #eef3ec;--card: #ffffff;--ink: #1f2a22;--muted: #5f7265;--line: #d8e3d9;--en: #2457c5;--en-soft: #e4ebfa;--ja: #c4482a;--ja-soft: #f9e3dc;--es: #1d7f63;--es-soft: #dcefe6;--zh: #4f6356;--zh-soft: #e3ebe4;--ok: #257a46;--ok-soft: #dcefe2;--bad: #b83b3b;--bad-soft: #f7dede;--accent: #1f3a2a;--accent-ink: #f3f7f3;--shadow: 0 1px 2px rgba(20,40,30,.05), 0 8px 24px rgba(20,40,30,.07);color-scheme:light}*{box-sizing:border-box}#root{zoom:var(--fs, 1)}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,Noto Sans TC,Noto Sans JP,system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}:lang(ja),.ja{font-family:Noto Sans JP,Noto Sans TC,system-ui,sans-serif}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default}.app{max-width:560px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom))}.top{position:sticky;top:0;z-index:5;background:var(--bg);padding:10px 0 6px}.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;letter-spacing:-.02em;font-size:18px}.brand span{color:var(--muted);font-weight:500;font-size:13px;margin-left:8px}.top-actions{display:flex;gap:6px}.chip-btn{font-size:13px;padding:6px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line)}.chip-btn:hover{border-color:var(--muted)}.bar{height:4px;background:var(--line);border-radius:2px;margin-top:6px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.feed{display:flex;flex-direction:column;gap:8px;padding-top:4px}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 16px;border:1px solid transparent}.card.active{border-color:var(--line)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;color:var(--muted)}.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:6px;background:var(--zh-soft);color:var(--zh)}.tag.en{background:var(--en-soft);color:var(--en)}.tag.ja{background:var(--ja-soft);color:var(--ja)}.tag.es{background:var(--es-soft);color:var(--es)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.bad{background:var(--bad-soft);color:var(--bad)}.done-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}.done-row{display:flex;align-items:center;gap:6px;min-width:0;padding:3px 9px 3px 6px;border-radius:999px;background:color-mix(in srgb,var(--card) 60%,transparent);color:var(--muted);font-size:12px;line-height:1.4;border:1px dashed var(--line);max-width:100%}.done-row.correct{border-color:color-mix(in srgb,var(--ok) 50%,transparent)}.done-row.wrong{border-color:color-mix(in srgb,var(--bad) 55%,transparent)}.done-row .lbl b{font-weight:600;color:var(--ink);margin-right:4px}.done-row .mark{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.done-row .mark.ok{background:var(--ok-soft);color:var(--ok)}.done-row .mark.bad{background:var(--bad-soft);color:var(--bad)}.done-row .mark.seen{background:var(--zh-soft);color:var(--zh)}.done-row .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.upcoming{text-align:center;color:var(--muted);font-size:13px;padding:18px 0 6px}.primary{width:100%;padding:11px 16px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:15px;margin-top:10px}.primary:disabled{opacity:.35}.ghost{width:100%;padding:10px 16px;border-radius:12px;border:1px solid var(--line);font-weight:500;margin-top:6px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.row2 .primary,.row2 .ghost{margin-top:0}.tri{display:grid;gap:4px;margin-top:2px}.tri .l{display:grid;grid-template-columns:28px 1fr;align-items:baseline;gap:10px}.tri .k{font-size:11px;font-weight:700;letter-spacing:.04em}.tri .k.en{color:var(--en)}.tri .k.ja{color:var(--ja)}.tri .k.es{color:var(--es)}.tri .k.zh{color:var(--zh)}.tri .v{font-size:22px;font-weight:600;letter-spacing:-.01em}.tri .v small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:2px}.note{margin-top:8px;font-size:14px;color:var(--muted);padding:6px 12px;border-left:3px solid var(--line)}.bridge{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px 0 6px;flex-wrap:wrap}.bridge .w{font-size:26px;font-weight:600}.bridge .w.en{color:var(--en)}.bridge .w.ja{color:var(--ja)}.bridge .w.es{color:var(--es)}.bridge+.bridge{margin-top:-2px}.bridge .eq{color:var(--muted);font-size:20px}.bridge-sub{text-align:center;color:var(--muted);font-size:14px}.prompt{font-size:19px;font-weight:500;line-height:1.6;white-space:pre-line;margin:4px 0 6px}.prompt .blank{display:inline-block;min-width:3.5em;border-bottom:2px solid var(--muted);margin:0 2px}.hint{color:var(--muted);font-size:14px}.options{display:grid;gap:6px;margin-top:10px}.opt{text-align:left;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-size:16px;display:flex;justify-content:space-between;align-items:center;transition:transform .08s ease}.opt:not(:disabled):hover{border-color:var(--muted)}.opt:not(:disabled):active{transform:scale(.985)}.opt.ok{border-color:var(--ok);background:var(--ok-soft)}.opt.bad{border-color:var(--bad);background:var(--bad-soft)}.opt .idx{font-size:11px;color:var(--muted);font-weight:600;margin-right:10px}.result{margin-top:10px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6}.result.ok{background:var(--ok-soft)}.result.bad{background:var(--bad-soft)}.result b{display:block;margin-bottom:2px}.from{font-size:30px;font-weight:600;text-align:center;margin:10px 0 2px}.from.en{color:var(--en)}.from.ja{color:var(--ja)}.from.es{color:var(--es)}.from small{display:block;font-size:13px;color:var(--muted);font-weight:400}.rule{background:var(--zh-soft);border-radius:10px;padding:10px 12px;font-size:14px;margin:6px 0 12px}.rule b{display:block;font-size:16px;margin-bottom:2px}.slots{min-height:52px;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1.5px dashed var(--line);border-radius:12px}.slots:empty:after{content:"依序點選下面的片語";color:var(--muted);font-size:13px;padding:6px 4px}.chunk{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:15px}.chunk.placed{background:var(--en-soft);border-color:transparent}.chunk.placed.ja{background:var(--ja-soft)}.chunk.used{opacity:.3}.pool{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.story-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.story-head h3{margin:0;font-size:15px;font-weight:600}.story-head h3 span{color:var(--muted);font-weight:400;font-size:13px;margin-left:6px}.tabs{display:inline-flex;background:var(--zh-soft);border-radius:10px;padding:3px;gap:2px;margin:2px 0 8px}.tabs button{padding:5px 11px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted)}.tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #00000014}.text{font-size:18px;line-height:1.85}.text.en,.text.zh,.text.ja{font-size:17px}.text+.text{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.text .lang{font-size:11px;font-weight:700;margin-right:6px;vertical-align:middle}.tok{display:inline;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;padding:0 1px;border-bottom:2px dotted var(--muted);border-radius:2px;font:inherit;line-height:inherit}.tok.en{border-color:var(--en)}.tok.ja{border-color:var(--ja)}.tok.es{border-color:var(--es)}.tok.zh{border-color:var(--zh)}.tok.looked{background:var(--ja-soft);border-bottom-style:solid}.tok:hover{background:var(--zh-soft)}.pop{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--zh-soft);font-size:15px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pop .zh{color:var(--zh)}.pop .en{color:var(--en);font-weight:600}.pop .ja{color:var(--ja);font-weight:600}.pop .es{color:var(--es);font-weight:600}.pop small{color:var(--muted);font-weight:400;margin-left:4px}.pop .more{margin-left:auto;font-size:13px;color:var(--muted);text-decoration:underline}.story-foot{font-size:12px;color:var(--muted);margin-top:6px}.finish{text-align:center;padding:28px 18px}.finish h2{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.finish p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 6px}.stat{background:var(--zh-soft);border-radius:12px;padding:12px 8px}.stat b{display:block;font-size:22px;letter-spacing:-.02em}.stat span{font-size:12px;color:var(--muted)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:14px 18px calc(24px + env(safe-area-inset-bottom));animation:up .22s ease}@keyframes up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sheet-head h2{margin:0;font-size:17px}.x{width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--line);font-size:16px}.sec{margin-top:12px}.sec h4{margin:0 0 5px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.ex{padding:8px 12px;background:var(--card);border-radius:12px;font-size:16px;line-height:1.6}.ex+.ex{margin-top:6px}.ex .en{color:var(--en)}.ex .ja{color:var(--ja)}.ex .es{color:var(--es)}.ex .zh{color:var(--muted);font-size:14px}.refs{display:flex;flex-wrap:wrap;gap:6px}.ref{padding:6px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:14px}.ref.unknown{opacity:.55}.ref .ja{color:var(--ja);margin-left:6px}.tracks{display:grid;gap:4px}.track{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:10px;font-size:13px}.track .nm{color:var(--muted);font-weight:600}.track .bar{margin:0;height:8px;border-radius:4px}.track .bar>i{background:var(--ok)}.track.locked .bar>i{background:var(--line)}.track .pct{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.lv{display:grid;grid-template-columns:36px 1fr 70px;gap:10px;align-items:center;font-size:13px;margin-bottom:8px}.lv .bar{margin:0;height:10px;border-radius:5px;position:relative}.lv .bar>i{background:var(--ja)}.lv .bar>i.en{background:var(--en)}.lv .bar>i.es{background:var(--es)}.lv .bar>b{position:absolute;left:0;top:0;height:100%;background:var(--ok);border-radius:5px;opacity:.9}.lv .n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.clist{display:grid;gap:3px}.citem{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:5px 10px;background:var(--card);border-radius:10px;text-align:left}.citem .w{font-size:15px}.citem .w .ja{color:var(--ja);margin-left:8px}.citem .w .zh{color:var(--muted);font-size:12px;margin-left:8px}.mini{display:flex;gap:3px}.mini i{width:14px;height:18px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.mini i:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--h);background:var(--ok)}.mini i.lock:after{background:transparent}.legend{font-size:12px;color:var(--muted);margin-top:6px}.devbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));pointer-events:none}.devbar>div{pointer-events:auto;display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:var(--shadow)}.devbar button{font-size:12px;padding:6px 10px;border-radius:999px;color:var(--muted)}.devbar button:hover{background:var(--zh-soft);color:var(--ink)}.devbar .lab{font-size:11px;color:var(--muted);align-self:center;padding:0 4px 0 8px}.loading{text-align:center;color:var(--muted);padding:60px 0}.err{color:var(--bad);font-size:13px;margin-top:8px}@media(max-width:400px){.tri .v{font-size:20px}.from{font-size:26px}}ruby{ruby-position:over;ruby-align:space-around}rt{font-size:.45em;color:var(--muted);font-weight:400;letter-spacing:-.02em;line-height:1;white-space:nowrap}.text.ja,.prompt.ja,.ex .ja,.tri .v.ja{line-height:2.1}.chunk rt,.opt rt{font-size:.5em}.spk{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin:0 4px;padding:4px;border-radius:8px;color:var(--muted);line-height:1}.spk:hover{background:var(--zh-soft);color:var(--ink)}.spk.on{color:var(--accent-ink);background:var(--accent)}.spk.sm{padding:2px;margin:0 4px 0 0}.spk span{font-size:12px;font-weight:500}.result b .spk{margin-left:6px}.promptwrap{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:start}.promptwrap>.spk{margin-top:6px}.prompt .blank b{color:var(--ok);font-weight:600}.exlist{margin-top:8px;display:grid;gap:4px}.exl{display:flex;align-items:flex-start;gap:2px;font-size:17px;line-height:1.7}.exl.zh{color:var(--muted);font-size:14px;padding-left:28px}.rels{margin-top:8px;display:grid;gap:4px}.relrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.relname{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.06em;width:30px}.cols{display:block}.app.with-side{max-width:1180px}.app.with-side .cols{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}.app.with-side .top{max-width:none}.side{position:sticky;top:52px;max-height:calc(100vh - 154px);display:flex;flex-direction:column;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}.side-tabs{display:flex;border-bottom:1px solid var(--line)}.side-tabs button{flex:1;padding:8px 6px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}.side-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.side-body{overflow:auto;padding:8px 10px 12px}.side-body .card{padding:6px 0 0;background:none}.side-body .sec:first-child{margin-top:4px}.back{font-size:13px;color:var(--muted);padding:4px 0 8px}.back:hover{color:var(--ink)}.citem.sel{outline:2px solid var(--accent)}.tag.new{background:var(--ok-soft);color:var(--ok);margin-right:6px}.upcoming-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:13px;padding:14px 0 6px}.toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;background:var(--card);border-radius:12px;text-align:left;margin-bottom:4px}.side-body .toggle{background:var(--zh-soft)}.tg-text b{display:block;font-weight:600;font-size:14px}.tg-text small{color:var(--muted);font-size:12px}.sw{flex:none;width:40px;height:24px;border-radius:12px;background:var(--line);position:relative;transition:background .15s}.sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0003}.sw.on{background:var(--ok)}.sw.on i{transform:translate(16px)}.seg{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:14px;flex-wrap:wrap}.seg>span{margin-right:auto}.seg button{padding:5px 10px;border-radius:8px;border:1px solid var(--line);font-size:13px}.seg button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.seg input[type=range]{width:140px}.app[data-density=compact]{--r: 12px}.app[data-density=compact] .card{padding:12px 14px}.app[data-density=compact] .feed{gap:8px}.app[data-density=compact] .done-row{padding:1px 8px 1px 5px;font-size:11px}.app[data-density=compact] .tri .v{font-size:18px}.app[data-density=compact] .text,.app[data-density=compact] .prompt{font-size:15px}.app[data-density=compact] .opt{padding:8px 12px;font-size:15px}.app[data-density=compact] .primary,.app[data-density=compact] .ghost{padding:10px 14px;margin-top:10px}.app[data-density=compact] .exl{font-size:14px;line-height:1.6}.ref{display:inline-flex;align-items:baseline;gap:6px;line-height:1.9}.ref .en{color:var(--en);font-weight:500}.ref .ja{color:var(--ja);margin:0}.ref .es{color:var(--es)}.ref .zh{color:var(--muted);font-size:12px}.ref .dot{width:6px;height:6px;border-radius:50%;background:var(--line);align-self:center}.ref.unknown{opacity:1;border-style:dashed}.ref:hover{border-color:var(--muted)}.gblock{background:var(--card);border-radius:12px;padding:8px 12px;margin-bottom:6px}.side-body .gblock,.sheet .gblock{background:var(--zh-soft)}.gtitle{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:4px}.cp{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:14px}.cp>b{margin-left:6px}.cp .hint{margin-top:2px}.rule .cp{font-size:13px}.gblock .exlist{margin-top:8px}.gblock .ex{background:var(--card)}.search{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:14px;margin:8px 0}.search:focus{outline:2px solid var(--accent);outline-offset:-1px}.filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.filters button{padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.filters button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.citem .w{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.1fr) minmax(0,.65fr);gap:8px;align-items:baseline;line-height:1.7}.citem .w>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citem .w .en{font-weight:500;display:flex;align-items:center;gap:6px}.citem .w .en .tag.new,.citem .w .en .st{margin:0;flex:none}.citem.cat .w{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.7fr) auto}.citem .w .lvl{text-align:right}.citem .w .ja,.citem .w .zh{margin-left:0}.citem .w .es{color:var(--es)}.citem .w.four{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr)}.citem.cat .w.five{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.6fr) auto}.citem .w .ja ruby{white-space:nowrap}.citem .lvl{font-size:11px;color:var(--muted)}.st{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--zh-soft);color:var(--muted);align-self:center}.st.learning,.st.current{background:var(--en-soft);color:var(--en)}.st.stable,.st.done{background:var(--ok-soft);color:var(--ok)}.citem.ep{cursor:default}.citem.ep.locked{opacity:.6}.side-body .citem,.sheet .citem,.side-body .search,.sheet .search{background:var(--zh-soft)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(64px + env(safe-area-inset-bottom));z-index:30;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:12px;font-size:14px;max-width:min(92vw,520px);box-shadow:var(--shadow);animation:up .2s ease}.counts{font-size:13px;color:var(--muted);white-space:nowrap}.counts b{color:var(--ink);font-weight:600}.top-row{flex-wrap:wrap}.strip{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:8px 12px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.tiles.four{grid-template-columns:repeat(4,1fr)}.tile{background:var(--zh-soft);border-radius:10px;padding:5px 6px;text-align:center}.tile b{display:block;font-size:20px;letter-spacing:-.02em;line-height:1.2}.tile b small{font-size:12px;color:var(--muted);font-weight:400}.tile span{font-size:11px;color:var(--muted)}.tile.ok b{color:var(--ok)}.tile.bad b{color:var(--bad)}.side-body .tiles,.sheet .tiles{grid-template-columns:repeat(3,1fr)}.side-body .tile,.sheet .tile{background:var(--card)}.kinds{display:grid;gap:2px;margin-top:6px}.kind{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:8px;font-size:12px}.kind .kn{color:var(--muted);font-weight:600}.kind .bar{margin:0;height:6px}.kind .kc{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.duerow{margin-top:10px;font-size:14px;color:var(--muted)}.duerow b{color:var(--ink)}.side-sum{font-size:13px;color:var(--muted);padding:2px 2px 6px}.side-sum b{color:var(--ink)}.hist{width:100%;border-collapse:collapse;font-size:13px}.hist th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.04em;padding:4px 6px;border-bottom:1px solid var(--line)}.hist td{padding:5px 6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}@media(max-width:420px){.tiles{grid-template-columns:repeat(2,1fr)}.tiles.four{grid-template-columns:repeat(4,1fr)}.tile b{font-size:17px}.counts{width:100%}}.app[data-density=compact] .strip{padding:8px 10px}.app[data-density=compact] .tile{padding:5px 4px}.app[data-density=compact] .tile b{font-size:16px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%) translateY(2px);background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:400;line-height:1.45;letter-spacing:0;padding:6px 9px;border-radius:7px;width:max-content;max-width:240px;white-space:normal;text-align:left;z-index:60;pointer-events:none;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .12s ease,transform .12s ease,visibility 0s .12s;font-family:Inter,Noto Sans TC,Noto Sans JP,system-ui,sans-serif}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition-delay:.25s,.25s,0s}[data-tip][data-tip-pos=b]:after{bottom:auto;top:calc(100% + 7px);transform:translate(-50%) translateY(-2px)}[data-tip][data-tip-pos=b]:hover:after,[data-tip][data-tip-pos=b]:focus-visible:after{transform:translate(-50%) translateY(0)}.tile[data-tip]{outline:none}.mini[data-tip]:after,.citem .st[data-tip]:after{left:auto;right:0;transform:translateY(2px)}.mini[data-tip]:hover:after,.citem .st[data-tip]:hover:after{transform:translateY(0)}.side-body [data-tip]:after{max-width:200px}.tok[data-tip]:after{font-size:11px}@media(hover:none){[data-tip]:after{display:none}}.app.admin{max-width:860px}.admin .tile{cursor:pointer}.admin .tile.sel{outline:2px solid var(--accent)}.admin label{display:block;font-size:12px;color:var(--muted);margin-top:8px}.admin input[type=text],.admin input:not([type]),.admin textarea,.admin select{display:block;width:100%;margin-top:3px;padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:14px}.admin .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px}.admin label.chk{display:flex;align-items:center;gap:6px;margin-top:26px}.admin label.chk input{width:auto;margin:0}.admin .exedit{border-top:1px dashed var(--line);margin-top:8px;padding-top:2px}.admin .err{display:inline;margin-left:6px}.admin .tiles{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.admin .grid3{grid-template-columns:1fr 1fr}}.exl .es{color:var(--es)}.bridge-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:5px;background:var(--ok-soft);color:var(--ok);margin-left:6px;vertical-align:middle}@media(min-width:1280px){.app.with-side{max-width:1320px}.app.with-side .cols{grid-template-columns:minmax(0,1fr) 500px}.citem .w>span{white-space:normal;overflow:visible;text-overflow:clip}.citem .w{line-height:1.5}}.board-btn{font-weight:600}.acct{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--card);border-radius:12px;padding:10px 12px}.acct img{width:36px;height:36px;border-radius:50%}.acct b{display:block}.acct small{color:var(--muted);font-size:12px}.side-body .acct{background:var(--zh-soft)}.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:#fff;color:#1f1f1f;border:1px solid var(--line);margin-top:0}.gbtn:hover{background:#f5f5f5}.authform{display:grid;gap:6px;margin-top:8px}.authform input{padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit}.login-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;margin:0 0 12px;border-radius:14px;border:1px solid var(--line);background:var(--en-soft);color:var(--ink);font-size:13px;line-height:1.5}.login-banner .lb-text{flex:1 1 260px}.login-banner .lb-text b{color:var(--en);margin-right:4px}.login-banner .lb-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.login-banner .lb-actions .primary,.login-banner .lb-actions .ghost{width:auto;margin-top:0;padding:6px 12px;font-size:13px;border-radius:10px;text-decoration:none;display:inline-block}.finish-login{font-size:13px;color:var(--muted);margin:-4px 0 10px}.finish-login .linkish{color:var(--en);font-weight:600;text-decoration:underline;padding:0 2px;background:none;border:0;cursor:pointer;font:inherit}.loginhint{font-size:12px;color:var(--muted);padding:6px 10px;margin-bottom:8px;border:1px dashed var(--line);border-radius:10px}.loginhint button{color:var(--en);font-weight:600;margin-left:4px;text-decoration:underline}.notewrap{display:inline-flex;flex-direction:column;gap:6px}.notebtn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.notebtn.sm{padding:2px 8px;font-size:11px}.notebtn:hover{color:var(--ink);border-color:var(--muted)}.notebtn.on{background:var(--ok-soft);color:var(--ok);border-color:transparent}.noteedit{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:start}.noteedit textarea{grid-column:1 / -1;width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:14px}.noteitem{display:grid;grid-template-columns:1fr auto auto;gap:6px 8px;align-items:center;background:var(--card);border-radius:12px;padding:8px 10px}.side-body .noteitem,.sheet .noteitem{background:var(--zh-soft)}.noteitem .w{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;text-align:left}.noteitem .w .en{color:var(--en);font-weight:600}.noteitem .w .ja{color:var(--ja)}.noteitem .w .es{color:var(--es)}.noteitem .w .zh{color:var(--muted);font-size:12px}.noteitem .notetext{grid-column:1 / -1;font-size:14px;line-height:1.5;cursor:text;padding:4px 6px;border-radius:8px;border:1px dashed transparent}.noteitem .notetext:hover{border-color:var(--line)}.noteitem .noteedit{grid-column:1 / -1}.x.sm{width:24px;height:24px;font-size:13px}.listen{margin:4px 0 10px}.listen .primary{margin-top:0}.sheet.onboard{max-width:520px;border-radius:20px;margin:auto;align-self:center}.sheet.onboard h2{margin:6px 0 4px;font-size:20px}.pick{display:grid;grid-template-columns:auto auto 1fr;gap:8px 10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);margin-bottom:6px;cursor:pointer}.pick.on{border-color:var(--ok);background:var(--ok-soft)}.pick small{grid-column:2 / -1;color:var(--muted);font-size:12px}.pick b{font-size:15px}.board{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}.board-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.board-legend{display:flex;gap:6px;flex-wrap:wrap}.lg{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.lg i{width:10px;height:10px;border-radius:3px;background:var(--line)}.lg.learning i{background:var(--en)}.lg.stable i{background:var(--ok)}.lg.forgot i{background:var(--bad)}.lg.noted i{background:#e0a400}.lg.on{border-color:var(--ink);color:var(--ink)}.board-filters{display:flex;gap:10px;align-items:center;padding:8px 20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.board-filters .search{width:320px;margin:0}.board-filters .filters{margin:0}.board-body{overflow:auto;padding:12px 20px 40px}.board-cat{margin-bottom:18px}.board-cat h3{font-size:15px;margin:0 0 8px;position:sticky;top:0;background:var(--bg);padding:6px 0;z-index:1}.board-cat h3 span{color:var(--muted);font-weight:400;font-size:12px;margin-left:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.wchip{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:4px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:13px;line-height:1.5;border-left-width:4px}.wchip .en{color:var(--ink);font-weight:500}.wchip .ja{color:var(--ja)}.wchip .es{color:var(--es)}.wchip .zh{color:var(--muted);font-size:12px}.wchip.new{opacity:.7}.wchip.learning{border-left-color:var(--en);background:color-mix(in srgb,var(--en-soft) 60%,var(--card))}.wchip.stable{border-left-color:var(--ok);background:color-mix(in srgb,var(--ok-soft) 60%,var(--card))}.wchip.forgot{border-left-color:var(--bad);background:color-mix(in srgb,var(--bad-soft) 70%,var(--card))}.wchip.noted:after{content:"★";color:#e0a400;font-size:11px}.wchip:hover{border-color:var(--muted)}@media(max-width:640px){.board-top,.board-filters,.board-body{padding-left:12px;padding-right:12px}.board-filters .search{width:100%}}.swatch{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;border:1px solid rgba(0,0,0,.15)}.swatch.auto{background:linear-gradient(90deg,#f6f3ee 50%,#15171c 50%)}.swatch.light{background:#f6f3ee}.swatch.dark{background:#15171c}.swatch.sepia{background:#f3e9d7}.swatch.midnight{background:#0d0f14}.swatch.forest{background:#2f6b47}.seg button.on .swatch{border-color:var(--accent-ink)}.board-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.catlink{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none}.catlink span{color:var(--muted);margin-left:4px}.catlink:hover{border-color:var(--muted)}.board-cat h3{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:8px;-webkit-user-select:none;user-select:none}.board-cat h3 .caticon{font-size:18px}.board-cat h3 .catn{color:var(--muted);font-weight:400;font-size:12px}.catstats{display:flex;gap:4px;margin-left:8px}.catstats .dot{font-style:normal;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--zh-soft);color:var(--muted)}.catstats .dot.learning{background:var(--en-soft);color:var(--en)}.catstats .dot.stable{background:var(--ok-soft);color:var(--ok)}.catstats .dot.forgot{background:var(--bad-soft);color:var(--bad)}.catfold{margin-left:auto;font-size:12px;color:var(--muted);font-weight:400}.lvrow{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:start;margin-bottom:10px}.lvlabel{position:sticky;top:44px;font-weight:700;font-size:13px;color:var(--muted);padding:6px 0}.lvlabel small{display:block;font-weight:400;font-size:11px}.wchip.pending{opacity:.55;border-style:dashed;border-left-width:1px}.wchip.pending .en{font-weight:400}.wchip.more{border-style:dashed;color:var(--muted)}.lg.pending i{background:var(--line);border:1px dashed var(--muted)}.lg.new i{background:var(--muted)}.pendingnote{font-size:13px;color:var(--muted);padding:8px 10px;border:1px dashed var(--line);border-radius:10px;margin-bottom:8px}.board-body{scroll-behavior:smooth}@media(max-width:640px){.lvrow{grid-template-columns:40px 1fr}.board-cat h3{font-size:15px}}@media(max-width:560px){.app{padding-left:14px;padding-right:14px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.counts{width:100%;order:9;white-space:normal}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}.brand{font-size:17px}.from{font-size:24px;overflow-wrap:anywhere}.bridge .w{font-size:22px;overflow-wrap:anywhere}.bridge .eq{font-size:18px}.prompt{font-size:17px}.opt{font-size:15px}}@media(max-width:380px){.chip-btn{padding:6px 9px;font-size:12px}.from{font-size:21px}.bridge .w{font-size:20px}}.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.gate-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px 24px;max-width:420px;width:100%;text-align:center}.gate-brand{font-weight:700;font-size:26px;letter-spacing:-.02em;margin-bottom:10px}.gate-lead{font-size:15px;margin:0 0 6px}.gate-h{font-size:19px;margin:6px 0 10px}.gate-note{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 18px}.gate-warn{color:var(--bad);font-size:14px}.gate-actions{display:flex;flex-direction:column;gap:8px}.primary.inline,.ghost.inline{width:auto;display:inline-block;margin:0;padding:9px 16px;text-decoration:none}.manage{max-width:920px;margin:0 auto;padding:20px 16px calc(40px + env(safe-area-inset-bottom))}.manage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.manage-head h1{font-size:20px;margin:0}.manage h2{font-size:15px;color:var(--muted);margin:20px 0 8px}.manage .muted{color:var(--muted);font-size:14px}.manage-sub{color:var(--muted);font-size:13px;margin:2px 0 12px}.manage-tools{display:flex;gap:6px}.utable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}.utable{width:100%;border-collapse:collapse;font-size:13px}.utable th,.utable td{padding:6px 10px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}.utable thead th{position:sticky;top:0;background:var(--card);color:var(--muted);font-weight:600;font-size:12px;z-index:1}.utable tbody tr:last-child td{border-bottom:0}.utable tbody tr.is-pending{background:color-mix(in srgb,var(--accent) 7%,transparent)}.utable .ta-r{text-align:right}.utable .u-name{display:flex;align-items:center;gap:8px;font-weight:500}.utable .u-name img,.utable .u-name .uava{width:24px;height:24px;border-radius:50%;flex:0 0 auto;background:var(--zh-soft);object-fit:cover}.utable .u-email{color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis}.utable .u-time{color:var(--muted);font-variant-numeric:tabular-nums}.st{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.st-pending{color:var(--accent-ink);background:var(--accent)}.st-ok{color:var(--ok);background:var(--ok-soft)}.st-admin{color:var(--muted);border:1px solid var(--line)}.primary.inline.sm,.ghost.inline.sm{padding:4px 12px;font-size:13px}.utable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.utable th.sortable:hover,.utable th.sortable.on{color:var(--ink)}.me-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.me-chip img{width:22px;height:22px;border-radius:50%;flex:0 0 auto;object-fit:cover}.me-chip .me-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:500}.me-chip .me-out{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px;white-space:nowrap}.me-chip .me-out:hover{color:var(--ink)}