:root{--paper:#f2f0ea;--panel:#f7f6f2;--sheet:#fff;--cream:#faf4e3;--ink:#11181f;--body:#39424e;--muted:#6b7380;--faint:#b3b8bf;--line:#d8d5cd;--line2:#ebe8e1;--blue:#0b3d91;--blue-dark:#082c6b;--blue-l:#e8eefa;--onblue:#fff;--green:#1a7548;--green-l:#e5f3ea;--red:#b42318;--red-l:#fdecea;--amber:#e3a500;--amber-l:#fff5cc;--amber-ink:#8a6200;--on-amber:#2b2000;--hl:#ffe79b;--tr-ink:#05090d;--tr-ahead:#7c838f;--glow:#1a754838;--shadow:0 1px 2px #10161d0f, 0 10px 30px -18px #10161d59;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--read:16px;--ease:cubic-bezier(.2, .7, .2, 1);--fast:.18s;--slow:.32s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--paper:#141618;--panel:#1b1d20;--sheet:#202327;--cream:#25262a;--ink:#d7d5d0;--body:#b2b3b6;--muted:#8e9197;--faint:#5a5e65;--line:#363a41;--line2:#2b2f35;--blue:#94acd3;--blue-dark:#aabedd;--blue-l:#232a37;--onblue:#0f1218;--green:#74b08f;--green-l:#1c2a23;--red:#d58d87;--red-l:#2f2020;--amber:#d4b25f;--amber-l:#352e16;--amber-ink:#d4b25f;--on-amber:#2a2000;--hl:#4b4426;--tr-ink:#e4e2dd;--tr-ahead:#7e828a;--glow:#74b08f40;--shadow:0 1px 2px #00000059, 0 10px 30px -18px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14.5px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.005em;margin:0;font-weight:600}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.grow{flex:1}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes glow{0%{box-shadow:0 0 0 0 var(--glow)}35%{box-shadow:0 0 0 8px var(--glow)}to{box-shadow:0 0 0 0 var(--glow)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes mark-in{0%{background-size:0% 100%}to{background-size:100% 100%}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}.btn{background:var(--blue);height:38px;color:var(--onblue);border:1px solid var(--blue);white-space:nowrap;transition:background var(--fast), border-color var(--fast), color var(--fast), opacity var(--slow), transform var(--fast);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--sheet);color:var(--body);border-color:var(--line)}.btn.ghost:hover{color:var(--ink);background:var(--panel)}.btn.fix,.btn.rev,.btn.train,.btn.memo{background:0 0;border-width:2px}.btn.memo{color:var(--green);border-color:var(--green)}.btn.memo:hover{background:var(--green-l);color:var(--green);border-color:var(--green)}.btn.fix{color:var(--red);border-color:var(--red)}.btn.rev{color:var(--amber-ink);border-color:var(--amber-ink)}.btn.train{color:var(--blue);border-color:var(--blue)}.btn.fix:hover{background:var(--red-l);color:var(--red);border-color:var(--red)}.btn.rev:hover{background:var(--amber-l);color:var(--amber-ink);border-color:var(--amber-ink)}.btn.train:hover{background:var(--blue-l);color:var(--blue);border-color:var(--blue)}.btn.off{opacity:.35;pointer-events:none}.btn.w{width:92px;font-family:var(--mono);font-variant-numeric:tabular-nums;padding:0}.btn.sm{height:30px;padding:0 12px;font-size:12.5px}.pill{border:1px solid var(--line);height:24px;color:var(--muted);white-space:nowrap;background:var(--sheet);transition:background var(--fast), color var(--fast), border-color var(--fast);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pill.blue{background:var(--blue-l);color:var(--blue);border-color:#0000}.pill.amber{background:var(--amber-l);color:var(--amber-ink);border-color:#0000}.pill.ok{background:var(--green-l);color:var(--green);border-color:#0000}.pill.bad{background:var(--red-l);color:var(--red);border-color:#0000}.seg{border:1px solid var(--line);background:var(--sheet);border-radius:4px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);border-right:1px solid var(--line);transition:background var(--fast), color var(--fast);justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.seg button:last-child{border-right:0}.seg button.on{background:var(--blue);color:var(--onblue)}.seg.sm button{min-height:22px;padding:2px 8px;font-size:11px}.seg button svg{display:block}.shell.train .hdr .pill{cursor:pointer;margin-right:4px}.switch{background:var(--line);width:34px;height:20px;transition:background var(--fast);border-radius:10px;flex:none;position:relative}.switch:after{content:"";background:var(--sheet);width:16px;height:16px;transition:left var(--fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch.on{background:var(--blue)}.switch.on:after{left:16px}.home{gap:18px;max-width:none;margin:0;padding:24px 24px 80px;display:grid}.home>*{min-width:0}.topbar{align-items:center;gap:12px;height:56px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--blue);color:var(--onblue);font-family:var(--serif);letter-spacing:.06em;padding:5px 8px 4px;font-size:13px;font-weight:700;line-height:1}.brand b{font-size:15px}.login{background:var(--sheet);border:1px solid var(--line);max-width:380px;animation:rise .35s var(--ease);border-radius:4px;gap:12px;margin:12vh auto 0;padding:26px 28px;display:grid}.login input{border:1px solid var(--line);height:40px;font:inherit;background:var(--sheet);color:var(--ink);border-radius:4px;padding:0 12px}.login .bad-text{color:var(--red);font-size:13px}.search{position:relative}.search-box{background:var(--sheet);border:1px solid var(--line);height:44px;color:var(--muted);transition:border-color var(--fast);border-radius:4px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box:focus-within{border-color:var(--blue)}.search-box input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0}.search-box .count{font-size:12px;font-family:var(--mono)}.search-hits{background:var(--sheet);border:1px solid var(--line);max-height:46vh;animation:fade var(--fast);border-top:0;border-radius:0 0 4px 4px;margin:0;padding:6px 0 0;list-style:none;overflow:auto}.search.open .search-box{border-radius:4px 4px 0 0}.hit{border-top:1px solid var(--line2);transition:background var(--fast);align-items:flex-start;gap:12px;padding:9px 14px;display:flex}.hit:hover{background:var(--panel)}.hit .q{background:var(--line2);width:30px;height:30px;color:var(--muted);font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.hit .q.ok{background:var(--green-l);color:var(--green)}.hit .q.bad{background:var(--red-l);color:var(--red)}.hit .q.fix{background:var(--amber-l);color:var(--amber-ink)}.hit-head{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.hit-head b{color:var(--ink)}.hit-snip{color:var(--body);font-size:13.5px;font-family:var(--serif);margin-top:2px}.hit-snip mark{background:var(--hl);color:inherit}.search-empty{color:var(--muted);padding:12px 14px}.today{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.trow{background:var(--sheet);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:4px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;display:grid}.trow .nm{white-space:nowrap;font-weight:700}.trow .nm i{font-style:normal;font-family:var(--serif);color:var(--blue);margin-left:6px;font-size:17px}.trow .n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.trow .n span{color:var(--muted);font-size:13px}.pbar{background:var(--line2);border-radius:3px;height:6px;display:flex;overflow:hidden}.pbar i{height:100%;transition:width .5s var(--ease);display:block}.pbar .g{background:var(--green)}.pbar .a{background:var(--amber)}.pbar .r{background:var(--red)}.nums{font-family:var(--mono);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:4px;font-size:12px;display:flex}.nums span:first-child{color:var(--ink)}.nums span:nth-child(2){color:var(--muted)}.strip{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.dc{background:var(--sheet);border:1px solid var(--line);min-width:0;color:var(--body);transition:border-color var(--fast), transform var(--fast);border-radius:4px;padding:8px 10px;font-size:11px;display:block;overflow:hidden}.dc:hover{border-color:var(--blue);transform:translateY(-1px)}.dc.done{border-color:var(--green)}.dc.missed{border-color:var(--red)}.dc .d{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.dc .d b{font-family:var(--serif);color:var(--ink);white-space:nowrap;font-size:15px}.dc.done .d b{color:var(--green)}.dc .d b small{font-family:var(--sans);color:var(--muted);margin-left:3px;font-size:10px;font-weight:400}.dc .lv{color:var(--blue);font-size:11.5px;font-weight:700}.dc .ln{font-family:var(--mono);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.dc .mb{background:var(--line2);border-radius:2px;height:3px;margin-top:2px;display:flex;overflow:hidden}.dc .mb i{height:100%;transition:width .5s var(--ease);display:block}.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.lt-head{font-family:var(--serif);margin-bottom:8px;font-size:18px;font-weight:600}.lt{border-collapse:collapse;background:var(--sheet);border:1px solid var(--line);border-radius:4px;width:100%;overflow:hidden}.lt th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--panel);border-bottom:1px solid var(--line2);padding:8px 12px;font-size:10.5px;font-weight:700}.lt td{border-bottom:1px solid var(--line2);vertical-align:middle;transition:background var(--fast);padding:18px 6px}.lt td:first-child,.lt th:first-child{padding-left:14px}.lt tr:last-child td{border-bottom:0}.lt tbody tr:hover td{background:var(--panel)}.lt .no{font-family:var(--serif);color:var(--blue);width:40px;font-size:22px;font-weight:600}.lt .w{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--body);white-space:nowrap;font-size:12.5px}.lt .tot{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;white-space:nowrap;font-size:12.5px}.lt .ac{text-align:right;white-space:nowrap;width:1%;padding-right:12px}.lt .ac .btn.w{width:auto;min-width:72px;padding:0 10px;font-size:13px}.lt .ac .btn{margin-left:4px}.lt .prog{width:34%;min-width:170px}.menu{display:inline-block;position:relative}.menu-list{background:var(--sheet);border:1px solid var(--line);box-shadow:var(--shadow);z-index:20;min-width:170px;animation:rise var(--fast) var(--ease);border-radius:4px;margin-top:4px;padding:4px;display:grid;position:absolute;top:100%;right:0}.menu-list a{text-align:left;transition:background var(--fast);border-radius:3px;justify-content:space-between;gap:12px;padding:7px 10px;font-size:13px;display:flex}.menu-list a:hover{background:var(--panel)}.menu-list a span{font-family:var(--mono);color:var(--muted)}.easy{grid-template-columns:1fr 1fr;gap:18px;display:grid}.shell{--side:380px;grid-template-rows:54px minmax(0,1fr);height:100vh;display:grid}.hdr{background:var(--sheet);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:14px;padding:0 18px 0 10px;display:flex;position:sticky;top:0}.shell{overflow:hidden}.hdr .back{width:36px;height:36px;color:var(--muted);transition:background var(--fast), color var(--fast);border-radius:50%;flex:none;place-items:center;display:grid}.hdr .back:hover{background:var(--line2);color:var(--ink)}.hdr .title{font-weight:700}.hdr .title .pill{margin-left:8px}.hdr .prog{flex:1;align-items:center;gap:10px;max-width:360px;display:flex}.hdr .prog .bar{background:var(--line2);border-radius:2px;flex:1;height:4px;overflow:hidden}.hdr .prog .bar i{background:var(--blue);height:100%;transition:width .5s var(--ease);display:block}.hdr .prog .n{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:12.5px}.body{grid-template-columns:64px minmax(0, 1fr) 14px var(--side);grid-template-rows:minmax(0,1fr);gap:0 4px;min-height:0;padding:16px 18px 16px 8px;display:grid;position:relative}.rail{flex-direction:column;grid-area:1/1;align-items:center;gap:8px;min-height:0;margin-top:-70px;margin-bottom:-16px;padding:70px 0 16px;display:flex;position:relative;overflow:hidden auto}.rail .q{width:40px;height:40px;font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--line);color:var(--body);transition:background var(--slow), color var(--slow), box-shadow .25s var(--ease), transform .25s var(--ease), opacity var(--slow);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.rail .q:hover{transform:scale(1.08)}.rail .q.ok{background:var(--green);color:#fff}.rail .q.bad{background:var(--red);color:#fff}.rail .q.fix{background:var(--amber);color:var(--on-amber)}.rail .q.out{opacity:.55}.rail .q.cur{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--blue);transform:scale(1.06)}.col-main{grid-area:1/2}.handle{cursor:col-resize;touch-action:none;grid-area:1/3;position:relative}.handle:after{content:"";background:var(--line2);width:4px;transition:background var(--fast);border-radius:2px;position:absolute;top:0;bottom:0;left:5px}.handle:hover:after,.handle.on:after{background:var(--blue)}.side{grid-area:1/4}.col-main{grid-template-rows:minmax(0,1fr) auto auto auto;gap:12px;min-height:0;display:grid}.col-main.listening{grid-template-rows:auto auto minmax(0,1fr)}.col-main.listening .actions{align-self:end}@keyframes settle{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}.sheet-body,.stem,.opt .k,.opt .txt,.side-body{animation:settle .26s var(--ease) both}.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:4px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.col-main.reading .sheet{background:var(--cream)}.sheet-head{border-bottom:1px solid var(--line2);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;padding:10px 16px;font-size:10.5px;font-weight:700;display:flex}.sheet-body{min-height:0;overflow:auto}.passage-wrap{height:100%;min-height:0;transition:grid-template-columns var(--slow) var(--ease);grid-template-columns:minmax(0,1fr) minmax(0,0fr);display:grid}.passage-wrap.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.passage{font-family:var(--serif);font-size:var(--read);color:var(--ink);min-width:0;padding:16px 20px;line-height:1.6;overflow:auto}.passage.en{border-left:1px solid var(--line2);color:var(--body);opacity:0;transition:padding var(--slow) var(--ease), opacity var(--slow);padding-left:0;padding-right:0;overflow:hidden}.passage-wrap.split .passage.en{opacity:1;padding-left:20px;padding-right:20px;overflow:auto}.passage .line{margin-top:.45em;display:block}.passage .line:first-child{margin-top:0}.passage mark,.side-body mark{background-color:#0000;background-image:linear-gradient(var(--hl), var(--hl));-webkit-box-decoration-break:clone;box-decoration-break:clone;color:inherit;animation:mark-in .5s var(--ease);background-repeat:no-repeat;background-size:100% 100%;border-radius:2px}.hidden-text{height:100%;color:var(--muted);animation:fade var(--slow);justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.player{align-items:center;gap:14px;padding:14px 18px;display:flex}.player .play{background:var(--blue);width:44px;height:44px;color:var(--onblue);transition:background var(--fast), transform var(--fast);border-radius:50%;flex:none;place-items:center;display:grid}.player .play:hover{background:var(--blue-dark)}.player .play:active{transform:scale(.94)}.player .mid{flex:1;gap:4px;display:grid}.player .slider{width:100%;accent-color:var(--blue);margin:0}.player .times{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.picture{text-align:center;padding:0 18px 12px}.picture img{border:1px solid var(--line2);border-radius:4px;max-width:100%;max-height:180px}.stem{font-family:var(--serif);color:var(--ink);border-left:3px solid var(--blue);justify-content:space-between;align-items:center;gap:20px;padding:4px 12px 4px 18px;font-size:19px;font-weight:600;line-height:1.35;display:flex}.stem .fr{flex:auto;min-width:0}.stem .en{text-align:right;max-width:45%;font-family:var(--sans);color:var(--muted);animation:fade var(--slow);flex:0 auto;font-size:11px;font-style:italic;font-weight:400;line-height:1.35}.options{gap:8px;display:grid}.opt{background:var(--sheet);border:1px solid var(--line);text-align:left;transition:background var(--slow), border-color var(--slow), opacity var(--slow), transform var(--fast) var(--ease);border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;padding:9px 12px 9px 18px;display:grid}.opt:hover:not([aria-disabled=true]){border-color:var(--blue);transform:translate(3px)}.opt:active:not([aria-disabled=true]){transform:translate(3px)scale(.995)}.opt[aria-disabled=true]{cursor:default}.opt .k{background:var(--line2);width:28px;height:28px;color:var(--body);font-family:var(--mono);transition:background var(--slow), color var(--slow);border-radius:4px;place-items:center;margin-right:12px;font-size:12.5px;font-weight:700;display:grid}.opt .txt{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.opt .fr{min-width:0;color:var(--ink);flex:auto;font-size:15px}.opt .en{max-width:40%;color:var(--muted);text-align:right;flex:0 auto;font-size:10.5px;font-style:italic;line-height:1.35}.opt .mk{width:0;height:22px;transition:width var(--slow) var(--ease), margin-left var(--slow) var(--ease);place-items:center;margin-left:0;display:grid;overflow:hidden}.opt.correct .mk,.opt.wrong .mk{width:22px;margin-left:10px}.opt .mk svg{opacity:0}.opt.correct{border-color:var(--green);background:var(--green-l);animation:glow .6s var(--ease)}.opt.correct .k{background:var(--green);color:#fff}.opt.correct .mk{color:var(--green)}.opt.wrong{border-color:var(--red);background:var(--red-l);animation:shake .4s var(--ease)}.opt.wrong .k{background:var(--red);color:#fff}.opt.wrong .mk{color:var(--red)}.opt.correct .mk svg,.opt.wrong .mk svg{animation:pop .35s var(--ease) forwards}.opt.dim{opacity:.45}.opt.late,.opt.late .k,.opt.late .mk svg{transition-delay:.22s;animation-delay:.22s}.actions{align-items:center;gap:10px;display:flex}.side{background:var(--sheet);border:1px solid var(--line);border-radius:4px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.tabs{border-bottom:1px solid var(--line2);align-items:center;gap:2px;padding:6px 12px 0 8px;display:flex}.tabs>button{color:var(--muted);transition:color var(--fast);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 10px;font-size:13px;font-weight:600}.tabs>button.on{color:var(--blue);border-bottom-color:var(--blue)}.side-lang{padding:12px 16px 0;display:flex}.side-body{min-height:0;font-family:var(--serif);font-size:var(--read);color:var(--ink);padding:14px 16px;line-height:1.6;overflow:auto}.side-body p{margin:0 0 .6em}.tab-body{animation:fade .22s var(--ease)}.tr-turn{grid-template-columns:16px 1fr;gap:6px;margin-bottom:.5em;display:grid}.tr-turn .dash{color:var(--muted)}.tr-mono{margin-bottom:.5em}.tr-turn,.tr-mono,.tr-options li span{color:var(--tr-ink)}.tr-options{gap:4px;margin:.8em 0 0;padding:0;list-style:none;display:grid}.tr-options li{grid-template-columns:22px 1fr;gap:6px;display:grid}.tr-options li b{font-family:var(--mono);color:var(--muted);padding-top:.15em;font-size:.85em;font-weight:600}.tr-q{background:var(--blue-l);border-left:3px solid var(--blue);color:var(--ink);border-radius:4px;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;margin-top:16px;padding:11px 14px;font-size:1.06em;font-weight:600;line-height:1.45;display:grid}.tr-q .qm{background:var(--blue);width:24px;height:24px;color:var(--onblue);font-family:var(--sans);border-radius:50%;place-items:center;margin-top:1px;font-size:14px;font-weight:800;display:grid}.w{transition:color .2s}.live .w{color:var(--tr-ahead)}.live .w.heard{color:var(--tr-ink)}.live .w.now{color:var(--blue)}.tr-options li span{transition:color .2s}.live .tr-options li.on span{color:var(--blue)}.hint-match{background-image:linear-gradient(var(--blue), var(--blue));-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .45s var(--ease);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:1px;text-decoration:none}.hint-match.on{background-size:100% 2px}.hint-actions,.fb-actions{font-family:var(--sans);gap:8px;margin-top:16px;display:flex}.fb{border-bottom:1px solid var(--line2);grid-template-columns:26px 1fr;gap:10px;padding:8px 0;display:grid}.fb:last-child{border-bottom:0}.fb .k{background:var(--line2);width:26px;height:26px;color:var(--body);font-family:var(--mono);transition:background var(--slow), color var(--slow);border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.fb .k.ok{background:var(--green);color:#fff}.fb .k.bad{background:var(--red);color:#fff}.fb p{margin:0;font-size:.95em}.fb.wait p{color:var(--muted)}.fb.in{animation:rise .3s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}.empty{color:var(--muted);font-family:var(--sans);font-size:13.5px}.shell.train .hdr .seg{margin-right:4px}.train-body{min-height:0;padding:20px 24px 80px;overflow:auto}.train-list{gap:18px;max-width:840px;margin:0 auto;display:grid}.train-list.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:0;max-width:1500px}.train-list.two .tcard{grid-row:span 10;grid-template-rows:subgrid;row-gap:0;margin-bottom:18px}.train-list.two .tcard .tslot>*{margin-top:12px}.train-list.two .tcard .opt{margin-top:8px}.train-list.two .tcard .options{display:contents}.train-list.two .tcard .stem{align-self:stretch}.train-list.two .tcard .tpassage{grid-template-columns:1fr}.train-list.two .tcard .tpassage .passage.en{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}.shell.train .hdr .seg+.seg{margin-left:4px}.tcard{background:var(--sheet);border:1px solid var(--line);border-radius:4px;gap:14px;padding:16px 18px 18px;display:grid}.tcard .thead{align-items:center;gap:10px;display:flex}.tcard .tno{width:32px;height:32px;font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--line);color:var(--body);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.tcard .tno.ok{background:var(--green);color:#fff}.tcard .tno.bad{background:var(--red);color:#fff}.tcard .tno.fix{background:var(--amber);color:var(--on-amber)}.tcard .thint{font-family:var(--serif);font-size:var(--read);color:var(--ink);background:var(--cream);border-radius:4px;margin:0;padding:12px 16px;line-height:1.6}.tcard .thint.empty{color:var(--muted)}.train-list:not(.two) .tslot:empty{display:none}.tslot{min-width:0}.finished{background:var(--sheet);border:1px solid var(--line);text-align:center;max-width:520px;animation:rise .35s var(--ease);border-radius:4px;justify-items:center;gap:12px;margin:10vh auto;padding:28px 30px;display:grid}.finished .mark{background:var(--green-l);width:56px;height:56px;color:var(--green);border-radius:50%;place-items:center;display:grid}.finished h1{font-size:24px}.nav-toggle{cursor:default;display:contents}@media (min-width:761px){.mob{display:none!important}}.gate-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn.fix-solid{background:var(--red);border-color:var(--red);color:#fff}@media (max-width:760px){.desk{display:none!important}.home{gap:14px;padding:14px 14px 60px}.topbar{height:44px}.tabs2{background:var(--line2);border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tabs2 button{height:36px;color:var(--muted);border-radius:4px;font-size:14px;font-weight:600}.tabs2 button.on{background:var(--sheet);color:var(--blue)}.cols{grid-template-columns:1fr;gap:0}.cols[data-tab=listening]>div:nth-child(2),.cols[data-tab=reading]>div:first-child,.lt-head,.lt thead{display:none}.lt,.lt tbody{background:0 0;border:0;display:block;overflow:visible}.lt tr{background:var(--sheet);border:1px solid var(--line);border-radius:4px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:10px;padding:14px 12px;display:grid}.lt td,.lt td:first-child{border:0;padding:0}.lt tbody tr:hover td{background:0 0}.lt td.w,.lt td.tot{display:none}.lt .no{width:auto}.lt .prog{width:auto;min-width:0}.lt .ac{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:auto;padding:0;display:grid}.lt .ac .btn{margin:0}.lt .ac .btn.w{min-width:0;padding:0 8px}.shell{height:auto;min-height:100vh;display:block;overflow:visible}.hdr{gap:8px;height:54px;padding:0 12px 0 6px}.hdr .title .pill,.hdr .prog .bar,.hdr>.grow{display:none}.nav-toggle{border:1px solid var(--line);background:var(--sheet);cursor:pointer;border-radius:4px;align-items:center;height:34px;margin-left:auto;padding:0 10px;display:inline-flex}.shell.nav-open .nav-toggle{border-color:var(--blue)}.hdr .prog{flex:none;gap:6px;max-width:none}.hdr .prog .chev{color:var(--muted);transition:transform var(--fast)}.shell.nav-open .hdr .prog .chev{transform:rotate(180deg)}.body{padding:14px 14px 96px;display:block}.handle,.rail{display:none}.shell.nav-open .rail{z-index:25;background:var(--paper);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));align-content:start;justify-items:center;gap:12px 8px;margin:0;padding:18px 14px 40px;display:grid;position:fixed;inset:54px 0 0;overflow-y:auto}.col-main,.col-main.listening{flex-direction:column;gap:20px;display:flex}.sheet{display:block}.sheet-body{max-height:none;overflow:visible}.passage-wrap,.passage-wrap.split{height:auto;display:block}.passage{padding:14px 16px;overflow:visible}.passage-wrap .passage.en,.passage-wrap.split .passage:not(.en){display:none}.passage-wrap.split .passage.en{opacity:1;color:var(--ink);border-left:0;padding:14px 16px;display:block;overflow:visible}.stem .en,.opt .en{display:none}.stem{font-size:17px}.col-main.listening .actions{align-self:auto}.actions{z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--sheet);border-top:1px solid var(--line);margin:0;position:fixed;bottom:0;left:0;right:0}.side{min-height:0;margin-top:20px;display:block}.side-body{overflow:visible}.bis .bl{display:none}.bis .bi+.bi{border-top:0;margin-top:0;padding-top:0}.bis[data-lang=fr] .bi[data-l=en],.bis[data-lang=en] .bi[data-l=fr]{display:none}.tip{max-width:min(320px,78vw)}.shell.train{display:block}.train-body{padding:14px 14px 60px;overflow:visible}.train-list,.train-list.two{grid-template-columns:minmax(0,1fr);row-gap:16px;max-width:none}.train-list.two .tcard{grid-row:auto;grid-template-rows:none;row-gap:16px;margin-bottom:0}.train-list.two .tcard .options{display:grid}.train-list.two .tcard .tslot>*,.train-list.two .tcard .opt{margin-top:0}.tcard{gap:16px;padding:14px}.tcard .tslot:empty{display:none}.tcard .thead{order:0}.tcard .ts-hint{order:1;gap:8px;display:grid}.tcard .ts-pic{order:2}.tcard .ts-player{order:3}.tcard .ts-text{order:4}.tcard .ts-stem{order:5}.tcard .options{order:6}.tcard .hint-lang{justify-self:end}.tcard .show-passage{justify-self:start}.tcard .tpassage{grid-template-columns:1fr}.tcard .tpassage .passage.en{color:var(--ink);border-left:0;padding-left:0}.tcard .tpassage[data-lang=fr] .passage.en,.tcard .tpassage[data-lang=en] .passage:not(.en){display:none}.finished{margin:6vh 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hint-body p{margin:0}.hint-body ul{margin:0;padding-left:20px}.hint-body li+li{margin-top:4px}.hint-body>*+*{margin-top:8px}.fb-note{border-left:3px solid var(--amber);background:var(--panel);border-radius:4px;margin-top:14px;padding:10px 14px}.fb-note .lbl{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.fb-note p{margin:0}.btn:disabled{opacity:.35;pointer-events:none}.actions .btn.ghost+.btn.ghost{margin-left:8px}.amber-btn{color:var(--amber-ink)}.bi{justify-items:start;gap:6px;display:grid}.bi>:not(.bl){justify-self:stretch}.bi+.bi{border-top:1px solid var(--line2);margin-top:12px;padding-top:12px}.bi .bl{font-family:var(--sans);letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);text-align:center;border-radius:3px;padding:1px 6px;font-size:10.5px;font-weight:700}.bi>:last-child>:last-child,.bi>p:last-child{margin-bottom:0}.fb-note .bi+.bi{border-top-color:var(--line)}.tr-q .qen{color:var(--body);margin-top:4px;font-size:.88em;font-style:italic;font-weight:400;display:block}.menu-list .menu-off{color:var(--muted);opacity:.6;justify-content:space-between;gap:12px;padding:7px 10px;font-size:13px;display:flex}.menu-list .menu-off span{font-family:var(--mono)}.nums4{font-family:var(--mono);font-variant-numeric:tabular-nums;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px;font-size:12px;display:grid}.nums4>span:nth-child(2),.nums4>span:nth-child(3){text-align:center}.nums4>span:last-child{text-align:right}.nums4 .g{color:var(--green)}.nums4 .a{color:var(--amber-ink)}.nums4 .r{color:var(--red)}.nums4 .n{color:var(--muted)}.tbar{font-family:var(--mono);font-variant-numeric:tabular-nums;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px;display:grid}.tbar .done{color:var(--ink);font-weight:600}.tbar .left{color:var(--muted)}.icon-btn{width:34px;height:34px;color:var(--muted);border:1px solid var(--line);background:var(--sheet);transition:background var(--fast), color var(--fast);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:var(--panel)}.sheet-head .pill{cursor:default}.sheet-head button.pill{cursor:pointer}.tcard .tplayer{border:1px solid var(--line2);border-radius:4px}.tcard .tplayer .player{padding:10px 14px}.tcard .ttext{font-family:var(--serif);font-size:var(--read);color:var(--tr-ink);background:var(--panel);animation:fade var(--fast);border-radius:4px;padding:12px 16px;line-height:1.6}.tcard .tpassage{background:var(--cream);white-space:pre-line;animation:fade var(--fast);border-radius:4px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:14px 16px;display:grid}.tcard .tpassage .passage{font-family:var(--serif);font-size:var(--read);padding:0;line-height:1.6}.tcard .tpassage .passage.en{opacity:1;border-left:1px solid var(--line);color:var(--body);padding-left:16px}.tcard .picture img{max-height:260px}.tcard .tpos{color:var(--ink);font-variant-numeric:lining-nums;font-family:Georgia,Iowan Old Style,serif;font-size:28px;font-weight:400;line-height:1}.info{border:1px solid var(--line);width:18px;height:18px;color:var(--muted);font-family:var(--serif);cursor:default;transition:color var(--fast), border-color var(--fast);border-radius:50%;flex:none;place-items:center;margin-left:12px;font-size:12px;font-style:italic;font-weight:600;line-height:1;display:grid;position:relative}.info:hover{color:var(--ink);border-color:var(--muted)}.info.none{visibility:hidden}.opt .info{margin-left:10px}.stem .info{margin-right:1px}.tip{z-index:40;background:var(--ink);width:max-content;max-width:420px;color:var(--paper);font-family:var(--sans);text-align:left;box-shadow:var(--shadow);pointer-events:none;animation:fade .15s var(--ease);white-space:normal;border-radius:4px;padding:6px 10px;font-size:12.5px;font-style:normal;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 8px);right:-4px}.qhidden{border-left:3px solid var(--line);align-items:center;gap:8px;min-height:38px;padding:4px 12px 4px 18px;display:flex}.opt.no-tip{grid-template-columns:auto minmax(0,1fr) auto}.admin-wrap{overflow-x:auto}.lt.admin td{white-space:nowrap;padding:10px 12px}.lt.admin .person{cursor:pointer}.lt.admin .em{font-weight:600}.lt.admin .lvl td{background:var(--panel);padding:6px 12px}.lt.admin .lvl .em{color:var(--body);padding-left:28px;font-weight:400}.lt.admin .g{color:var(--green)}.lt.admin .a{color:var(--amber-ink)}.lt.admin .r{color:var(--red)}@media (max-width:760px){.lt.admin,.lt.admin tbody{display:table}.lt.admin thead{display:table-header-group}.lt.admin tr{background:0 0;border:0;margin:0;padding:0;display:table-row}.lt.admin td{border-bottom:1px solid var(--line2);padding:8px 10px;display:table-cell}}