:root{--bg: #f5f6f8;--card: #ffffff;--inset: #f1f3f6;--ink: #16181d;--ink-2: #3e434d;--muted: #6b717d;--line: #e4e7ec;--line-2: #cdd2da;--en: #2a5bd7;--en-soft: #e9effc;--ja: #c8432a;--ja-soft: #fbe9e4;--es: #167a68;--es-soft: #e0f3ee;--zh: #5a5f6a;--zh-soft: #eef0f3;--ok: #1b7f47;--ok-soft: #e1f3e8;--bad: #c0392b;--bad-soft: #fbe6e3;--accent: #1f3b8f;--accent-ink: #ffffff;--accent-soft: #e8edfb;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .06);--shadow-lg: 0 8px 32px rgba(16, 24, 40, .14);--r-lg: 16px;--r: 12px;--r-sm: 8px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=sepia]):not([data-theme=forest]){--bg: #121418;--card: #1a1d23;--inset: #22262e;--ink: #eceef2;--ink-2: #c3c7cf;--muted: #8e95a2;--line: #2a2f38;--line-2: #3a404b;--en: #7d9dff;--en-soft: #1d2745;--ja: #ff8f70;--ja-soft: #45231d;--es: #4fd1b3;--es-soft: #15362f;--zh: #b4b8c2;--zh-soft: #262a33;--ok: #4fc47f;--ok-soft: #1a3527;--bad: #ff7a6e;--bad-soft: #42231f;--accent: #8aa4ff;--accent-ink: #0f1424;--accent-soft: #1f2a4a;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);color-scheme:dark}}:root[data-theme=dark]{--bg: #121418;--card: #1a1d23;--inset: #22262e;--ink: #eceef2;--ink-2: #c3c7cf;--muted: #8e95a2;--line: #2a2f38;--line-2: #3a404b;--en: #7d9dff;--en-soft: #1d2745;--ja: #ff8f70;--ja-soft: #45231d;--es: #4fd1b3;--es-soft: #15362f;--zh: #b4b8c2;--zh-soft: #262a33;--ok: #4fc47f;--ok-soft: #1a3527;--bad: #ff7a6e;--bad-soft: #42231f;--accent: #8aa4ff;--accent-ink: #0f1424;--accent-soft: #1f2a4a;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);color-scheme:dark}:root[data-theme=light]{--bg: #f5f6f8;--card: #ffffff;--inset: #f1f3f6;--ink: #16181d;--ink-2: #3e434d;--muted: #6b717d;--line: #e4e7ec;--line-2: #cdd2da;--en: #2a5bd7;--en-soft: #e9effc;--ja: #c8432a;--ja-soft: #fbe9e4;--es: #167a68;--es-soft: #e0f3ee;--zh: #5a5f6a;--zh-soft: #eef0f3;--ok: #1b7f47;--ok-soft: #e1f3e8;--bad: #c0392b;--bad-soft: #fbe6e3;--accent: #1f3b8f;--accent-ink: #ffffff;--accent-soft: #e8edfb;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .06);--shadow-lg: 0 8px 32px rgba(16, 24, 40, .14);color-scheme:light}:root[data-theme=sepia]{--bg: #f3ecdd;--card: #fbf6ea;--inset: #f1e9d7;--ink: #2b241a;--ink-2: #4e4537;--muted: #7d7260;--line: #e3d9c3;--line-2: #cfc3a8;--en: #2457c5;--en-soft: #e6ecf8;--ja: #b8432a;--ja-soft: #f6e3da;--es: #1a7a63;--es-soft: #dfeee4;--zh: #5f5648;--zh-soft: #ece4d2;--ok: #2b7a47;--ok-soft: #dfeee2;--bad: #b53c2e;--bad-soft: #f6dcd6;--accent: #5a3e1b;--accent-ink: #fbf6ea;--accent-soft: #ece1cb;--shadow-sm: 0 1px 2px rgba(60, 40, 10, .06);--shadow: 0 1px 2px rgba(60, 40, 10, .05), 0 6px 20px rgba(60, 40, 10, .07);--shadow-lg: 0 8px 32px rgba(60, 40, 10, .16);color-scheme:light}:root[data-theme=midnight]{--bg: #0c0e13;--card: #141720;--inset: #1b1f2a;--ink: #d9d4c7;--ink-2: #b3ae9f;--muted: #857f70;--line: #21252f;--line-2: #2f3441;--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: #d9c38a;--accent-ink: #15120a;--accent-soft: #2a2516;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 12px 40px rgba(0,0,0,.6);color-scheme:dark}:root[data-theme=forest]{--bg: #f1f4f1;--card: #ffffff;--inset: #eef2ee;--ink: #1b2620;--ink-2: #3f4f46;--muted: #65776c;--line: #dfe6e0;--line-2: #c5d1c8;--en: #2457c5;--en-soft: #e4ebfa;--ja: #c4482a;--ja-soft: #f9e3dc;--es: #1d7f63;--es-soft: #dcefe6;--zh: #4f6356;--zh-soft: #e6ece7;--ok: #257a46;--ok-soft: #dcefe2;--bad: #b83b3b;--bad-soft: #f7dede;--accent: #1f4a35;--accent-ink: #f3f7f3;--accent-soft: #e0ebe3;--shadow-sm: 0 1px 2px rgba(20, 40, 30, .05);--shadow: 0 1px 2px rgba(20, 40, 30, .04), 0 6px 20px rgba(20, 40, 30, .06);--shadow-lg: 0 8px 32px rgba(20, 40, 30, .14);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;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}: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;border-radius:var(--r-sm)}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}b,strong{font-weight:600}::selection{background:var(--accent-soft)}kbd{font:500 11px/1 Inter,system-ui,sans-serif;color:var(--ink-2);background:var(--card);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;padding:2px 5px}.app{max-width:600px;margin:0 auto;padding:0 20px calc(88px + env(safe-area-inset-bottom))}.top{position:sticky;top:0;z-index:5;margin:0 -20px 14px;padding:10px 20px 0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.top-row+.top-row{margin-top:8px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.02em;font-size:17px;white-space:nowrap}.brand span{color:var(--muted);font-weight:500;font-size:12.5px;margin-left:2px;letter-spacing:0}.brand .day{background:var(--inset);border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums}.logo{width:22px;height:22px;border-radius:7px;background:var(--accent);color:var(--accent-ink);display:inline-grid;place-items:center;flex:none}.logo svg{width:14px;height:14px}.top-actions{display:flex;gap:4px}.top-right{display:flex;align-items:center;gap:8px;margin-left:auto}.chip-btn{font-size:13px;font-weight:500;padding:6px 11px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink-2);transition:border-color .12s,background .12s,color .12s}.chip-btn:hover{border-color:var(--line-2);color:var(--ink)}.board-btn{font-weight:500}.board-btn svg{width:14px;height:14px;vertical-align:-2px;margin-right:5px;color:var(--muted)}.counts{font-size:13px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.counts b{color:var(--ink);font-weight:600}.top-progress{display:flex;align-items:center;gap:12px;padding:8px 0 10px}.top-progress .bar{flex:1;margin:0}.bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.kbd-hint{display:none;justify-content:center;gap:14px;color:var(--muted);font-size:12px;padding:18px 0 4px}.kbd-hint span{display:inline-flex;align-items:center;gap:5px}.me-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);padding:3px 3px 3px 4px;border-radius:999px;border:1px solid var(--line);background:var(--card)}.me-chip img{width:22px;height:22px;border-radius:50%;flex:0 0 auto;object-fit:cover}.me-chip .me-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:500;padding-left:3px}.me-chip .me-out{font-size:12px;color:var(--muted);border-radius:999px;padding:3px 9px;white-space:nowrap;background:var(--inset)}.me-chip .me-out:hover{color:var(--ink);background:var(--zh-soft)}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:12;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.bottom-nav{justify-content:center}.bottom-nav button{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 4px;font-size:10.5px;font-weight:500;color:var(--muted);border-radius:10px}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.on{color:var(--accent)}.bottom-nav button:active{background:var(--inset)}.cols{display:block}.feed{display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px;border:1px solid var(--line)}.card.active{box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12.5px;color:var(--muted);min-height:24px}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:6px;background:var(--zh-soft);color:var(--zh);line-height:1.3}.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)}.tag.new{background:var(--ok-soft);color:var(--ok);margin-right:6px}.done-list{display:flex;flex-wrap:wrap;gap:6px}.done-row{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:3px 10px 3px 5px;border-radius:999px;background:var(--card);color:var(--muted);font-size:12px;line-height:1.4;border:1px solid var(--line)}.done-row.correct{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.done-row.wrong{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.done-row .lbl b{font-weight:600;color:var(--ink-2);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:14px 0 4px}.upcoming-list{display:flex;flex-wrap:wrap;gap:5px;align-items:center;justify-content:center;color:var(--muted);font-size:12.5px;padding:12px 0 4px}.upcoming-list>span:first-child{margin-right:4px}.upcoming-list .tag{font-weight:500;background:transparent;border:1px solid var(--line);color:var(--muted)}.upcoming-list .tag.en{border-color:color-mix(in srgb,var(--en) 30%,var(--line));color:var(--en)}.upcoming-list .tag.ja{border-color:color-mix(in srgb,var(--ja) 30%,var(--line));color:var(--ja)}.primary{width:100%;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:15px;margin-top:14px;transition:filter .12s,transform .06s}.primary:not(:disabled):hover{filter:brightness(1.08)}.primary:not(:disabled):active{transform:translateY(1px)}.primary:disabled{opacity:.4}.ghost{width:100%;min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);color:var(--ink-2);font-weight:500;margin-top:8px;transition:border-color .12s,background .12s,color .12s}.ghost:not(:disabled):hover{border-color:var(--muted);color:var(--ink);background:var(--inset)}.ghost:disabled{opacity:.4}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.row2 .primary,.row2 .ghost{margin-top:0}.tri{display:grid;gap:6px;margin-top:2px}.tri .l{display:grid;grid-template-columns:30px 1fr;align-items:baseline;gap:10px}.tri .k{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tri .k.en{color:var(--en)}.tri .k.ja{color:var(--ja)}.tri .k.es{color:var(--es)}.tri .k.zh{color:var(--muted)}.tri .v{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.35}.tri .v small{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:1px;letter-spacing:0}.note{margin-top:12px;font-size:14px;color:var(--ink-2);padding:10px 14px;border-radius:var(--r-sm);background:var(--inset);border-left:3px solid var(--line-2);line-height:1.6}.bridge{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 6px;flex-wrap:wrap}.bridge .w{font-size:28px;font-weight:600;letter-spacing:-.01em}.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;font-weight:300}.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;color:var(--ink)}.prompt .blank{display:inline-block;min-width:3.5em;border-bottom:2px solid var(--line-2);margin:0 2px}.prompt .blank b{color:var(--ok);font-weight:600}.hint{color:var(--muted);font-size:13.5px;line-height:1.55}.options{display:grid;gap:8px;margin-top:14px}.opt{text-align:left;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);font-size:16px;display:flex;justify-content:space-between;align-items:center;transition:transform .08s ease,border-color .12s,background .12s}.opt>span:first-child{display:inline-flex;align-items:center;gap:10px}.opt .idx{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-size:11px;color:var(--muted);font-weight:600;background:var(--inset);flex:none;margin:0}.opt:not(:disabled):hover{border-color:var(--line-2);background:var(--inset)}.opt:not(:disabled):active{transform:scale(.99)}.opt.ok{border-color:var(--ok);background:var(--ok-soft)}.opt.ok .idx{background:var(--ok);color:#fff}.opt.bad{border-color:var(--bad);background:var(--bad-soft)}.opt.bad .idx{background:var(--bad);color:#fff}.result{margin-top:12px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.6;border:1px solid transparent}.result.ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.result.bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 25%,transparent)}.result b{display:block;margin-bottom:2px}.result b .spk{margin-left:6px}.from{font-size:30px;font-weight:600;text-align:center;margin:14px 0 4px;letter-spacing:-.01em}.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;letter-spacing:0}.rule{background:var(--inset);border-radius:10px;padding:12px 14px;font-size:14px;margin:6px 0 12px;line-height:1.6}.rule b{display:block;font-size:16px;margin-bottom:2px}.slots{min-height:54px;display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1.5px dashed var(--line-2);border-radius:10px;background:var(--inset)}.slots:empty:after{content:"依序點選下面的片語";color:var(--muted);font-size:13px;padding:6px 4px}.chunk{padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-size:15px;transition:border-color .12s}.chunk:not(:disabled):hover{border-color:var(--line-2)}.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:10px;gap:10px}.story-head h3{margin:0;font-size:15.5px;font-weight:600;letter-spacing:-.01em}.story-head h3 span{color:var(--muted);font-weight:400;font-size:13px;margin-left:6px}.tabs{display:inline-flex;background:var(--inset);border-radius:9px;padding:3px;gap:2px;margin:2px 0 12px}.tabs button{padding:5px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--muted);transition:color .12s,background .12s}.tabs button:hover{color:var(--ink)}.tabs button.on{background:var(--card);color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}.text{font-size:18px;line-height:1.85}.text.en,.text.zh,.text.ja{font-size:17px}.text+.text{margin-top:8px;padding-top:8px;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(--line-2);border-radius:2px;font:inherit;line-height:inherit;transition:background .12s}.tok.en{border-color:color-mix(in srgb,var(--en) 55%,transparent)}.tok.ja{border-color:color-mix(in srgb,var(--ja) 55%,transparent)}.tok.es{border-color:color-mix(in srgb,var(--es) 55%,transparent)}.tok.zh{border-color:var(--line-2)}.tok.looked{background:var(--ja-soft);border-bottom-style:solid}.tok:hover{background:var(--inset)}.pop{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--inset);border:1px solid var(--line);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(--accent);font-weight:500}.pop .more:hover{text-decoration:underline}.story-foot{font-size:12.5px;color:var(--muted);margin-top:10px}.finish{text-align:center;padding:32px 22px}.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:20px 0 8px}.stat{background:var(--inset);border-radius:10px;padding:12px 8px}.stat b{display:block;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat span{font-size:12px;color:var(--muted)}.finish-login{font-size:13px;color:var(--muted);margin:-4px 0 10px}.finish-login .linkish{color:var(--accent);font-weight:600;text-decoration:underline;padding:0 2px;background:none;border:0;cursor:pointer;font:inherit}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1273;z-index:20;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{background:var(--bg);width:100%;max-width:600px;max-height:88vh;overflow:auto;border-radius:18px 18px 0 0;padding:12px 18px calc(24px + env(safe-area-inset-bottom));animation:up .22s ease;box-shadow:var(--shadow-lg)}.sheet:before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--line-2);margin:0 auto 10px}@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:10px}.sheet-head h2{margin:0;font-size:17px;letter-spacing:-.01em}.x{width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--line);font-size:16px;color:var(--muted);display:grid;place-items:center}.x:hover{color:var(--ink);border-color:var(--line-2)}.x.sm{width:24px;height:24px;font-size:13px}.sec{margin-top:18px}.sec h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.ex{padding:10px 12px;background:var(--inset);border-radius:10px;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{display:inline-flex;align-items:baseline;gap:6px;line-height:1.9;padding:4px 10px;border-radius:8px;background:var(--card);border:1px solid var(--line);font-size:14px;transition:border-color .12s}.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-2);align-self:center}.ref.unknown{opacity:1;border-style:dashed}.ref:hover{border-color:var(--line-2);background:var(--inset)}.legend{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}.loading{text-align:center;color:var(--muted);padding:60px 0}.err{color:var(--bad);font-size:13px;margin-top:8px}.tracks{display:grid;gap:6px}.track{display:grid;grid-template-columns:64px 1fr 44px;align-items:center;gap:10px;font-size:13px}.track .nm{color:var(--muted);font-weight:500}.track .bar{margin:0;height:6px;border-radius:3px}.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:40px 1fr 72px;gap:10px;align-items:center;font-size:13px;margin-bottom:8px}.lv>span:first-child{font-weight:600;color:var(--ink-2)}.lv .bar{margin:0;height:8px;border-radius:4px;position:relative}.lv .bar>i{background:color-mix(in srgb,var(--ja) 45%,var(--line))}.lv .bar>i.en{background:color-mix(in srgb,var(--en) 45%,var(--line))}.lv .bar>i.es{background:color-mix(in srgb,var(--es) 45%,var(--line))}.lv .bar>b{position:absolute;left:0;top:0;height:100%;background:var(--ok);border-radius:4px}.lv .n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.clist{display:grid;gap:2px}.citem{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:7px 10px;background:var(--card);border-radius:8px;text-align:left;transition:background .12s}.citem:hover{background:var(--inset)}.citem.sel{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.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;font-size:14.5px}.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 .w .ja{color:var(--ja);margin:0}.citem .w .zh{color:var(--muted);font-size:12.5px;margin:0}.citem .w .es{color:var(--es)}.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.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)}.citem.ep{cursor:default}.citem.ep.locked{opacity:.55}.mini{display:flex;gap:3px}.mini i{width:12px;height:16px;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}.st{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;background:var(--zh-soft);color:var(--muted);align-self:center;line-height:1.4}.st.learning,.st.current{background:var(--en-soft);color:var(--en)}.st.stable,.st.done{background:var(--ok-soft);color:var(--ok)}.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:2px;align-items:center;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow)}.devbar button{font-size:12px;padding:5px 10px;border-radius:999px;color:var(--ink-2);font-variant-numeric:tabular-nums}.devbar button:hover{background:var(--inset);color:var(--ink)}.devbar .lab{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 8px 0 10px}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:6px;color:var(--muted);line-height:1;transition:background .12s,color .12s}.spk:hover{background:var(--inset);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}.promptwrap{display:grid;grid-template-columns:auto 1fr;gap:6px;align-items:start}.promptwrap>.spk{margin-top:6px}.exlist{margin-top:12px;display:grid;gap:6px}.exl{display:flex;align-items:flex-start;gap:2px;font-size:16.5px;line-height:1.7}.exl.zh{color:var(--muted);font-size:14px;padding-left:28px}.exl .es{color:var(--es)}.rels{margin-top:12px;display:grid;gap:6px}.relrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.relname{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.06em;width:32px;text-transform:uppercase}.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}.app.with-side{max-width:1200px}.app.with-side .cols{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start}.app.with-side .top{max-width:none}.side{position:sticky;top:98px;max-height:calc(100vh - 174px);display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}.side-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 6px;background:var(--card)}.side-tabs button{flex:1;padding:11px 4px 9px;font-size:13px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;transition:color .12s}.side-tabs button:hover{color:var(--ink)}.side-tabs button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.side-body{overflow:auto;padding:10px 14px 16px;overscroll-behavior:contain}.side-body .card{padding:6px 0 0;background:none;border:0;box-shadow:none;border-radius:0}.side-body .sec:first-child{margin-top:4px}.side-body .citem,.sheet .citem{background:transparent}.side-body .citem:hover,.sheet .citem:hover{background:var(--inset)}.side-body .citem.sel{background:var(--accent-soft)}.side-body .search,.sheet .search{background:var(--inset)}.side-body .tiles,.sheet .tiles{grid-template-columns:repeat(3,1fr)}.side-body .tile,.sheet .tile{background:var(--inset)}.side-body .toggle{background:transparent}.side-body .acct,.side-body .gblock,.sheet .gblock,.side-body .noteitem,.sheet .noteitem{background:var(--inset)}.back{font-size:13px;color:var(--muted);padding:4px 0 8px;font-weight:500}.back:hover{color:var(--ink)}.side-sum{font-size:13px;color:var(--muted);padding:4px 2px 10px;font-variant-numeric:tabular-nums}.side-sum b{color:var(--ink)}.loginhint{font-size:12.5px;color:var(--muted);padding:8px 10px;margin-bottom:8px;border:1px dashed var(--line-2);border-radius:8px}.loginhint button{color:var(--accent);font-weight:600;margin-left:4px;text-decoration:underline}.toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;background:transparent;border-radius:0;text-align:left;border-bottom:1px solid var(--line)}.sec .toggle:last-of-type{border-bottom:0}.tg-text b{display:block;font-weight:500;font-size:14px;color:var(--ink)}.tg-text small{color:var(--muted);font-size:12px;line-height:1.45;display:block;margin-top:1px}.sw{flex:none;width:38px;height:22px;border-radius:11px;background:var(--line-2);position:relative;transition:background .15s}.sw i{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #00000040}.sw.on{background:var(--accent)}.sw.on i{transform:translate(16px)}.seg{display:flex;align-items:center;gap:6px;padding:10px 4px;font-size:14px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.sec .seg:last-child{border-bottom:0}.seg>span{margin-right:auto;color:var(--ink);font-weight:500}.seg button{padding:5px 10px;border-radius:7px;border:1px solid var(--line);font-size:12.5px;color:var(--ink-2);background:var(--card);transition:border-color .12s,background .12s}.seg button:hover{border-color:var(--line-2)}.seg button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.seg input[type=range]{width:140px;accent-color:var(--accent)}.swatch{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:1px solid rgba(0,0,0,.15)}.swatch.auto{background:linear-gradient(90deg,#f5f6f8 50%,#121418 50%)}.swatch.light{background:#f5f6f8}.swatch.dark{background:#121418}.swatch.sepia{background:#f3ecdd}.swatch.midnight{background:#0c0e13}.swatch.forest{background:#2f6b47}.seg button.on .swatch{border-color:var(--accent-ink)}.app[data-density=compact]{--r-lg: 12px}.app[data-density=compact] .card{padding:14px 16px}.app[data-density=compact] .feed{gap:8px}.app[data-density=compact] .done-row{padding:1px 8px 1px 4px;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] .options{gap:6px}.app[data-density=compact] .primary,.app[data-density=compact] .ghost{min-height:40px;padding:8px 14px;margin-top:10px}.app[data-density=compact] .exl{font-size:14px;line-height:1.6}.app[data-density=compact] .strip{padding:10px 14px}.app[data-density=compact] .tile b{font-size:18px}.gblock{background:var(--card);border-radius:10px;padding:12px 14px;margin-bottom:8px;border:1px solid var(--line)}.gtitle{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:4px}.cp{margin-top:10px;padding-top:10px;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:10px}.gblock .ex{background:var(--inset)}.search{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:14px;margin:8px 0;transition:border-color .12s,box-shadow .12s}.search::placeholder{color:var(--muted)}.search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.filters button{padding:4px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--ink-2);background:var(--card);transition:border-color .12s,background .12s}.filters button:hover{border-color:var(--line-2)}.filters button.on{background:var(--accent);color:var(--accent-ink);border-color:transparent}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(68px + env(safe-area-inset-bottom));z-index:30;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;max-width:min(92vw,520px);box-shadow:var(--shadow-lg);animation:up .2s ease}.strip{background:var(--card);border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:14px 18px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tiles.four{grid-template-columns:repeat(4,1fr)}.tile{background:var(--inset);border-radius:10px;padding:9px 8px 8px;text-align:center}.tile b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}.tile b small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.tile span{font-size:11px;color:var(--muted)}.tile.ok b{color:var(--ok)}.tile.bad b{color:var(--bad)}.tile[data-tip]{outline:none}.strip .tiles{gap:0;background:var(--inset);border-radius:10px;overflow:hidden}.strip .tile{background:transparent;border-radius:0}.strip .tile+.tile{border-left:1px solid var(--line)}.kinds{display:grid;gap:4px;margin-top:12px}.kind{display:grid;grid-template-columns:56px 1fr 44px;align-items:center;gap:10px;font-size:12.5px}.kind .kn{color:var(--ink-2);font-weight:500}.kind .bar{margin:0;height:5px}.kind .kc{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.duerow{margin-top:12px;font-size:14px;color:var(--muted)}.duerow 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:6px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}[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(--ink);color:var(--bg);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;text-transform:none}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition-delay:.35s,.35s,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)}.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:880px}.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}}@media(min-width:1280px){.app.with-side{max-width:1320px}.app.with-side .cols{grid-template-columns:minmax(0,1fr) 480px}.citem .w>span{white-space:normal;overflow:visible;text-overflow:clip}.citem .w{line-height:1.5}.kbd-hint{display:flex}}.acct{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.acct img{width:36px;height:36px;border-radius:50%}.acct b{display:block}.acct small{color:var(--muted);font-size:12px}.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;background:#fff;color:#1f1f1f;border:1px solid var(--line-2);margin-top:0}.gbtn:hover{background:#f5f5f5;filter:none}.authform{display:grid;gap:6px;margin-top:8px}.authform input{padding:9px 11px;border-radius:9px;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:12px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:var(--accent-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(--accent);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;min-height:0;margin-top:0;padding:6px 12px;font-size:13px;border-radius:8px;text-decoration:none;display:inline-block}.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);background:var(--card);transition:border-color .12s,color .12s}.notebtn.sm{padding:2px 8px;font-size:11px}.notebtn:hover{color:var(--ink);border-color:var(--line-2)}.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:9px;border:1px solid var(--line);background:var(--card);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:1px solid var(--line);border-radius:10px;padding:10px 12px}.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:6px;border:1px dashed transparent}.noteitem .notetext:hover{border-color:var(--line-2)}.noteitem .noteedit{grid-column:1 / -1}.listen{margin:4px 0 10px}.listen .primary{margin-top:0}.sheet.onboard{max-width:520px;border-radius:18px;margin:auto;align-self:center;padding-top:20px}.sheet.onboard:before{display:none}.sheet.onboard h2{margin:0 0 4px;font-size:20px;letter-spacing:-.02em}.pick{display:grid;grid-template-columns:auto auto 1fr;gap:6px 10px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);margin-bottom:6px;cursor:pointer;transition:border-color .12s}.pick:hover{border-color:var(--line-2)}.pick.on{border-color:var(--accent);background:var(--accent-soft)}.pick input{accent-color:var(--accent)}.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;background:var(--card)}.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);background:var(--card)}.lg i{width:9px;height:9px;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);background:var(--card)}.board-filters .search{width:320px;margin:0}.board-filters .filters{margin:0}.board-body{overflow:auto;padding:12px 20px 40px;scroll-behavior:smooth}.board-cat{margin-bottom:18px}.board-cat h3{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px;margin:0 0 8px;padding:8px 0;border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--bg);z-index:1}.board-cat h3 .caticon{font-size:18px}.board-cat h3 .catn{color:var(--muted);font-weight:400;font-size:12px}.board-cat h3 span{color:inherit}.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}.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(--line-2)}.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}.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:8px;border:1px solid var(--line);background:var(--card);font-size:13px;line-height:1.5;border-left-width:3px}.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(--line-2)}.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-2);border-radius:8px;margin-bottom:8px}@media(max-width:640px){.board-top,.board-filters,.board-body{padding-left:12px;padding-right:12px}.board-filters .search{width:100%}.lvrow{grid-template-columns:40px 1fr}.board-cat h3{font-size:15px}}.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:32px 28px;max-width:420px;width:100%;text-align:center}.gate-brand{font-weight:700;font-size:26px;letter-spacing:-.02em;margin-bottom:12px;display:inline-flex;align-items:center;gap:10px}.gate-brand .logo{width:30px;height:30px;border-radius:9px}.gate-brand .logo svg{width:18px;height:18px}.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;min-height:0;display:inline-block;margin:0;padding:9px 16px;text-decoration:none}.primary.inline.sm,.ghost.inline.sm{padding:4px 12px;font-size:13px}.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;letter-spacing:-.02em}.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;background:var(--card)}.utable{width:100%;border-collapse:collapse;font-size:13px}.utable th,.utable td{padding:8px 12px;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) 6%,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-pending{color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:2px 8px}.st-ok{color:var(--ok);background:var(--ok-soft);border-radius:999px;padding:2px 8px}.st-admin{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.utable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.utable th.sortable:hover,.utable th.sortable.on{color:var(--ink)}@media(max-width:979px){.bottom-nav{display:flex}.app{padding-bottom:calc(118px + env(safe-area-inset-bottom))}.devbar{bottom:calc(58px + env(safe-area-inset-bottom))}.toast{bottom:calc(122px + env(safe-area-inset-bottom))}.sheet{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media(max-width:560px){.app{padding-left:16px;padding-right:16px}.top{margin:0 -16px 12px;padding:8px 16px 0}.top-actions{flex-wrap:wrap;justify-content:flex-end}.counts{font-size:12px}.me-chip .me-name{display:none}.me-chip{padding:2px;border:0;background:none}.me-chip .me-out,.board-btn span{display:none}.board-btn{padding:6px 8px}.board-btn svg{margin:0}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}.brand{font-size:16px}.card{padding:16px}.from{font-size:24px;overflow-wrap:anywhere}.bridge .w{font-size:23px;overflow-wrap:anywhere}.bridge .eq{font-size:18px}.prompt{font-size:17px}.opt{font-size:15px}.tri .v{font-size:20px}.strip{padding:12px 14px}.tile b{font-size:18px}.devbar .lab{display:none}}@media(max-width:380px){.chip-btn{padding:6px 9px;font-size:12px}.from{font-size:21px}.bridge .w{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important}}.brand .lvl-pill{cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-left:0;color:var(--ink-2);font-weight:600;transition:border-color .12s,background .12s}.brand .lvl-pill small{font-size:10.5px;font-weight:500;color:var(--muted)}.brand .lvl-pill:hover{border-color:var(--line-2);background:var(--card)}.icon-btn{width:32px;height:32px;border-radius:999px;display:inline-grid;place-items:center;color:var(--ink-2);border:1px solid var(--line);background:var(--card);transition:border-color .12s,background .12s,color .12s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{border-color:var(--line-2);color:var(--ink)}.icon-btn.on{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.side-title{display:flex;align-items:center;justify-content:space-between;padding:4px 0 2px}.side-title h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em}.citem .w .ja ruby rt{font-size:.5em}@media(max-width:560px){.brand .lvl-pill small{display:none}}