:root{--bg:#f6f6f4;--surface:#ffffff;--line:#e5e4e0;--line-2:#efeeeb;--ink:#16161d;--ink-2:#4a4a55;--muted:#83838f;--g:#14b884;--g-d:#0d8a62;--g-bg:#e8f7f1;--amber:#c97c06;--amber-bg:#fdf3e1;--blue:#2f6fde;--blue-bg:#eaf1fd;--violet:#7448d6;--violet-bg:#f1ecfc;--red:#d14343;--red-bg:#fcecec;--r:8px;--r-s:6px;--shadow:0 1px 2px rgba(20,20,30,.05);--cjk:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--pink:#d6457a;--pink-bg:#fdeef4;--soft:#fafaf8;--ok-bg:#effbf6;--bad-bg:#fdf2f2;--ok-line:#bfead8;--hov:#c9c8c2;--on-ink:#fff;--ink-h:#2b2b36;--hl:#bff0dc;--tour-on:#d7f5e8;--heat1:#c6efdf;--sec:var(--g);--sec-bg:var(--g-bg);--bg:#f1f6f3}html[data-theme=dark]{--bg:#0f1513;--surface:#171f1c;--line:#28332f;--line-2:#1f2926;--ink:#e8efec;--ink-2:#b6c2bd;--muted:#87958f;--g:#1fc48f;--g-d:#5ddcb0;--g-bg:#133229;--amber:#f2a93b;--amber-bg:#33260f;--blue:#86acff;--blue-bg:#172641;--violet:#ad8fff;--violet-bg:#251c3f;--red:#ff7f7f;--red-bg:#3a1b1e;--pink:#ff8fb6;--pink-bg:#3a1828;--soft:#1b2421;--ok-bg:#112a20;--bad-bg:#2e181a;--ok-line:#1f5242;--hov:#3c4944;--on-ink:#0f1513;--ink-h:#cdd6d2;--hl:#1f5242;--tour-on:#1d4a3b;--heat1:#1b4436;--shadow:0 1px 2px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-inter),Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{background:none;border:0;cursor:pointer}button,input,select{font:inherit;color:inherit}.cjk{font-family:var(--cjk)}a{color:inherit}.app{min-height:100vh}.app,.side{display:flex}.side{width:228px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:8px;padding:2px 8px 18px;font-weight:700;font-size:16px;letter-spacing:-.01em}.brand svg{flex:none}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-s);color:var(--ink-2);font-weight:500;text-align:left}.nav button:hover{background:var(--bg)}.nav button.on{background:var(--g-bg);color:var(--g-d)}.nav button .cnt{margin-left:auto;background:var(--amber-bg);color:var(--amber);padding:1px 7px;border-radius:10px}.nav button .cnt,.nav-label{font-size:11px;font-weight:600}.nav-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:16px 10px 6px}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.access{font-size:12px;color:var(--ink-2);padding:0 10px}.access b{display:flex;align-items:center;gap:6px;color:var(--g-d);font-weight:600}.main{flex:1 1;min-width:0;flex-direction:column}.main,.top{display:flex}.top{height:56px;align-items:center;gap:12px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:20}.top h1{font-size:15px;font-weight:600}.top .crumb{color:var(--muted);font-weight:500}.top-r{margin-left:auto}.lang-btn,.top-r{display:flex;align-items:center;gap:8px}.lang-btn{border:1px solid var(--line);border-radius:var(--r-s);padding:6px 10px;font-weight:500;background:var(--surface)}.lang-btn .gl{width:22px;height:22px;border-radius:4px;place-items:center;font-size:11px}.avatar,.lang-btn .gl{background:var(--ink);color:var(--on-ink);display:grid;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;font-size:12px;place-items:center}.content{padding:28px;max-width:1120px;width:100%}.mob-top,.tabbar{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.pad{padding:20px}.h-sec{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.h-sec .lnk{font-weight:500;color:var(--g-d);font-size:13px}.title{font-size:22px;font-weight:700;letter-spacing:-.02em}.sub{color:var(--muted);margin-top:2px}.grid{display:grid;grid-gap:16px;gap:16px}.g2{grid-template-columns:1.6fr 1fr}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r-s);font-weight:600;font-size:14px;border:1px solid transparent;white-space:nowrap}.btn-p{background:var(--ink);color:var(--on-ink)}.btn-p:hover{background:var(--ink-h)}.btn-g{background:var(--g);color:#fff}.btn-g:hover{background:var(--g-d)}.btn-o{border-color:var(--line);background:var(--surface)}.btn-o:hover{background:var(--bg)}.btn-sm{height:32px;padding:0 12px;font-size:13px}.btn[disabled]{opacity:.4;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:4px;line-height:18px;white-space:nowrap}.t-g{background:var(--g-bg);color:var(--g-d)}.t-a{background:var(--amber-bg);color:var(--amber)}.t-b{background:var(--blue-bg);color:var(--blue)}.t-v{background:var(--violet-bg);color:var(--violet)}.t-r{background:var(--red-bg);color:var(--red)}.t-n{color:var(--ink-2)}.bar,.t-n{background:var(--line-2)}.bar{height:6px;overflow:hidden}.bar,.bar i{border-radius:3px}.bar i{display:block;height:100%;background:var(--g)}.muted{color:var(--muted)}.ico{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.row{display:flex;align-items:center;gap:12px}.divider{height:1px;background:var(--line);margin:16px 0}.hl{background:linear-gradient(transparent 60%,var(--hl) 60%);padding:0 2px}.notice{display:flex;gap:10px;align-items:flex-start;background:var(--blue-bg);color:var(--blue);border-radius:var(--r-s);padding:10px 12px;font-size:13px;margin-bottom:18px}.stat{padding:16px 18px}.stat .k{font-size:12px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}.stat .v{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:6px}.stat .d{font-size:12px;color:var(--muted);margin-top:2px}.stat .d b{color:var(--g-d);font-weight:600}.plan li{list-style:none;display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line-2)}.plan li:first-child{border-top:0;padding-top:4px}.plan .chk{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);flex:none;display:grid;place-items:center}.plan .chk.done{background:var(--g);border-color:var(--g);color:#fff}.plan .tx{flex:1 1;min-width:0}.plan .tx b{font-weight:600;display:block}.plan .tx span{font-size:12.5px;color:var(--muted)}.cont{display:flex;gap:18px;align-items:center}.cont .big{width:64px;height:64px;border-radius:var(--r);background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font-size:26px;flex:none}.skill{display:grid;grid-template-columns:96px 1fr 40px;align-items:center;grid-gap:12px;gap:12px;padding:7px 0;font-size:13px}.skill span:last-child{text-align:right;font-weight:600}.week{display:flex;align-items:flex-end;gap:10px;height:110px;padding-top:6px}.week div{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.week i{display:block;width:100%;max-width:28px;background:var(--g-bg);border-radius:3px}.week i.on{background:var(--g)}.week small{font-size:11px;color:var(--muted)}.lvl-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:18px;scrollbar-width:none}.lvl-tabs::-webkit-scrollbar{display:none}.lvl-tabs button{padding:7px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font-weight:500;white-space:nowrap;font-size:13px}.lvl-tabs button.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.lvl-head{display:flex;gap:24px;align-items:center;margin-bottom:16px}.units{overflow:hidden}.unit{display:grid;grid-template-columns:44px 1fr 140px 90px;grid-gap:14px;gap:14px;align-items:center;padding:14px 18px;border-top:1px solid var(--line-2);text-align:left;width:100%}.unit:first-child{border-top:0}.unit:hover{background:var(--soft)}.unit .no{font-size:12px;font-weight:600;color:var(--muted);width:36px;height:36px;border-radius:var(--r-s);border:1px solid var(--line);display:grid;place-items:center}.unit.cur .no{background:var(--g);border-color:var(--g);color:#fff}.unit.done .no{background:var(--g-bg);border-color:var(--g-bg);color:var(--g-d)}.unit b{font-weight:600;display:block}.unit small{font-size:12.5px;color:var(--muted)}.unit .st{text-align:right}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{padding:10px 14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs button.on{color:var(--ink);border-color:var(--ink)}.tabs button .n{font-size:11px;color:var(--muted);margin-left:4px}table.vocab{width:100%;border-collapse:collapse}.vocab th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--soft)}.vocab td{padding:10px 14px;border-bottom:1px solid var(--line-2);vertical-align:middle}.vocab tr:last-child td{border-bottom:0}.vocab .hz{font-family:var(--cjk);font-size:19px}.vocab .py{color:var(--g-d);font-weight:500}.play{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2)}.play:hover{background:var(--g-bg);color:var(--g-d);border-color:var(--g-bg)}.gram{padding:18px 20px;border-top:1px solid var(--line-2)}.gram:first-child{border-top:0}.gram h4{font-size:14.5px;font-weight:600;margin-bottom:6px;display:flex;gap:10px;align-items:center}.gram p{color:var(--ink-2);margin-bottom:10px}.ex{border-left:2px solid var(--g);padding:4px 0 4px 12px;margin:6px 0}.ex .z{font-family:var(--cjk);font-size:16px}.ex .p{color:var(--g-d)}.ex .m,.ex .p{font-size:13px}.ex .m{color:var(--muted)}.dlg-ctrl{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;border:1px solid var(--line);border-radius:var(--r-s);padding:6px 10px;background:var(--surface)}.toggle .sw{width:28px;height:16px;border-radius:8px;background:var(--line);position:relative;transition:.15s}.toggle .sw:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.15s}.toggle.on .sw{background:var(--g)}.toggle.on .sw:after{left:14px}.line{display:grid;grid-template-columns:72px 1fr 34px;grid-gap:14px;gap:14px;padding:12px 18px;border-top:1px solid var(--line-2);align-items:start}.line:first-child{border-top:0}.line .who{font-size:13px;font-weight:500;color:var(--ink-2);padding-top:3px}.line .who,.line .z{font-family:var(--cjk)}.line .z{font-size:17px}.line .p{color:var(--g-d);font-size:13px}.line .m{color:var(--muted);font-size:13px}.hide-m .line .m,.hide-py .line .p{display:none}.q-wrap{max-width:640px}.q-meta{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:8px}.q-text{font-size:15px;font-weight:500;margin:14px 0 4px}.q-z{font-family:var(--cjk);font-size:24px;margin:6px 0 16px}.opts{flex-direction:column;gap:8px}.opt,.opts{display:flex}.opt{align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);text-align:left;width:100%}.opt:hover{border-color:var(--hov)}.opt .L{width:24px;height:24px;border-radius:4px;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--muted);flex:none}.opt .z{font-family:var(--cjk);font-size:16px}.opt.sel{box-shadow:inset 0 0 0 1px var(--ink)}.opt.sel,.opt.sel .L{border-color:var(--ink)}.opt.sel .L{background:var(--ink);color:var(--on-ink)}.opt.ok{background:var(--g-bg);box-shadow:none}.opt.ok,.opt.ok .L{border-color:var(--g)}.opt.ok .L{background:var(--g);color:#fff}.opt.bad{background:var(--red-bg);box-shadow:none}.opt.bad,.opt.bad .L{border-color:var(--red)}.opt.bad .L{background:var(--red);color:#fff}.explain{margin-top:14px;padding:12px 14px;border-radius:var(--r-s);font-size:13.5px}.explain.ok{background:var(--g-bg);color:var(--g-d)}.explain.bad{background:var(--red-bg);color:var(--red)}.explain b{display:block;margin-bottom:2px}.q-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.fc-wrap{max-width:560px;margin:0 auto}.fc-top{justify-content:space-between;margin-bottom:10px;font-size:13px;color:var(--muted)}.fc,.fc-top{display:flex;align-items:center}.fc{min-height:300px;flex-direction:column;justify-content:center;text-align:center;padding:28px;position:relative}.fc .hz{font-family:var(--cjk);font-size:64px;line-height:1.1}.fc .py{color:var(--g-d);font-size:18px;font-weight:500;margin-top:14px}.fc .ar{font-size:17px;font-weight:600;margin-top:4px}.fc .exs{margin-top:18px;border-top:1px solid var(--line-2);padding-top:14px;width:100%;font-size:13px;color:var(--ink-2)}.fc .exs .z{font-family:var(--cjk);font-size:15px;color:var(--ink)}.fc .kls{position:absolute;top:14px;left:16px}.fc .snd{position:absolute;top:12px;right:12px}.rate{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:14px}.rate button{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-s);padding:9px 6px;font-weight:600;font-size:13px}.rate button small{display:block;font-weight:500;font-size:11.5px;color:var(--muted)}.rate button:hover{border-color:var(--hov)}.rate .r1{color:var(--red)}.rate .r2{color:var(--amber)}.rate .r3{color:var(--g-d)}.rate .r4{color:var(--blue)}.kbd{font-size:11px;color:var(--muted);text-align:center;margin-top:12px}.ak{display:grid;grid-template-columns:1fr 300px;grid-gap:16px;gap:16px}.pad-grid{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin:0 auto;border:1px solid #e3b7b7;background:#fff}.pad-grid svg.guide{position:absolute;inset:0;width:100%;height:100%}.pad-grid .ghost{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--cjk);font-size:min(240px,62vw);color:#e9e9e6;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pad-grid canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.chars{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.chars button{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-s);font-family:var(--cjk);font-size:22px;background:var(--surface)}.chars button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.chars button.done{background:var(--g-bg);border-color:var(--g-bg)}.exam-list .ex-item{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:16px 18px;border-top:1px solid var(--line-2)}.exam-list .ex-item:first-child{border-top:0}.ex-item b{font-weight:600}.ex-item .meta{display:flex;gap:14px;font-size:12.5px;color:var(--muted);margin-top:3px;flex-wrap:wrap}.exam{position:fixed;inset:0;background:var(--bg);z-index:50;display:flex;flex-direction:column}.exam-top{height:56px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 24px;gap:14px}.exam-top,.timer{display:flex;align-items:center}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;gap:6px;padding:5px 10px;border-radius:var(--r-s);background:var(--amber-bg);color:var(--amber)}.exam-body{flex:1 1;display:grid;grid-template-columns:1fr 260px;grid-gap:20px;gap:20px;padding:24px;max-width:1100px;width:100%;margin:0 auto;overflow:auto}.qnav{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.qnav button{height:34px;border:1px solid var(--line);border-radius:4px;font-size:12.5px;font-weight:600;background:var(--surface)}.qnav button.ans{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.qnav button.flag{box-shadow:inset 0 -3px 0 var(--amber)}.qnav button.cur{outline:2px solid var(--g);outline-offset:1px}.legend{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);margin-top:14px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:12px;height:12px;border-radius:3px;border:1px solid var(--line);display:inline-block}.score-big{font-size:44px;font-weight:700;letter-spacing:-.03em}.ring{width:120px;height:120px}.heat{display:grid;grid-template-columns:repeat(26,1fr);grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-gap:3px;gap:3px}.heat i{aspect-ratio:1;border-radius:2px;background:var(--line-2);display:block}.heat i.l1{background:var(--heat1)}.heat i.l2{background:#7fd9b6}.heat i.l3{background:#2fbf8b}.heat i.l4{background:#0d8a62}.htable{width:100%;border-collapse:collapse;font-size:13px}.htable td,.htable th{padding:10px 0;border-top:1px solid var(--line-2);text-align:left}.htable th{font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-top:0}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-l{max-width:460px;margin:0 auto;width:100%}.auth-l,.auth-r{display:flex;flex-direction:column;justify-content:center;padding:48px}.auth-r{background:var(--ink);color:var(--on-ink)}.auth-r h2{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.25;max-width:420px}.auth-r ul{list-style:none;margin-top:26px;display:flex;flex-direction:column;gap:12px;color:#c9c9d2}.auth-r li{display:flex;gap:10px}.auth-r li svg{color:var(--g);margin-top:3px}.field{display:flex;flex-direction:column;gap:6px;margin-top:16px}.field label{font-size:13px;font-weight:500}.field input{height:42px;border:1px solid var(--line);border-radius:var(--r-s);padding:0 12px;background:var(--surface);outline:none}.field input:focus{border-color:var(--ink)}.ob{max-width:820px;margin:0 auto;padding:40px 24px 60px}.steps{display:flex;gap:6px;margin-bottom:28px}.steps i{flex:1 1;height:3px;border-radius:2px;background:var(--line)}.steps i.on{background:var(--ink)}.langs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:20px}.lc{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left}.lc:hover{border-color:var(--hov)}.lc.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.lc .gl{width:34px;height:34px;border-radius:var(--r-s);background:var(--bg);display:grid;place-items:center;font-weight:600;font-size:15px;font-family:var(--cjk)}.lc.on .gl{background:var(--ink);color:var(--on-ink)}.lc b{font-weight:600;display:block}.lc small{font-size:12px;color:var(--muted)}.goals{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:20px}.goal{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);text-align:left;align-items:flex-start}.goal.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.goal .ic{width:36px;height:36px;border-radius:var(--r-s);display:grid;place-items:center;flex:none}.goal b{font-weight:600;display:block}.goal small{color:var(--muted);font-size:12.5px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font-weight:500;font-size:13px}.chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.ob-foot{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.dd{position:absolute;top:48px;right:0;width:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(20,20,30,.12);padding:6px;z-index:60;max-height:70vh;overflow:auto}.dd button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-s);text-align:left}.dd button:hover{background:var(--bg)}.dd button.on{background:var(--g-bg)}.dd .gl{width:26px;height:26px;border-radius:5px;background:var(--bg);display:grid;place-items:center;font-size:12px;font-family:var(--cjk);flex:none}.dd .gl,.dd b{font-weight:600}.dd b{font-size:13px}.dd small{font-size:11.5px;color:var(--muted);margin-left:auto}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--on-ink);padding:10px 16px;border-radius:var(--r-s);font-size:13px;z-index:99;opacity:0;transition:.2s;pointer-events:none}.toast.on{opacity:1}@media (max-width:960px){.ak,.g2{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.langs{grid-template-columns:repeat(3,1fr)}.exam-body{grid-template-columns:1fr}}@media (max-width:760px){body{font-size:13.5px}.side,.top{display:none}.mob-top{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.mob-top .brand{padding:0;font-size:15px}.mob-top .top-r{margin-left:auto;display:flex;gap:8px;align-items:center;position:relative}.mob-top .lang-btn{padding:4px 8px;font-size:12.5px}.mob-top .avatar{width:28px;height:28px;font-size:11px}.tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 9px;font-size:10.5px;font-weight:500;color:var(--muted)}.tabbar button.on{color:var(--ink)}.tabbar .ico{width:19px;height:19px}.content{padding:18px 16px 90px}.title{font-size:19px}.g4{gap:10px}.g3{grid-template-columns:1fr}.stat{padding:12px 14px}.stat .v{font-size:18px}.pad{padding:16px}.unit{grid-template-columns:36px 1fr auto;padding:12px 14px}.unit .prog{display:none}.unit .no{width:32px;height:32px}.vocab td:nth-child(4),.vocab th:nth-child(4){display:none}.vocab td,.vocab th{padding:9px 10px}.vocab .hz{font-size:17px}.line{grid-template-columns:1fr 30px;gap:6px 10px;padding:12px 14px}.line .who{grid-column:1/-1;padding:0}.fc{min-height:260px}.fc .hz{font-size:54px}.rate{gap:6px}.rate button{padding:8px 2px;font-size:12.5px}.auth{grid-template-columns:1fr}.auth-r{display:none}.auth-l{padding:32px 20px}.ob{padding:24px 16px 40px}.langs{grid-template-columns:repeat(2,1fr);gap:8px}.goals{grid-template-columns:1fr}.lc{padding:12px}.exam-top{padding:0 14px;gap:8px}.exam-top .ex-name{display:none}.exam-body{padding:16px;gap:14px}.heat{grid-template-columns:repeat(18,1fr)}.heat i:nth-child(n+127){display:none}.lvl-head{flex-direction:column;align-items:flex-start;gap:10px}.exam-list .ex-item{grid-template-columns:1fr;gap:10px}.dd{position:fixed;top:56px;left:12px;right:12px;width:auto}.q-foot .btn{flex:1 1}.q-foot{gap:8px}}a{text-decoration:none}.nav a,.tabbar a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-s);color:var(--ink-2);font-weight:500}.nav a:hover{background:var(--bg)}.nav a.on{background:var(--g-bg);color:var(--g-d)}.nav a .cnt{margin-left:auto;font-size:11px;font-weight:600;background:var(--amber-bg);color:var(--amber);padding:1px 7px;border-radius:10px}.tabbar a{flex-direction:column;gap:3px;padding:8px 0 9px;font-size:10.5px;color:var(--muted);justify-content:center}.tabbar a.on{color:var(--ink)}.demo-bar{background:var(--amber-bg);color:var(--amber);font-size:12.5px;padding:7px 28px;border-bottom:1px solid var(--line)}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.skel{background:linear-gradient(90deg,var(--line-2),var(--soft),var(--line-2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r-s)}@keyframes sk{to{background-position:-200% 0}}.track-tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.track-tabs::-webkit-scrollbar{display:none}.track-tabs button{padding:10px 14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.track-tabs button.on{color:var(--ink);border-color:var(--ink)}.unit .tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.select{height:38px;border:1px solid var(--line);border-radius:var(--r-s);padding:0 10px;background:var(--surface)}.md{color:var(--ink);font-size:14.5px;line-height:1.7;overflow-wrap:anywhere}.md>:first-child{margin-top:0}.md h1,.md h2,.md h3,.md h4,.md h5{font-weight:650;letter-spacing:-.01em;margin:22px 0 8px;line-height:1.35}.md h1{font-size:19px}.md h2{font-size:17px}.md h3{font-size:15.5px}.md h4,.md h5{font-size:14.5px}.md p{margin:8px 0}.md ol,.md ul{margin:8px 0 8px 22px}.md li{margin:3px 0}.md strong{font-weight:650}.md blockquote{border-left:3px solid var(--g);background:var(--soft);padding:8px 14px;margin:12px 0;color:var(--ink-2);border-radius:0 var(--r-s) var(--r-s) 0}.md code{background:var(--line-2);padding:1px 5px;border-radius:4px;font-size:.92em}.md pre{background:var(--soft);border:1px solid var(--line);padding:12px;border-radius:var(--r-s);overflow:auto;white-space:pre-wrap}.md pre code{background:none;padding:0}.md hr{border:0;border-top:1px solid var(--line);margin:18px 0}.md .tw{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface)}.md table{border-collapse:collapse;width:100%;font-size:14px}.md th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;text-align:left;border-bottom:1px solid var(--line);background:var(--soft);white-space:nowrap}.md td,.md th{padding:9px 12px}.md td{border-bottom:1px solid var(--line-2);vertical-align:top}.md tr:last-child td{border-bottom:0}.md .tl{font-size:1.12em}.md .cjk-l,.md .tl.cjk{font-family:var(--cjk)}.md .rd{color:var(--g-d)}.md [dir=rtl]{font-size:1.2em;line-height:1.9}.spk{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);color:var(--ink-2);vertical-align:middle;margin-left:6px;flex:none;background:var(--surface)}.spk:hover{background:var(--g-bg);color:var(--g-d);border-color:var(--g-bg)}.spk svg{width:13px;height:13px}.sel-say{position:absolute;z-index:70;background:var(--ink);color:var(--on-ink);border-radius:var(--r-s);padding:6px 10px;font-size:12.5px;font-weight:600;display:flex;gap:6px;align-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}.keybox{border:1px dashed var(--line);border-radius:var(--r);padding:28px 20px;text-align:center;background:var(--soft)}.unit-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px;flex-wrap:wrap}.unit-nav a{max-width:48%}.exam-md{max-height:none}.answer-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.answer-note input{width:70px;height:36px;border:1px solid var(--line);border-radius:var(--r-s);padding:0 10px;text-align:center}@media (max-width:760px){.demo-bar{padding:7px 16px}.md{font-size:14px}.md td,.md th{padding:8px 9px}}.md td.num{white-space:nowrap;color:var(--muted);font-size:12.5px;width:1%}.md td.tl{white-space:normal}.md td.tl .spk{margin-left:8px}.pq-md{margin:4px 0 2px}.pq-md .md>:first-child{margin-top:14px}.pq-q{padding:12px 0 14px;border-top:1px solid var(--line-2)}.pq-md+.pq-q{border-top:0}.pq-stem{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6}.pq-stem .spk{flex:none;margin-top:2px}.pq-n{flex:none;min-width:26px;height:26px;padding:0 6px;border-radius:13px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink-2);margin-top:1px}.pq-q.ok .pq-n{background:var(--g);border-color:var(--g);color:#fff}.pq-q.bad .pq-n{background:var(--red);border-color:var(--red);color:#fff}.pq-opts{display:flex;flex-direction:column;gap:6px;margin:10px 0 0 36px}.pq-opts.short{flex-direction:row;flex-wrap:wrap}.pq-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);text-align:left;font-size:14.5px;min-height:40px}.pq-opts.short .pq-opt{min-width:44px;justify-content:center;font-weight:600}.pq-opt:hover:not(:disabled){border-color:var(--hov)}.pq-opt .L{width:22px;height:22px;border-radius:4px;border:1px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--muted);flex:none}.pq-opt.sel{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pq-opt.sel .L{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.pq-opt.ok{border-color:var(--g);background:var(--g-bg)}.pq-opt.ok .L{background:var(--g);border-color:var(--g);color:#fff}.pq-opt.bad{border-color:var(--red);background:var(--red-bg)}.pq-opt.bad .L{background:var(--red);border-color:var(--red);color:#fff}.pq-opt:disabled{cursor:default;opacity:1}.pq-in{display:block;width:calc(100% - 36px);max-width:520px;margin:10px 0 0 36px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font-size:15px}.pq-in:focus{outline:none;border-color:var(--ink)}.pq-ta{max-width:none;font:inherit;font-size:15px;line-height:1.5;resize:vertical}.pq-pass{display:block;margin-top:4px;min-width:0;flex:1 1}.pq-pass blockquote{margin:8px 0;padding:8px 12px;border-left:3px solid var(--line);background:var(--bg);border-radius:6px}.pq-pass p{margin:4px 0}.wb{margin-top:14px}.wb-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wb-ta{display:block;width:100%;margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font:inherit;font-size:15px;line-height:1.6;resize:vertical;box-sizing:border-box}.wb-ta:focus{outline:none;border-color:var(--ink)}.wb-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:12.5px}.wb-rec{padding:12px;border:1px dashed var(--line);border-radius:var(--r-s)}.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e5484d;margin-right:2px}.rec-on .rec-dot{animation:recb 1s infinite}@keyframes recb{50%{opacity:.25}}.wb-clip{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.wb-clip audio{height:36px;max-width:100%}.pq-q.ok .pq-in{border-color:var(--g);background:var(--g-bg)}.pq-q.bad .pq-in{border-color:var(--red);background:var(--red-bg)}.pq-key{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 0 36px;font-size:13.5px;color:var(--ink-2)}.pq-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:5;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 16px;box-shadow:0 -4px 16px rgba(20,20,30,.06)}.pq-bar,.pq-score{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.pq-score{gap:20px;flex-wrap:wrap;padding:16px 18px;margin-bottom:14px}.view-sw{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;margin-bottom:12px}.view-sw button{padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--muted)}.view-sw button.on{background:var(--ink);color:var(--on-ink)}@media (max-width:720px){.pq-in,.pq-key,.pq-opts{margin-left:0}.pq-in{width:100%}.pq-bar{bottom:64px}}.pq-ref{margin:10px 0 6px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft)}.pq-ref summary{display:flex;align-items:center;gap:8px;padding:10px 14px;font-weight:600;font-size:13.5px;cursor:pointer;list-style:none}.pq-ref summary::-webkit-details-marker{display:none}.pq-ref summary svg{width:16px;height:16px;color:var(--g-d)}.pq-ref summary .muted{margin-left:auto;font-weight:500;font-size:12px}.pq-ref-body{padding:4px 14px 12px;border-top:1px solid var(--line-2);max-height:420px;overflow:auto}.pq-ref .w-open{display:none}.pq-ref[open] .w-open{display:inline}.pq-ref[open] .w-closed{display:none}.aud{border:1px solid var(--line);border-radius:var(--r);background:var(--soft);padding:14px 16px;margin:0 0 16px}.aud-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.aud-head b{display:inline-flex;align-items:center;gap:6px;font-size:14px}.aud-head b svg{width:15px;height:15px;color:var(--g-d)}.aud-rate{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.aud-rate select{border:1px solid var(--line);border-radius:var(--r-s);padding:4px 6px;background:var(--surface);font-size:12.5px}.aud-parts{display:flex;flex-direction:column;gap:8px;margin-top:12px}.aud-part{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s)}.aud-part.on{border-color:var(--g)}.aud-btn{width:38px;height:38px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;flex:none}.aud-part.on .aud-btn{background:var(--ink)}.aud-btn svg{width:16px;height:16px}.aud-t{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aud-text{margin-top:12px;font-size:13px}.aud-text summary{cursor:pointer;color:var(--muted);font-weight:600}.ex-break{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12.5px;color:var(--ink-2)}.lnk{color:var(--g-d);font-weight:600;font-size:inherit;padding:0}.lnk:hover{text-decoration:underline}.pw-nudge{border-color:var(--amber);background:var(--amber-bg);margin-bottom:16px}.v-toast{position:fixed;left:16px;right:16px;bottom:84px;z-index:80;max-width:460px;margin:0 auto;display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--ink);color:var(--on-ink);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.2);font-size:13.5px;line-height:1.5}.v-toast p{margin:4px 0 0;opacity:.85}.v-toast button{background:none;border:0;color:inherit;font-size:22px;line-height:1;cursor:pointer;padding:0 2px}@media (min-width:900px){.v-toast{bottom:24px}}.side-lv{display:block;margin:0 0 12px;padding:10px 10px 8px;border-radius:var(--r-s);background:var(--bg);font-size:12.5px;color:var(--ink-2)}.side-lv:hover{background:var(--g-bg)}.side-lv b{color:var(--ink);font-size:13px}.side-lv small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.fire{color:#e8590c}.tb-ic{position:relative;display:grid;place-items:center}.tb-dot{position:absolute;top:-5px;left:11px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--amber);color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center;line-height:1}.g-toasts{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:120;flex-direction:column;gap:8px;pointer-events:none}.g-toast,.g-toasts{display:flex;align-items:center}.g-toast{gap:10px;background:var(--ink);color:var(--on-ink);padding:10px 16px 10px 10px;border-radius:999px;font-weight:600;font-size:13.5px;box-shadow:0 10px 30px rgba(20,20,30,.22);animation:gt .35s cubic-bezier(.2,1.4,.4,1)}.g-toast .g-ic{width:26px;height:26px;border-radius:50%;background:var(--g);display:grid;place-items:center}.g-toast.k-badge .g-ic{background:#f59f00}.g-toast.k-level .g-ic{background:var(--violet)}.g-toast .ico{width:15px;height:15px}@keyframes gt{0%{transform:translateY(-12px) scale(.95);opacity:0}}.hub-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.hc{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);text-align:left;transition:border-color .15s,transform .15s;position:relative;min-height:132px}.hc:hover{border-color:var(--hov);transform:translateY(-1px)}.hc .hi{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}.hc .hi .ico{width:19px;height:19px}.hc b{font-size:14.5px;font-weight:650;display:block}.hc p{font-size:12.5px;color:var(--muted);line-height:1.45}.hc .hc-f{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-2);font-weight:600}.hc .hc-f .ico{color:var(--muted)}.hc.big{grid-column:span 2}.i-g{background:var(--g-bg);color:var(--g-d)}.i-a{background:var(--amber-bg);color:var(--amber)}.i-b{background:var(--blue-bg);color:var(--blue)}.i-v{background:var(--violet-bg);color:var(--violet)}.i-r{background:var(--red-bg);color:var(--red)}.i-n{background:var(--line-2);color:var(--ink-2)}.sec-t{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:22px 0 10px}.sec-t:first-child{margin-top:0}.hero{display:flex;align-items:center;gap:18px;padding:20px;border-radius:14px;background:linear-gradient(135deg,#0f1a16,#16261f);color:#fff;margin-bottom:16px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,184,132,.35),transparent)}.hero .hz{width:58px;height:58px;border-radius:14px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:24px;font-family:var(--cjk);flex:none}.hero .hz,.hero .tx{position:relative;z-index:1}.hero .tx{flex:1 1;min-width:0}.hero small{display:block;font-size:12px;color:#9fe8cd;font-weight:600;letter-spacing:.02em}.hero b{font-size:18px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero b,.hero span.d{display:block;margin-top:2px}.hero span.d{font-size:12.5px;color:#b9c4bf}.hero .btn{height:46px;padding:0 22px;font-size:15px;border-radius:12px}.hero .alt,.hero .btn{position:relative;z-index:1}.hero .alt{font-size:12px;color:#b9c4bf;text-decoration:underline;margin-top:6px;display:inline-block}.strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.strip .card{display:flex;align-items:center;gap:12px;padding:14px 16px}.strip .si{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none}.strip b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}.strip small{font-size:12px;color:var(--muted)}.mis li{list-style:none;display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line-2)}.mis li:first-child{border-top:0;padding-top:2px}.mis .mk{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;flex:none}.mis .mk.done{background:var(--g);border-color:var(--g);color:#fff}.mis .mk .ico{width:13px;height:13px}.mis .tx{flex:1 1;min-width:0}.mis .tx b{display:block;font-weight:600;font-size:13.5px}.mis .tx .bar{margin-top:6px;height:5px}.mis .n{font-size:12px;font-weight:600;color:var(--muted);min-width:36px;text-align:right}.prof{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.prof .av{width:60px;height:60px;border-radius:50%;background:var(--ink);color:var(--on-ink);font-weight:700;font-size:20px;display:grid;place-items:center;flex:none}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:10px;gap:10px}.bdg{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.bdg .bi{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd43b,#f59f00);color:#fff;box-shadow:0 3px 0 #d9480f22}.bdg .bi .ico{width:22px;height:22px}.bdg b{font-size:12.5px;font-weight:650}.bdg small{font-size:11px;color:var(--muted);line-height:1.35}.bdg.off{opacity:.55}.bdg.off .bi{background:var(--line-2);color:var(--muted);box-shadow:none}.lnk-list a,.lnk-list button{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid var(--line-2);width:100%;text-align:left;font-weight:500}.lnk-list>:first-child{border-top:0}.lnk-list .ico:last-child{margin-left:auto;color:var(--muted)}@media (max-width:760px){.hub{grid-template-columns:1fr 1fr;gap:10px}.hc{padding:14px;min-height:120px}.hc.big{grid-column:span 2}.hc p{font-size:12px}.hero{flex-wrap:wrap;padding:16px}.hero .btn{width:100%}.strip{gap:8px}.strip .card{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.strip b{font-size:15px}.g-toasts{top:10px;width:calc(100% - 24px)}.g-toast{font-size:12.5px}}@media (max-width:380px){.hub{grid-template-columns:1fr}.hc.big{grid-column:auto}}.dr{max-width:680px;margin:0 auto}.dr-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.dr-x{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted);flex:none}.dr-x:hover{background:var(--line-2);color:var(--ink)}.dr-n{font-size:12.5px;font-weight:600;color:var(--muted);min-width:42px;text-align:right}.dr-card{padding:22px 22px 24px;transition:box-shadow .2s}.dr-card.fl-ok{box-shadow:0 0 0 3px #b9ecd8}.dr-card.fl-bad{box-shadow:0 0 0 3px #f6c9c9;animation:shake .35s}.dr-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.dr-sub{font-size:13px;color:var(--ink-2);font-weight:500}.dr-prompt{font-size:17px;line-height:1.6;margin:6px 0 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;overflow-wrap:anywhere}.dr-prompt.big{font-size:30px;font-weight:600;font-family:var(--cjk);line-height:1.35}.dr-spk{width:38px;height:38px;border-radius:50%;background:var(--g-bg);color:var(--g-d);display:inline-grid;place-items:center;flex:none}.dr-spk.solo{width:auto;height:52px;padding:0 22px;border-radius:26px;display:inline-flex;gap:8px;font-size:14px;font-weight:600;background:var(--g);color:#fff}.dr-spk .ico{width:18px;height:18px}.dr-opts{display:flex;flex-direction:column;gap:8px}.dr-opts.grid2{display:grid;grid-template-columns:1fr 1fr}.dr-opt{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;font-size:15px;min-height:52px;transition:border-color .12s,background .12s}.dr-opt:hover:not(:disabled){border-color:var(--hov);background:var(--soft)}.dr-opt .k{width:24px;height:24px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:700;color:var(--muted);flex:none}.dr-opt.ok{border-color:var(--g);background:var(--g-bg)}.dr-opt.ok .k{background:var(--g);color:#fff;border-color:var(--g)}.dr-opt.bad{border-color:var(--red);background:var(--red-bg)}.dr-opt.bad .k{background:var(--red);color:#fff;border-color:var(--red)}.dr-opt:disabled{cursor:default}.dr .pq-in{margin:0;width:100%;max-width:none;font-size:16px;padding:12px 14px;border-radius:10px}.pq-in.is-ok{border-color:var(--g);background:var(--g-bg)}.pq-in.is-bad{border-color:var(--red);background:var(--red-bg)}.dr-build{min-height:58px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-bottom:2px solid var(--line);margin-bottom:16px}.dr-build.is-ok{border-color:var(--g)}.dr-build.is-bad{border-color:var(--red)}.dr-bank{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tile{padding:9px 14px;border:solid var(--line);border-width:1.5px 1.5px 3px;border-radius:10px;background:var(--surface);font-size:16px;font-weight:500;font-family:inherit;line-height:1.3}.tile:hover:not(:disabled){border-color:var(--hov)}.tile.used{opacity:.25}.tile.on{background:var(--surface)}.tile:is([lang=ja],[lang=zh]),:lang(ja) .tile{font-family:var(--cjk)}.dr-foot{position:-webkit-sticky;position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 -6px 24px rgba(20,20,30,.06)}.dr-foot.ok{background:var(--ok-bg);border-color:var(--ok-line)}.dr-foot.bad{background:var(--bad-bg);border-color:var(--red-bg)}.dr-fb{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1 1}.dr-fi{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff}.dr-foot.ok .dr-fi{background:var(--g)}.dr-foot.bad .dr-fi{background:var(--red)}.dr-fb b{font-size:15.5px;display:block}.dr-foot.ok b{color:var(--g-d)}.dr-foot.bad b{color:var(--red)}.dr-ans{font-size:13.5px;margin-top:2px;color:var(--ink)}.dr-ex{font-size:13px;color:var(--ink-2);margin-top:3px}.dr-foot .btn{flex:none}.dr-end{text-align:center;padding:30px 20px}.ring-wrap{position:relative;width:132px;height:132px;margin:0 auto}.ring-wrap .ring{width:132px;height:132px;transform:rotate(-90deg)}.ring .rb{fill:none;stroke:var(--line-2);stroke-width:10}.ring .rf{fill:none;stroke:var(--g);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .8s}.ring-t{position:absolute;inset:0;display:grid;place-content:center}.ring-t b{font-size:30px;font-weight:750;letter-spacing:-.03em}.ring-t small{font-size:12px;color:var(--muted)}.dr-rev{padding:10px 0;border-top:1px solid var(--line-2);font-size:13.5px}.dr-rev:first-of-type{border-top:0}.dr-rev-q{font-weight:600;margin-bottom:4px}.dr-rev-a{display:flex;gap:8px;align-items:center;margin-top:3px}.si{width:100%}.si-bar{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.si-modes{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:none}.si-modes button{min-width:34px;height:28px;font-size:13px;font-weight:600;color:var(--muted);font-family:var(--cjk)}.si-modes button.on{background:var(--ink);color:var(--on-ink)}.si-hint{font-size:11.5px;color:var(--muted);line-height:1.35;flex:1 1;min-width:180px}.si-prev{font-size:13px;padding:4px 10px;border-radius:8px;background:var(--g-bg);color:var(--g-d)}.si-prev b{font-family:var(--cjk);font-size:15px}.pq-q .si{margin:10px 0 0 36px;width:calc(100% - 36px);max-width:520px}.pq-q .si .pq-in{margin:0;width:100%}@media (max-width:760px){.dr-card{padding:18px 16px 20px}.dr-prompt.big{font-size:26px}.dr-foot{bottom:72px;flex-direction:column;align-items:stretch}.dr-foot .btn{width:100%;height:44px}.dr-foot:not(.ok):not(.bad){flex-direction:row}.dr-foot:not(.ok):not(.bad) .btn{width:auto;flex:1 1}.dr-opts.grid2{grid-template-columns:1fr 1fr}.tile{font-size:15px;padding:8px 12px}.pq-q .si{margin-left:0;width:100%}}.mk-row{display:flex;gap:12px;padding:14px 18px;border-top:1px solid var(--line-2)}.mk-row:first-child{border-top:0}.mk-q{font-weight:600;font-size:14.5px;margin:2px 0 6px;overflow-wrap:anywhere}.mk-a{display:flex;gap:8px;align-items:center;font-size:13.5px;margin-top:3px}.mk-a .tag{min-width:78px;justify-content:center}.pq-flag{order:9;margin-left:auto;height:28px;padding:0 9px;border-radius:8px;display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;flex:none}.pq-flag svg{width:14px;height:14px}.pq-flag:hover{background:var(--line-2)}.pq-flag.on{color:var(--amber);background:var(--amber-bg);border-color:var(--amber)}.pq-q.flagged{background:linear-gradient(90deg,var(--amber-bg),transparent 40%);margin:0 -20px;padding-left:20px;padding-right:20px}.unit-end{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;border:1px solid var(--ok-line);background:var(--ok-bg);border-radius:14px;flex-wrap:wrap}.unit-end .hi{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none}.unit-end b{font-size:15px}.unit-end p{font-size:12.5px;color:var(--ink-2);margin-top:2px}@media (max-width:760px){.unit-end .btn{width:100%}}@media (max-width:899px){.v-toast{bottom:auto;top:12px}}.pl-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--ink-2)}.pl-list li{display:flex;gap:8px;align-items:flex-start}.pl-list .ico{color:var(--g);margin-top:3px}.pl-res{flex-direction:column;max-width:380px;margin:20px auto 0}.aid,.pl-res{display:flex;gap:8px}.aid{align-items:center;flex-wrap:wrap;margin-bottom:12px}.aid.compact{justify-content:flex-end;margin-top:-6px}.aid-t{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;border:1px solid var(--line);border-radius:var(--r-s);padding:6px 10px;background:var(--surface);height:32px}.aid-t .sw{width:26px;height:15px;border-radius:8px;background:var(--line);position:relative;transition:.15s}.aid-t .sw:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.15s}.aid-t.on .sw{background:var(--g)}.aid-t.on .sw:after{left:13px}.aid-more{position:relative;margin-left:auto}.aid-pop{position:absolute;right:0;top:40px;z-index:40;width:300px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 34px rgba(20,20,30,.14);padding:14px}.aid-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:13px;font-weight:500}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{padding:5px 10px;font-size:12.5px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--ink);color:var(--on-ink)}.rd{position:relative}.rd-body{padding:6px 0}.rl{display:grid;grid-template-columns:96px 1fr 34px;grid-gap:12px;gap:12px;padding:12px 18px;border-top:1px solid var(--line-2);align-items:start;transition:background .2s}.rd-body.prose .rl{grid-template-columns:1fr 34px}.rl:first-child{border-top:0}.rl.on{background:var(--ok-bg)}.rl-who{font-size:13px;font-weight:600;color:var(--ink-2);padding-top:4px;overflow-wrap:anywhere}.rl-t{font-size:17px;line-height:1.75}.rl-t.cjk{font-family:var(--cjk);font-size:19px;line-height:2.05}.rl-r{color:var(--g-d);margin-top:1px}.rl-m,.rl-r{font-size:13.5px}.rl-m{color:var(--muted);margin-top:3px}.wd{cursor:pointer;border-radius:4px;transition:background .1s}.wd:hover{background:#e6f6ef}.wd.known{-webkit-text-decoration:underline dotted #9fd9c2;text-decoration:underline dotted #9fd9c2;text-underline-offset:5px}.rl-t.cjk .wd.known{text-decoration:none;border-bottom:1px dotted #9fd9c2}ruby rt{font-size:.5em;color:var(--g-d);font-weight:500;letter-spacing:0}.wpop{position:absolute;z-index:45;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(20,20,30,.18);padding:12px 14px}.wpop b{font-size:19px}.wp-r{color:var(--g-d);font-size:13.5px;margin-top:2px}.wp-m{font-size:14px;font-weight:600;margin-top:4px}.rs-0 .md{font-size:13px}.rs-2 .md{font-size:16.5px}.rs-3 .md{font-size:19px}.rs-0 .rl-t{font-size:15px}.rs-2 .rl-t{font-size:20px}.rs-3 .rl-t{font-size:23px}.rs-0 .rl-t.cjk{font-size:16px}.rs-2 .rl-t.cjk{font-size:23px}.rs-3 .rl-t.cjk{font-size:27px}.rs-2 .rl-m,.rs-2 .rl-r{font-size:15px}.rs-3 .rl-m,.rs-3 .rl-r{font-size:16.5px}@media (max-width:760px){.rl{grid-template-columns:1fr 32px;gap:4px 10px;padding:12px 14px}.rl-who{grid-column:1/-1;padding:0}.aid-pop{position:fixed;left:12px;right:12px;top:auto;bottom:80px;width:auto}.aid-more{margin-left:0}.wpop{position:fixed;left:12px!important;right:12px;top:auto!important;bottom:78px;width:auto;z-index:60}}.fc-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:16px 0 4px}.fc-stats div{background:var(--bg);border-radius:10px;padding:10px 4px}.fc-stats b{display:block;font-size:18px;font-weight:700}.fc-stats small{font-size:11.5px;color:var(--muted)}.fc-grades{display:flex;flex-direction:column;gap:6px;max-width:340px;margin:12px auto 0;font-size:12.5px}.fc-grades>div{display:grid;grid-template-columns:52px 1fr 28px;grid-gap:10px;gap:10px;align-items:center;text-align:left}.fc-grades .r1 i{background:var(--red)}.fc-grades .r2 i{background:var(--amber)}.fc-grades .r4 i{background:var(--blue)}.fc-grades b{text-align:right}.fc-mix{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12.5px}.fc-mix span{display:inline-flex;align-items:center;gap:6px}.fc-mix i{width:9px;height:9px;border-radius:50%;display:inline-block}.fc .exs .row{flex-wrap:wrap}@media (max-width:760px){.fc-stats{grid-template-columns:repeat(2,1fr)}}.sa-svg{position:absolute;inset:0;width:100%;height:100%}.sa-ghost{fill:none;stroke:#ecebe7;stroke-linecap:round;stroke-linejoin:round}.sa-ink{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation-name:draw;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes draw{to{stroke-dashoffset:0}}.sa-n{font-size:6px;font-weight:700;fill:var(--g-d);opacity:0;animation:fadein .2s forwards;font-family:var(--font-inter),sans-serif}@keyframes fadein{to{opacity:1}}.sa-count{position:absolute;right:8px;bottom:6px;font-size:11px;color:var(--muted)}.ex-tips{list-style:none;display:grid;grid-gap:8px;gap:8px;margin:4px 0 0;padding:0;font-size:13.5px;color:var(--ink-2)}.ex-tips li{display:flex;gap:10px;align-items:flex-start}.ex-tips svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--g)}.ex-ib{padding:0;width:34px;justify-content:center}.ex-navbtn{display:none}.ex-side{align-self:start;position:-webkit-sticky;position:sticky;top:0}.ex-sum{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:12px}.ex-sum div{background:var(--line-2);border-radius:10px;padding:8px 6px;text-align:center}.ex-sum b{display:block;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ex-sum small{font-size:11px;color:var(--muted)}.ex-part{border-top:1px solid var(--line-2);padding:10px 0}.ex-part:first-of-type{border-top:0}.ex-ph{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:4px 0}.ex-ph .L{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:600;color:var(--muted);flex:none}.ex-ph .t{font-size:13px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-part.cur .ex-ph .L{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.ex-part.cur .ex-ph .t{font-weight:600}.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));grid-gap:5px;gap:5px;margin-top:8px}.ex-n{height:32px;border-radius:7px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.ex-n:hover{border-color:var(--ink)}.ex-n.done{background:var(--g-bg);border-color:var(--ok-line);color:var(--g)}.ex-n.flag:after{content:"";position:absolute;top:0;right:0;border-style:solid;border-width:0 9px 9px 0;border-color:transparent var(--amber) transparent transparent}.ex-n.flag{border-color:var(--amber)}.ex-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:10px;border-top:1px solid var(--line-2);padding-top:10px}.ex-legend span{display:flex;align-items:center;gap:5px}.ex-legend i{width:12px;height:12px;border-radius:3px;border:1px solid var(--line);display:inline-block}.ex-legend i.done{background:var(--g-bg);border-color:var(--ok-line)}.ex-legend i.flag{border-color:var(--amber);background:var(--amber-bg)}.pq-q.pulse{animation:exPulse 1.2s ease}@keyframes exPulse{0%,60%{box-shadow:0 0 0 3px rgba(240,170,40,.45);border-radius:10px}to{box-shadow:0 0 0 0 transparent}}.ex-pause{position:fixed;inset:0;z-index:80;background:rgba(20,22,26,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px}.ex-pause .card{max-width:360px;width:100%;text-align:center}.ex-pause .hi{width:52px;height:52px;border-radius:14px;display:inline-grid;place-items:center}.ex-pause .hi svg{width:24px;height:24px}.ex-scrim{display:none}@media (max-width:960px){.ex-navbtn{display:inline-flex}.ex-side{display:none;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;max-height:72vh;overflow:auto;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.18)}.ex-side.open{display:block}.ex-side.open:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--line);margin:-6px auto 12px}.ex-scrim{display:block;position:fixed;inset:0;z-index:69;background:rgba(20,22,26,.35)}.exam .ex-side.ex-done-side{display:block;position:static;box-shadow:none;border-radius:var(--r);max-height:none}}.dr-diff .miss{margin:0 1px;color:var(--red);background:var(--red-bg);border-radius:4px;padding:0 3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:3px}.sp{text-align:center}.sp .dr-h{justify-content:center}.sp-text{font-size:30px;font-weight:650;letter-spacing:-.01em;line-height:1.35;margin:18px 0 4px;word-break:break-word}.sp-text.long{font-size:22px}.sp-text.cjk{font-family:var(--cjk);font-weight:500}.sp-text .hit{color:var(--g-d)}.sp-text .miss{color:var(--red);-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-underline-offset:5px;text-decoration-thickness:1.5px}.sp-read{color:var(--muted);font-size:15px}.sp-trans{color:var(--ink-2);font-size:14px;margin-top:6px}.sp-ctl{display:flex;align-items:center;justify-content:center;gap:22px;margin:26px 0 10px}.sp-play{display:grid;justify-items:center;grid-gap:4px;gap:4px;font-size:11.5px;color:var(--muted);font-weight:600}.sp-play .ico,.sp-play svg{width:20px;height:20px;padding:12px;box-sizing:content-box;border-radius:50%;background:var(--g-bg);color:var(--g-d)}.sp-mic{width:84px;height:84px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(18,140,100,.3);transition:transform .15s}.sp-mic:active{transform:scale(.95)}.sp-mic .ico,.sp-mic svg{width:32px;height:32px}.sp-mic.on{background:var(--red);box-shadow:0 0 0 0 rgba(220,60,60,.5);animation:spPulse 1.4s infinite}@keyframes spPulse{0%{box-shadow:0 0 0 0 rgba(220,60,60,.45)}to{box-shadow:0 0 0 22px rgba(220,60,60,0)}}.sp-hint{font-size:13px;color:var(--muted);min-height:20px}.sp-live{color:var(--red);font-weight:600}.sp-live span{color:var(--ink);font-weight:500;margin-left:4px}.sp-res{margin-top:14px;padding:14px;border-radius:12px;background:var(--line-2);text-align:left;display:grid;grid-gap:6px;gap:6px}.sp-res.ok{background:var(--ok-bg)}.sp-res.mid{background:var(--amber-bg)}.sp-res.bad{background:var(--bad-bg)}.sp-score{display:flex;align-items:baseline;gap:10px}.sp-score b{font-size:26px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-res.ok b{color:var(--g-d)}.sp-res.mid b{color:var(--amber)}.sp-res.bad b{color:var(--red)}.sp-score span{font-weight:600;font-size:14px}.sp-heard{font-size:13px;color:var(--ink-2)}.sp-heard span{color:var(--ink)}.sp-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);text-align:left}.sp-row:first-child{border-top:0}.sp-pct{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:14px}.sp-pct.ok{color:var(--g-d)}.sp-pct.mid{color:var(--amber)}.sp-pct.bad{color:var(--red)}@media (max-width:760px){.sp-text{font-size:24px}.sp-text.long{font-size:19px}}.mdl-ov{position:fixed;inset:0;z-index:90;background:rgba(20,22,26,.5);display:grid;place-items:center;padding:16px;animation:fadeIn .15s}.mdl{background:var(--surface);border-radius:16px;padding:20px;width:100%;max-width:760px;max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cert-img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);display:block}.certs{display:grid;grid-gap:8px;gap:8px}.cert{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);width:100%}.cert.ready,.cert:hover{border-color:var(--ok-line)}.cert.ready{background:var(--ok-bg)}.cert b,.cert-soon b{display:block;font-size:14px}.cert small,.cert-soon small{display:block;font-size:12px;color:var(--muted)}.ci{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--amber-bg);color:var(--amber);flex:none}.ci.big{width:56px;height:56px;border-radius:16px}.ci.big svg{width:26px;height:26px}.cert-soon{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line-2)}.cert-soon:first-of-type{border-top:0}a.btn.disabled{pointer-events:none;opacity:.5}.srch-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ink-2);border:1px solid var(--line);background:var(--surface)}.srch-btn:hover{border-color:var(--ink)}.srch-btn.wide{width:auto;padding:0 12px;gap:8px;display:flex;align-items:center;font-size:13px;color:var(--muted);min-width:200px}.srch-btn.wide kbd{margin-left:auto;font-family:inherit;font-size:11px;border:1px solid var(--line);border-radius:5px;padding:1px 5px}.srch-ov{align-items:start;padding-top:10vh}.srch{max-width:640px;padding:0;display:flex;flex-direction:column;max-height:76vh}.srch-in{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.srch-in>svg{width:20px;height:20px;color:var(--muted);flex:none}.srch-in input{flex:1 1;border:0;outline:0;font-size:16px;background:transparent;min-width:0;color:var(--ink)}.srch-body{overflow:auto;padding:6px 8px 12px}.srch-h{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:12px 8px 4px}.srch-r{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;cursor:pointer;color:inherit}.srch-r.on{background:var(--line-2)}.srch-m{flex:1 1;min-width:0}.srch-m b{font-size:15px}.srch-m b.cjk{font-family:var(--cjk);font-weight:500;font-size:17px}.srch-m .rd{color:var(--muted);font-size:12.5px;margin-left:8px}.srch-m small{display:block;font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srch-ic{width:32px;height:32px;border-radius:8px;background:var(--g-bg);color:var(--g-d);display:grid;place-items:center;flex:none}.srch-empty{padding:18px 10px;color:var(--muted);font-size:13.5px}.srch-tips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}@media (max-width:760px){.srch-ov{padding:0;place-items:stretch}.srch{max-width:none;max-height:none;height:100%;border-radius:0}.hide-sm{display:none}}.inst-row{display:flex;gap:12px;align-items:flex-start}.inst-row b{font-size:14.5px}.inst-row p{font-size:12.5px;margin-top:2px;line-height:1.5}.inst-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);flex:none;overflow:hidden}.inst-ic img{display:block}.inst-ic.ok{background:var(--g-bg);color:var(--g-d);border-color:var(--ok-line)}.inst-steps{margin:12px 0 0;padding:12px 12px 12px 30px;background:var(--line-2);border-radius:10px;font-size:13px;line-height:1.6;display:grid;grid-gap:4px;gap:4px}.ios-share{display:inline-block;border:1px solid var(--ink-2);border-radius:4px;font-size:11px;padding:0 4px;line-height:1.4}.inst-ban{background:var(--surface);border:1px solid var(--ok-line);border-radius:14px;padding:14px;margin-bottom:16px;box-shadow:0 4px 18px rgba(18,140,100,.08)}.dl{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.dl-c{min-width:38px;min-height:34px;padding:4px 8px;border-radius:8px;border:1px dashed var(--line);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface)}.dl-c b{font-size:15px;font-weight:600;line-height:1.2}.dl-c small{font-size:11px;color:var(--muted);line-height:1.1;min-height:12px}.dl.cjk .dl-c{min-width:42px}.dl.cjk .dl-c b{font-family:var(--cjk);font-size:22px;font-weight:500;min-height:26px}.dl-c.ok{border-style:solid;border-color:var(--ok-line);background:var(--g-bg)}.dl-c.ok b{color:var(--g-d)}.dl-c.bad{border-style:solid;border-color:var(--red-bg);background:var(--red-bg)}.dl-c.bad b,.dl-c.bad small{color:var(--red)}.dl-c.cur{border-style:solid;border-color:var(--amber);background:var(--amber-bg)}.dl-c.cur b,.dl-c.cur small{color:var(--amber)}.tour{position:fixed;inset:0;z-index:120}.tour-dim{position:absolute;inset:0;background:rgba(16,18,24,.6);animation:fadeIn .2s}.tour-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(16,18,24,.6),0 0 0 3px var(--g,#14b884);transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease;pointer-events:none}.tour-card{position:fixed;background:var(--surface,#fff);border-radius:16px;padding:16px 16px 14px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:calc(100vw - 24px);animation:tourIn .25s ease}.tour-card.center{left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 32px));animation:fadeIn .25s}.tour-h{display:flex;align-items:center;gap:10px;font-size:17px}.tour-ic{width:36px;height:36px;border-radius:11px;background:var(--g-bg);color:var(--g-d,#0d8a62);display:grid;place-items:center;flex:none}.tour-ic svg{width:19px;height:19px}.tour-card p{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--ink-2,#4a4a55)}.tour-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.tour-dots{display:flex;gap:5px}.tour-dots i{width:6px;height:6px;border-radius:9px;background:var(--line,#e3e1db);transition:width .2s}.tour-dots i.on{width:18px;background:var(--g,#14b884)}@keyframes tourIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body:has(.tour) .tour-on{background:var(--tour-on)!important;color:var(--g-d)!important;font-weight:800!important;border-radius:10px}body:has(.tour) .tour-on *,body:has(.tour) .tour-on svg{color:var(--g-d)!important}.tour .tour-hole{box-shadow:0 0 0 9999px rgba(16,18,24,.6),0 0 0 3px var(--g),0 0 0 9px rgba(20,184,132,.35);animation:tourGlow 1.6s ease-in-out infinite}@keyframes tourGlow{50%{box-shadow:0 0 0 9999px rgba(16,18,24,.6),0 0 0 3px var(--g),0 0 0 14px rgba(20,184,132,.18)}}.c-beranda{--c:var(--g);--c-bg:var(--g-bg)}.c-belajar{--c:var(--blue);--c-bg:var(--blue-bg)}.c-latihan{--c:var(--violet);--c-bg:var(--violet-bg)}.c-ujian{--c:var(--amber);--c-bg:var(--amber-bg)}.c-profil{--c:var(--pink);--c-bg:var(--pink-bg)}.app[data-sec=beranda]{--sec:var(--g)}.app[data-sec=belajar]{--sec:var(--blue)}.app[data-sec=latihan]{--sec:var(--violet)}.app[data-sec=ujian]{--sec:var(--amber)}.app[data-sec=profil]{--sec:var(--pink)}.nav a .nv-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--c-bg);color:var(--c);flex:none;transition:background .15s,color .15s}.nav a{padding:6px 10px 6px 6px}.nav a.on{background:var(--c-bg);color:var(--ink);font-weight:600}.nav a.on .nv-ic{background:var(--c);color:#fff}.tabbar a.on{color:var(--c)}.tabbar a.on .tb-ic:after{content:"";position:absolute;left:50%;top:-9px;width:22px;height:3px;border-radius:3px;background:var(--c);transform:translateX(-50%)}.tabbar .tb-ic{position:relative}.mob-top,.top{box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--sec) 70%,transparent)}body:has(.tour) .tour-on .nv-ic{background:var(--g)!important;color:#fff!important}.goal-ring{display:flex;align-items:center;gap:7px;position:relative;font-size:12.5px;font-weight:600;color:var(--ink-2);padding:3px 10px 3px 3px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.goal-ring svg{transform:rotate(-90deg)}.goal-ring .gr-b{fill:none;stroke:var(--line-2);stroke-width:3.2}.goal-ring .gr-f{fill:none;stroke:var(--g);stroke-width:3.2;stroke-linecap:round;transition:stroke-dasharray .6s}.goal-ring .gr-n{position:absolute;left:3px;top:3px;width:28px;height:28px;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--ink)}.goal-ring .gr-ic{position:absolute;left:10px;top:10px;width:14px;height:14px;color:var(--g-d);stroke-width:2.6}.goal-ring.done{border-color:var(--ok-line);background:var(--ok-bg);color:var(--g-d)}@media (max-width:760px){.goal-ring{padding:0;border:0;background:none}.goal-ring .gr-t{display:none}.goal-ring.done{background:none}}.mis-card{background:linear-gradient(160deg,var(--g-bg),var(--surface) 58%);border-color:var(--ok-line)}.mis-card .mis li{border-top-color:color-mix(in srgb,var(--line-2) 70%,transparent)}.nudge{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid;animation:tourIn .3s ease}.nudge>.ico{width:22px;height:22px;flex:none}.nudge b{display:block;font-size:13.5px}.nudge span{display:block;font-size:12.5px;color:var(--ink-2)}.nudge>div{flex:1 1;min-width:0}.nudge.warn{background:var(--amber-bg);border-color:color-mix(in srgb,var(--amber) 35%,transparent);color:var(--amber)}.nudge.warn b{color:var(--ink)}.nudge.ok{background:var(--ok-bg);border-color:var(--ok-line);color:var(--g-d)}.nudge.ok b{color:var(--ink)}.nudge.info{background:var(--violet-bg);border-color:color-mix(in srgb,var(--violet) 30%,transparent);color:var(--violet)}.nudge.info b{color:var(--ink)}.cnt-demo{min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--amber-bg);color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.empty2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:22px 12px}.empty2.sm{flex-direction:row;text-align:left;align-items:center;gap:14px;padding:8px 0}.empty2 b{display:block;font-size:15px;color:var(--ink)}.empty2.sm b{font-size:14px}.empty2 p{color:var(--muted);font-size:13px;line-height:1.5;margin-top:3px;max-width:46ch}.empty2 .e-act{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.empty2.sm .e-act{justify-content:flex-start;margin-top:8px}.empty2 .e-tx{min-width:0}.mascot.bob{animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}.pr-bar{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:12px}.pr-bar:empty{display:none}.pr-bar .hint{flex:1 1 320px;margin:0}.hint{display:flex;align-items:center;gap:12px;padding:12px 40px 12px 12px;border-radius:14px;background:linear-gradient(135deg,var(--g-bg),var(--surface));border:1px solid var(--ok-line);position:relative;margin-bottom:14px;animation:tourIn .3s ease;flex-wrap:wrap}.hint .h-tx{flex:1 1;min-width:180px}.hint b{font-size:13.5px;display:block}.hint p{font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-top:2px}.hint .h-x{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.hint .h-x:hover,.slow-t{background:var(--surface)}.slow-t{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}.slow-t.on{background:var(--blue-bg);border-color:color-mix(in srgb,var(--blue) 40%,transparent);color:var(--blue)}.g-toast .g-m{margin:-4px 0 -4px -2px}.g-toast.k-target{background:var(--g);color:#fff}.confetti{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti i{position:absolute;top:-14px;width:8px;height:13px;border-radius:2px;animation:conf 2.3s cubic-bezier(.25,.6,.4,1) forwards}@keyframes conf{0%{transform:translateY(0) rotate(var(--r,0deg));opacity:1}to{transform:translateY(105vh) rotate(calc(var(--r,0deg) + 540deg));opacity:.85}}.dr-card.fl-ok{animation:okPop .45s ease}.dr-card.fl-bad{animation:shake .42s ease}.dr-opt.ok,.opt.ok{animation:okPop .4s ease}.dr-opt.bad,.opt.bad{animation:shake .4s ease}.dr-foot.bad .dr-fi,.dr-foot.ok .dr-fi{animation:iconPop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes okPop{0%{transform:scale(1)}40%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@keyframes iconPop{0%{transform:scale(.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dr-card.fl-bad,.dr-card.fl-ok,.dr-opt.bad,.dr-opt.ok,.mascot.bob,.opt.bad,.opt.ok{animation:none}}.jr{margin-bottom:6px;overflow:hidden}.jr-path{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:14px 6px 6px;scrollbar-width:thin;scroll-behavior:smooth}.jr-n{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:74px;flex:none;padding-top:0;transition:transform .15s}.jr-n.lo{padding-top:22px}.jr-n:before{content:"";position:absolute;top:20px;left:-37px;width:74px;height:3px;background:var(--line);z-index:0;transform-origin:right center}.jr-n.lo:before{transform:rotate(17deg);top:31px}.jr-n:not(.lo):before{transform:rotate(-17deg);top:31px}.jr-n:first-child:before{display:none}.jr-n.cur:before,.jr-n.done:before{background:var(--g)}.jr-c{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2.5px solid var(--line);font-weight:700;font-size:14px;color:var(--muted)}.jr-n.done .jr-c{background:var(--g);border-color:var(--g);color:#fff}.jr-n.done .jr-c .ico{stroke-width:2.6}.jr-n.cur .jr-c{width:48px;height:48px;margin-top:-3px;background:var(--surface);border-color:var(--g);color:var(--g-d);box-shadow:0 0 0 6px color-mix(in srgb,var(--g) 18%,transparent);animation:jrPulse 1.8s ease-in-out infinite}.jr-n.end .jr-c{background:var(--amber-bg);border-color:color-mix(in srgb,var(--amber) 50%,transparent);color:var(--amber)}.jr-n.end.done .jr-c{background:var(--amber);color:#fff}.jr-n small{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}.jr-n.cur small{color:var(--g-d)}.jr-here{position:absolute;top:-14px;font-size:10px;font-weight:700;background:var(--g);color:#fff;padding:1px 7px;border-radius:999px;white-space:nowrap;z-index:2}.jr-n.lo .jr-here{top:6px}.jr-n:hover{transform:translateY(-2px)}@keyframes jrPulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--g) 8%,transparent)}}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.set-row>span{min-width:0;flex:1 1 180px}.set-row small{display:block;font-size:12px;color:var(--muted)}.sk-page{display:grid;grid-gap:0;gap:0}.sk-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.sk-row.two{grid-template-columns:1.6fr 1fr}.sk-li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line-2)}.sk-li:first-child{border-top:0}@media (max-width:760px){.sk-row.two{grid-template-columns:1fr}}.vocab .hz{font-size:21px}.ex .z{font-size:18px}.rl-t.cjk{font-size:20.5px}.dl.cjk .dl-c b{font-size:24px}.srch-m b.cjk{font-size:18px}.chars button{font-size:24px}html[data-zoom="1"] .content,html[data-zoom="1"] .exam-body{zoom:1.1}html[data-zoom="2"] .content,html[data-zoom="2"] .exam-body{zoom:1.22}@media (max-width:760px){.btn{height:44px;border-radius:10px}.btn-sm{height:38px}.dr-opt,.opt,.pq-opt{min-height:54px}.tabbar a{padding:10px 0 11px;font-size:11px}.tabbar .ico{width:21px;height:21px}.rate button{min-height:52px}.fc-wrap>.btn-p{height:50px!important;position:-webkit-sticky;position:sticky;bottom:80px}.hint{padding-right:36px}.pr-bar{justify-content:flex-start}}html[data-theme=dark] .hero{border:1px solid var(--line)}html[data-theme=dark] .pad-grid{background:#fbfaf7}html[data-theme=dark] .tour-dim,html[data-theme=dark] .tour-hole{--x:0}html[data-theme=dark] .g-toast{box-shadow:0 10px 30px rgba(0,0,0,.5)}html[data-theme=dark] .heat i.l2{background:#1f7a5c}html[data-theme=dark] .heat i.l3{background:#22a77a}html[data-theme=dark] .heat i.l4{background:#3ddba6}html[data-theme=dark] img.inv-ok{filter:none}.jr .h-sec{flex-wrap:wrap;gap:2px 10px}html[data-theme=dark] .auth-r{background:#1a2420;color:#fff;border-left:1px solid var(--line)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}