:root{--bg: #F6F5F1;--surface: #ffffff;--surface-alt: #F1F0EB;--border: #E2E1DA;--border-light: #ECEAE3;--text: #111633;--text-secondary: #3A4066;--text-muted: #5A6080;--accent: #2E5BFF;--accent-light: #1A3FCC;--accent-bg: #EEF2FF;--accent-bg2: #DCE4FF;--on-accent: #ffffff;--brand-ai: #2E5BFF;--brand-ink: #111633;--spark: #FFB224;--spark-bg: #FFF3DB;--spark-ink: #7A4E00;--mint: #14A06F;--mint-bg: #E3F5EC;--mint-ink: #0B6B49;--warm: #B87800;--warm-bg: #FFF3DB;--warm-light: #FFE2A8;--red: #C2321C;--red-bg: #FDE7E3;--yellow: #B87800;--yellow-bg: #FFF3DB;--blue: #2E5BFF;--blue-bg: #EEF2FF;--shadow-sm: 0 1px 2px rgba(17, 22, 51, .06);--shadow-md: 0 8px 24px rgba(17, 22, 51, .06);--radius: 20px;--radius-sm: 12px;--radius-pill: 999px;--fd: "Lexend", "Be Vietnam Pro", system-ui, sans-serif;--fb: "Be Vietnam Pro", -apple-system, system-ui, sans-serif;--fm: "JetBrains Mono", monospace;--ink: var(--text);--muted: var(--text-muted);--faint: #8A8FA8;--panel: var(--surface-alt);--accent-soft: var(--accent-bg);--accent-ink: #1A3FCC;--crit: #C2321C;--crit-soft: #FDE7E3;--warn: #B87800;--warn-soft: #FFF3DB;--line: var(--border)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fb);background:var(--bg);color:var(--text);line-height:1.6}.app-layout{display:flex;min-height:100vh;background:var(--bg)}.sb{width:250px;background:var(--surface);border-right:1px solid var(--border);padding:18px 12px;flex-shrink:0;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sb-logo{font-family:var(--fd);font-size:19px;font-weight:600;color:var(--accent);padding:4px 8px 16px;display:flex;align-items:center;gap:7px}.ns{margin-bottom:18px}.nl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 9px 5px}.ni{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:.12s;font-weight:450;-webkit-user-select:none;user-select:none}.ni:hover{background:var(--surface-alt);color:var(--text)}.ni.on{background:var(--accent-bg);color:var(--accent);font-weight:600}.ni-icon{width:18px;display:inline-flex;justify-content:center;font-size:13px}.ni-badge{margin-left:auto;font-size:8.5px;font-weight:600;background:var(--accent);color:var(--on-accent);padding:1px 6px;border-radius:7px}.ni-badge.new{background:var(--warm)}.sb-user{margin-top:auto;padding:10px 9px;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:9px}.sb-av{width:30px;height:30px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--accent);font-family:var(--fd)}.mn{margin-left:250px;flex:1;min-height:100vh}.ct{padding:26px 34px;max-width:900px}.scr{display:none}.scr.on{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:22px}.sc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.sc-l{font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.sc-v{font-size:24px;font-weight:600;margin-top:2px;font-family:var(--fd)}.sc-s{font-size:10.5px;margin-top:2px;font-weight:500;color:var(--accent)}.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.st{font-size:14px;font-weight:600}.sl{font-size:11.5px;color:var(--accent);font-weight:500;cursor:pointer}.pb-bar{height:4px;background:var(--surface-alt);border-radius:2px;overflow:hidden}.pb-fill{height:100%;border-radius:2px}.badge{font-size:10px;padding:2px 8px;border-radius:9px;font-weight:500;display:inline-flex;align-items:center;gap:3px}.bg{background:var(--accent-bg);color:var(--accent)}.bw{background:var(--warm-bg);color:var(--warm)}.bb{background:var(--blue-bg);color:var(--blue)}.br{background:var(--red-bg);color:var(--red)}.lh{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:16px}.lh-bc{font-size:11.5px;color:var(--text-muted);margin-bottom:5px}.lh-t{font-family:var(--fd);font-size:20px;font-weight:600}.lh-badges{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.cc{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;cursor:pointer;transition:.15s;margin-bottom:7px}.cc:hover{border-color:var(--accent)}.ci{width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ct-i{flex:1}.ct-t{font-size:13px;font-weight:600}.ct-m{font-size:11px;color:var(--text-muted);margin-top:1px}.btn{padding:10px 22px;min-height:40px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--fb);border:none;transition:.15s}.btn-p{background:var(--accent);color:var(--on-accent)}.btn-p:hover{background:var(--accent-light)}.btn-o{background:var(--surface);color:var(--text);border:1.5px solid var(--text)}.btn-o:hover{background:var(--surface-alt)}.btn-s{padding:6px 14px;min-height:32px;font-size:12px;border-radius:var(--radius-pill)}.pill-g{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.pill{padding:4px 13px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;font-family:var(--fb)}.pill.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.ap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px}.wf{height:48px;background:var(--surface-alt);border-radius:var(--radius-sm);margin:8px 0;display:flex;align-items:center;gap:2px;padding:0 5px;overflow:hidden}.wb{flex:1;min-width:2px;border-radius:1px}.ac{display:flex;align-items:center;gap:12px}.play{width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--on-accent);border:none;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2e5bff40}.play-s{width:28px;height:28px;font-size:10px}.td{font-family:var(--fm);font-size:11px;color:var(--text-muted)}.spd{padding:3px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:10px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:var(--fm)}.spd.on{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.mq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:9px}.mq-n{font-size:10px;color:var(--text-muted);font-weight:600;margin-bottom:4px}.mq-t{font-size:13px;font-weight:500;margin-bottom:10px}.mo{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:.12s;font-size:12px;margin-bottom:4px}.mo:hover,.mo.sel{border-color:var(--accent);background:var(--accent-bg)}.md{width:15px;height:15px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.mo.sel .md{border-color:var(--accent);background:var(--accent)}.mo.sel .md:after{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.rp{background:var(--warm-bg);border:1px solid var(--warm-light);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;text-align:left}.rp-l{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--warm);font-weight:600;margin-bottom:4px}.rp-t{font-size:13.5px;line-height:1.7}.so{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:14px}.os{width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.os-n{font-family:var(--fd);font-size:28px;font-weight:600}.os-l{font-size:9px;text-transform:uppercase;letter-spacing:.7px}.ss{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.si{display:flex;align-items:center;gap:7px}.si-l{font-size:11px;color:var(--text-secondary);width:82px}.si-b{flex:1;height:5px;background:var(--surface-alt);border-radius:3px;overflow:hidden}.si-f{height:100%;border-radius:3px}.si-n{font-size:11px;font-weight:700;width:24px;text-align:right;font-family:var(--fm)}.tc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.tt{font-size:13px;line-height:2}.tt .err{background:var(--red-bg);color:var(--red);padding:1px 3px;border-radius:3px;text-decoration:line-through;font-size:12px}.tt .fix{background:var(--accent-bg);color:var(--accent);padding:1px 3px;border-radius:3px;font-weight:600;font-size:12px}.tt .pron{border-bottom:2px wavy var(--yellow)}.ds{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:9px}.di{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 13px;font-family:var(--fb);font-size:13px;margin-top:7px;outline:none}.di:focus{border-color:var(--accent)}.df{margin-top:7px;padding:9px 13px;border-radius:var(--radius-sm);font-size:12px;line-height:1.6}.ct-a{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ct-a.usr{flex-direction:row-reverse}.ct-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ct-bb{padding:11px 15px;border-radius:var(--radius);font-size:13px;line-height:1.7;max-width:80%}.mk{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:10px;display:flex;gap:16px;align-items:center;cursor:pointer;transition:.15s}.mk:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.mk-i{width:50px;height:50px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.mk-info{flex:1}.mk-t{font-size:14px;font-weight:600;margin-bottom:2px}.mk-d{font-size:11.5px;color:var(--text-muted);line-height:1.5}.mk-tags{display:flex;gap:4px;margin-top:6px}.mk-go{padding:7px 18px;background:var(--accent);color:var(--on-accent);border:none;border-radius:16px;font-size:11.5px;font-weight:600;cursor:pointer;font-family:var(--fb);flex-shrink:0}.mh{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:7px}.mh-s{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:15px;font-weight:600;flex-shrink:0}.lg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.2s}.lc:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.lc-h{padding:22px 16px 16px;text-align:center}.lc-f{font-size:34px;margin-bottom:6px;display:block}.lc-n{font-family:var(--fd);font-size:16px;font-weight:600}.lc-sub{font-size:10.5px;color:var(--text-muted);margin-top:1px}.lc-b{padding:12px 16px;border-top:1px solid var(--border-light)}.lc-s{display:flex;justify-content:space-between;font-size:11px;padding:1.5px 0}.lc-sl{color:var(--text-muted)}.lc-sv{font-weight:600}.pf-h{display:flex;align-items:center;gap:16px;margin-bottom:22px}.pf-av{width:52px;height:52px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--accent);font-family:var(--fd)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim{animation:fadeUp .3s ease-out forwards}@keyframes pulse{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.2);opacity:0}}.rec-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--red);animation:pulse 1.4s ease-out infinite}.landing-m{margin-left:0!important}.hero{max-width:920px;margin:0 auto;padding:64px 36px 46px;text-align:center}.hero-badge{display:inline-block;padding:4px 13px;border-radius:18px;background:var(--accent-bg);color:var(--accent);font-size:11.5px;font-weight:600;margin-bottom:16px}.hero h1{font-family:var(--fd);font-size:42px;font-weight:600;line-height:1.15;margin-bottom:12px}.hero h1 em{font-style:italic;color:var(--accent)}.hero-sub{font-size:15px;color:var(--text-secondary);max-width:520px;margin:0 auto 26px;line-height:1.7}.hero-cta{display:inline-flex;align-items:center;gap:7px;padding:12px 28px;background:var(--accent);color:var(--on-accent);border-radius:24px;font-size:14px;font-weight:600;font-family:var(--fb);border:none;cursor:pointer;transition:.2s;box-shadow:0 4px 14px #2e5bff4d}.hero-cta:hover{background:var(--accent-light);transform:translateY(-1px)}.hero-langs{display:flex;justify-content:center;gap:20px;margin-top:32px}.hl{display:flex;flex-direction:column;align-items:center;gap:3px}.hl-f{font-size:28px}.hl-n{font-size:10.5px;color:var(--text-muted);font-weight:500}.feats{max-width:920px;margin:0 auto;padding:26px 36px 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px}.fc-i{font-size:24px;margin-bottom:10px;display:block}.fc-t{font-size:13.5px;font-weight:600;margin-bottom:4px}.fc-d{font-size:12px;color:var(--text-secondary);line-height:1.6}.pub-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 40px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.pub-nav-links{display:flex;align-items:center;gap:24px}.pub-nav-auth{display:flex;align-items:center;gap:10px}.pub-nav-ham{display:none;width:36px;height:36px;border-radius:8px;border:1.5px solid var(--border);background:transparent;cursor:pointer;align-items:center;justify-content:center;font-size:20px;color:var(--text);flex-shrink:0}.pub-nav-mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:2px solid var(--border);box-shadow:var(--shadow-md);padding:8px 20px 16px;display:flex;flex-direction:column;gap:2px;z-index:99}.pub-nav-mobile-item{padding:13px 4px;font-size:15px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;gap:10px}.pub-nav-mobile-item:last-child{border-bottom:none}.pub-nav-mobile-item.active{color:var(--accent)}.mob-header{display:none;align-items:center;gap:12px;padding:13px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90}.mob-menu-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text);flex-shrink:0}.sb-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:150;cursor:pointer}@media(max-width:768px){.sb{transform:translate(-100%);transition:transform .25s ease;z-index:200}.sb.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sb-overlay.open{display:block}.mn{margin-left:0!important}.mob-header{display:flex}.pub-nav{padding:12px 16px;position:sticky}.pub-nav-links,.pub-nav-auth{display:none}.pub-nav-ham{display:flex}.hero{padding:36px 20px 28px}.hero h1{font-size:28px}.hero-sub{font-size:14px}.hero-langs{gap:14px;flex-wrap:wrap;justify-content:center}.hero-cta{font-size:13px;padding:11px 22px}.feats{grid-template-columns:1fr;padding:16px 20px 40px}.sg,.lg{grid-template-columns:repeat(2,1fr)}.ss{grid-template-columns:1fr}.ct{padding:16px}.mk{flex-wrap:wrap}.mk-go{width:100%;text-align:center;margin-top:4px}.ct-bb{max-width:90%}.so{flex-direction:column;align-items:flex-start;gap:12px}.cc{padding:12px 14px;gap:10px}.ci{width:38px;height:38px;font-size:17px}.sc{padding:12px 14px}.sc-v{font-size:22px}}@media(max-width:480px){.hero h1{font-size:24px;line-height:1.2}.hero-langs{gap:10px}.hl-f{font-size:22px}.hl-n{font-size:9px}.sg{grid-template-columns:1fr 1fr}.lg{grid-template-columns:1fr}.lh{padding:14px 16px}.ct{padding:12px}.sc-v{font-size:20px}.cc{padding:10px 12px;gap:10px}.ci{width:36px;height:36px;font-size:16px;flex-shrink:0}.cc .btn{padding:6px 10px;font-size:11px;white-space:nowrap}.login-card-title{font-size:22px!important}}@keyframes spin{to{transform:rotate(360deg)}}.ph1{font-family:var(--fd);font-size:20px;font-weight:600;letter-spacing:-.02em}.psub{color:var(--muted);font-size:12.5px;margin-top:2px}.nd-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:600}.nd-chip.tgt{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.nd-chip b{font-family:var(--fd)}.nd-grid{display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tile{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:13px}.tile .l{font-size:10.5px;color:var(--muted);font-weight:600}.tile .v{font-family:var(--fd);font-size:25px;font-weight:600;margin-top:5px;letter-spacing:-.02em}.tile .v small{font-size:12px;color:var(--muted)}.tile .s{font-size:10.5px;margin-top:2px}.nd-up{color:var(--accent-ink);font-weight:700}.spark{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:8px}.spark i{flex:1;background:var(--accent-soft);border-radius:2px 2px 0 0}.spark i.hi{background:var(--accent)}.steps{display:flex;flex-direction:column;gap:8px}.step{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:10px 11px}.step.on{border-color:var(--accent);background:var(--accent-soft)}.step .mk{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:11px;font-weight:700}.step .mk.done{background:var(--accent);color:var(--on-accent)}.step .mk.now{background:var(--surface);border:2px solid var(--accent);color:var(--accent-ink)}.step .mk.next{background:var(--surface-alt);color:var(--muted)}.step .n{font-size:12.5px;font-weight:600}.step .r{font-size:11px;color:var(--muted)}.step.on .r{color:var(--accent-ink)}.step .mins{font-size:10.5px;color:var(--faint)}.barline{display:flex;align-items:center;gap:9px;margin-bottom:8px}.barline .b-nm{width:92px;font-size:12px;color:var(--muted)}.barline .b-tr{flex:1;height:7px;background:var(--surface-alt);border-radius:5px;overflow:hidden}.barline .b-fl{height:100%;border-radius:5px}.barline .b-pc{width:28px;text-align:right;font-size:12px;font-weight:700}.phn{display:flex;flex-wrap:wrap;gap:7px}.pht{display:inline-flex;align-items:center;gap:5px;background:var(--crit-soft);color:var(--crit);border-radius:8px;padding:4px 9px;font-weight:600;font-size:12px;font-family:var(--fd)}.pht small{color:var(--muted);font-weight:600;font-family:var(--fb)}.qa{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.act{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:left;color:var(--ink);text-decoration:none;font-family:var(--fb);transition:border-color .15s,background .15s}.act:hover{border-color:var(--accent);background:var(--accent-soft)}.act .ico{width:36px;height:36px;border-radius:12px;background:var(--accent-bg);color:var(--accent);display:grid;place-items:center;margin-bottom:4px}.act .nm{font-size:14px;font-weight:600}.act .ds{font-size:12.5px;color:var(--muted);background:none;border:0;border-radius:0;padding:0;margin:0;line-height:1.45}.nd-ring{position:relative;width:82px;height:82px;flex-shrink:0}.nd-ring svg{transform:rotate(-90deg)}.nd-ring .c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.nd-ring .c .n{font-family:var(--fd);font-size:19px;font-weight:600;line-height:1}.nd-ring .c .u{font-size:9px;color:var(--muted)}.tabbar{display:none}@media(max-width:768px){.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:90}.tabbar .tb{flex:1;text-align:center;padding:8px 2px 10px;font-size:9.5px;color:var(--text-muted);font-weight:600;background:none;border:none;cursor:pointer;font-family:var(--fb)}.tabbar .tb .ic{display:flex;justify-content:center;font-size:19px;margin-bottom:3px}.tabbar .tb.on{color:var(--accent-ink)}.has-tabbar{padding-bottom:68px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0B0F24;--surface: #111633;--surface-alt: #1A2046;--border: #2A3160;--border-light: #20274F;--text: #F2F4FB;--text-secondary: #C9CEE6;--text-muted: #AEB4D6;--accent: #7B96FF;--accent-light: #9AAEFF;--accent-bg: #1B2554;--accent-bg2: #243069;--on-accent: #0B0F24;--brand-ai: #FFB224;--brand-ink: #161C40;--spark: #FFB224;--spark-bg: #2E2410;--spark-ink: #FFC95C;--mint: #3CCB94;--mint-bg: #12332A;--mint-ink: #6FDDB2;--warm: #FFB224;--warm-bg: #2E2410;--warm-light: #3D3017;--red: #FF7A63;--red-bg: #3A1A16;--yellow: #FFB224;--yellow-bg: #2E2410;--blue: #7B96FF;--blue-bg: #1B2554;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--faint: #7A80A3;--accent-ink: #A9BBFF;--crit: #FF7A63;--crit-soft: #3A1A16;--warn: #FFB224;--warn-soft: #2E2410}}:root[data-theme=dark]{--bg: #0B0F24;--surface: #111633;--surface-alt: #1A2046;--border: #2A3160;--border-light: #20274F;--text: #F2F4FB;--text-secondary: #C9CEE6;--text-muted: #AEB4D6;--accent: #7B96FF;--accent-light: #9AAEFF;--accent-bg: #1B2554;--accent-bg2: #243069;--on-accent: #0B0F24;--brand-ai: #FFB224;--brand-ink: #161C40;--spark: #FFB224;--spark-bg: #2E2410;--spark-ink: #FFC95C;--mint: #3CCB94;--mint-bg: #12332A;--mint-ink: #6FDDB2;--warm: #FFB224;--warm-bg: #2E2410;--warm-light: #3D3017;--red: #FF7A63;--red-bg: #3A1A16;--yellow: #FFB224;--yellow-bg: #2E2410;--blue: #7B96FF;--blue-bg: #1B2554;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--faint: #7A80A3;--accent-ink: #A9BBFF;--crit: #FF7A63;--crit-soft: #3A1A16;--warn: #FFB224;--warn-soft: #2E2410}input[type=range]{-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 3px 10px #2d5a2759;cursor:grab;margin-top:-1px}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 3px 10px #2d5a2759;cursor:grab}details summary::-webkit-details-marker{display:none}@keyframes wv{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes fu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes recpulse{0%,to{box-shadow:0 0 #c4404073}70%{box-shadow:0 0 0 16px #c4404000}}.la-shell{min-height:100vh;background:var(--bg);color:var(--text)}.la-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light)}.la-header .la-brand{flex-shrink:0}.la-header-right{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:0}.la-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 12.5px/1.2 var(--fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw;text-decoration:none}.la-chip--accent{background:var(--accent-bg);border-color:var(--accent-bg2);color:var(--accent-ink)}.la-chip--spark{background:var(--spark-bg);border-color:transparent;color:var(--spark-ink)}.la-chip--mint{background:var(--mint-bg);border-color:transparent;color:var(--mint-ink)}.la-main{max-width:720px;margin:0 auto;padding:16px 16px calc(88px + env(safe-area-inset-bottom))}.la-page-title{font:700 22px/1.25 var(--fd);letter-spacing:-.01em;margin-bottom:4px}.la-page-sub{color:var(--text-muted);font-size:14px;margin-bottom:16px}.la-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.la-nav-brand{display:none}.la-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;color:var(--text-muted);text-decoration:none;font:600 11px/1.1 var(--fb)}.la-nav a.active{color:var(--accent)}.la-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:12px}@media(max-width:899px){.la-feedback>button,.la-feedback>div{bottom:calc(76px + env(safe-area-inset-bottom))!important}}@media(min-width:900px){.la-shell{padding-left:232px}.la-nav{top:0;right:auto;width:232px;display:flex;flex-direction:column;gap:4px;padding:20px 12px;border-top:0;border-right:1px solid var(--border)}.la-nav-brand{display:block;padding:0 10px 18px}.la-nav a{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--radius-sm);font-size:14px}.la-nav a.active{background:var(--accent-bg)}.la-header .la-brand{display:none}.la-main{padding-bottom:40px;padding-top:24px}.la-page-title{font-size:26px}}.la-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.la-grid{display:grid;gap:12px}@media(min-width:600px){.la-grid--2{grid-template-columns:1fr 1fr}}.la-tile{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 16px;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text);text-decoration:none;text-align:left;width:100%;font:inherit}a.la-tile:hover{border-color:var(--accent-bg2);box-shadow:var(--shadow-md)}.la-tile[aria-disabled=true]{opacity:.72;cursor:default}.la-tile-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent-bg);color:var(--accent);flex-shrink:0}.la-tile-title{font:600 15px/1.3 var(--fd)}.la-tile-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.la-tile-end{margin-left:auto;flex-shrink:0;color:var(--faint)}.la-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--text-muted);font:600 11px/1.6 var(--fb);white-space:nowrap}.la-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--radius-pill);border:0;background:var(--accent);color:var(--on-accent);font:600 15px/1 var(--fb);cursor:pointer;text-decoration:none}.la-btn:disabled{opacity:.6;cursor:default}.la-btn--ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.la-test-option{display:block;width:100%;min-height:64px;padding:14px 16px;text-align:left;background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius);font:inherit;color:var(--text);cursor:pointer}.la-test-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg)}.la-test-option:disabled{cursor:progress}.la-test-name{font:700 16px/1.3 var(--fd)}.la-test-skills{color:var(--text-muted);font-size:13px;margin-top:2px}.la-paths{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;scrollbar-width:none}.la-paths button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font:600 14px/1 var(--fb);cursor:pointer;white-space:nowrap}.la-paths button[aria-selected=true]{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}.la-next{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;border-radius:var(--radius);background:var(--brand-ink);color:#fff}.la-next-text{flex:1;min-width:0}.la-next-kicker{font-size:12px;opacity:.75}.la-next-title{font:600 16px/1.3 var(--fd)}.la-next .la-btn{background:var(--spark);color:var(--brand-ink)}.la-notice{padding:12px 14px;margin-bottom:16px;border-radius:var(--radius-sm);background:var(--warn-soft);color:var(--spark-ink);font-size:14px}.la-chapter{margin-bottom:8px}.la-chapter-head{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--panel)}.la-chapter-n{font:700 12px/1 var(--fb);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.la-chapter-title{font:600 14px/1.35 var(--fd)}.la-stages{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 0 10px}.la-stages:before{content:"";position:absolute;top:24px;bottom:24px;left:50%;border-left:3px dashed var(--border)}.la-stage{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:0;font:700 16px/1 var(--fd);cursor:default;background:var(--surface-alt);color:var(--faint);box-shadow:inset 0 -4px #11163314}.la-stage:nth-child(4n+2){transform:translate(-44px)}.la-stage:nth-child(4n+4){transform:translate(44px)}.la-stage--done{background:var(--mint);color:#fff}.la-stage--current{background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 0 0 6px var(--accent-bg2),inset 0 -4px #0000002e}.la-stage--current:focus-visible{outline:3px solid var(--spark);outline-offset:4px}.la-stage--boss{width:72px;height:72px;border-radius:24px}.la-stage--boss.la-stage--locked{background:var(--spark-bg);color:var(--warn)}.la-stage--boss.la-stage--current{background:var(--spark);color:var(--brand-ink);box-shadow:0 0 0 6px var(--spark-bg)}.la-stage-label{position:absolute;top:100%;margin-top:4px;font:600 11px/1.2 var(--fb);color:var(--text-muted);white-space:nowrap}.la-stage--current .la-stage-label{color:var(--accent)}@media(prefers-reduced-motion:no-preference){.la-stage--current:not(.la-stage--soon){animation:la-pulse 2.4s ease-in-out infinite}}@keyframes la-pulse{0%,to{box-shadow:0 0 0 6px var(--accent-bg2),inset 0 -4px #0000002e}50%{box-shadow:0 0 0 11px var(--accent-bg),inset 0 -4px #0000002e}}.la-stage--soon{background:var(--surface-alt);color:var(--text-muted);box-shadow:0 0 0 4px var(--border-light);cursor:default}.la-tabs{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto}.la-tabs a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--radius-pill);color:var(--text-secondary);text-decoration:none;font:600 14px/1 var(--fb);white-space:nowrap}.la-tabs a.active{background:var(--accent-bg);color:var(--accent-ink)}.la-field{display:grid;gap:6px;margin-bottom:14px}.la-field label{font:600 14px/1.3 var(--fb)}.la-field small{color:var(--text-muted);font-size:12.5px}.la-field input{min-height:44px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font:15px var(--fb)}.la-skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--surface-alt),var(--border-light),var(--surface-alt));background-size:200% 100%;min-height:72px}@media(prefers-reduced-motion:no-preference){.la-skeleton{animation:la-shimmer 1.4s linear infinite}}@keyframes la-shimmer{to{background-position:-200% 0}}.la-recorder{display:flex;flex-direction:column;align-items:stretch}.la-recorder--sticky{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:15;padding:10px 0;background:linear-gradient(to top,var(--bg) 70%,transparent)}@media(min-width:900px){.la-recorder--sticky{bottom:0}}.la-rec-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:var(--radius-pill);border:0;background:var(--accent);color:var(--on-accent);font:600 16px/1 var(--fb);cursor:pointer;box-shadow:var(--shadow-md)}.la-rec-btn--on{background:var(--crit)}.la-rec-btn:disabled{opacity:.7;cursor:progress}.la-timer{display:inline-flex;align-items:baseline;gap:10px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent-ink)}.la-timer--speak{background:var(--mint-bg);color:var(--mint-ink)}.la-timer--done{background:var(--crit-soft);color:var(--crit)}.la-timer-label{font:600 13px/1 var(--fb)}.la-timer-clock{font:700 22px/1 var(--fd);font-variant-numeric:tabular-nums}.la-player{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.la-icon-btn{min-width:44px;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 13px/1 var(--fb);display:grid;place-items:center;cursor:pointer}.la-icon-btn--main{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.la-speed{display:inline-flex;margin-left:auto;border:1px solid var(--border);border-radius:var(--radius-pill);overflow:hidden}.la-speed button{min-height:44px;padding:0 12px;border:0;background:var(--surface);color:var(--text-secondary);font:600 13px/1 var(--fb);cursor:pointer}.la-speed button[aria-pressed=true]{background:var(--accent-bg);color:var(--accent-ink)}.la-score{display:flex;align-items:baseline;gap:8px}.la-score-value{font:700 34px/1 var(--fd);color:var(--accent)}.la-score-unit{color:var(--text-muted);font-size:14px}.la-criteria{list-style:none;display:grid;gap:10px}.la-criteria li{display:grid;grid-template-columns:minmax(96px,34%) 1fr auto;align-items:center;gap:10px;font-size:14px}.la-criteria-bar{height:10px;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden}.la-criteria-bar>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.la-criteria-value{color:var(--text-muted);font-variant-numeric:tabular-nums}.la-diff p{margin-bottom:8px;line-height:1.7}.la-diff-label{display:block;font:600 12px/1.4 var(--fb);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.la-diff-removed{background:var(--crit-soft);color:var(--crit);text-decoration:line-through;border-radius:4px}.la-diff-added{background:var(--mint-bg);color:var(--mint-ink);border-radius:4px;font-weight:600}.la-words{display:flex;flex-wrap:wrap;gap:6px}.la-word{min-height:40px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid transparent;font:600 15px/1 var(--fb);cursor:pointer}.la-word--good{background:var(--mint-bg);color:var(--mint-ink)}.la-word--fair{background:var(--warn-soft);color:var(--spark-ink)}.la-word--poor{background:var(--crit-soft);color:var(--crit)}.la-word[aria-pressed=true]{border-color:currentColor}.la-word-detail{margin-top:8px;font-size:14px;color:var(--text-secondary)}.la-game{max-width:640px}.la-game-head{display:flex;align-items:center;gap:12px}.la-game-leave{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;font:400 28px/1 var(--fb);color:var(--text-muted);text-decoration:none;border-radius:var(--radius-pill)}.la-game-leave:hover{background:var(--surface-alt)}.la-game-progress{flex:1;height:12px;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden}.la-game-progress>span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s ease}.la-game-count{font:600 13px/1.4 var(--fb);color:var(--text-muted);white-space:nowrap}.la-game-card{display:grid;gap:14px}.la-game-listen{justify-self:start}.la-game-prompt{font:600 18px/1.5 var(--fb);color:var(--text);margin:0}.la-game-options{display:grid;gap:10px}.la-game-option{min-height:52px;padding:12px 16px;text-align:left;font:500 16px/1.4 var(--fb);color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.la-game-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg)}.la-game-option:disabled{opacity:.6;cursor:default}.la-game-form{display:grid;gap:10px}.la-input{min-height:48px;padding:0 14px;width:100%;font:500 16px/1.4 var(--fb);color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm)}.la-input:focus{outline:2px solid var(--accent);outline-offset:1px}.la-game-feedback{padding:16px;border-radius:var(--radius);display:grid;gap:8px}.la-game-feedback p{margin:0;line-height:1.5}.la-game-feedback.is-right{background:var(--mint-bg);color:var(--mint-ink)}.la-game-feedback.is-wrong{background:var(--crit-soft);color:var(--crit)}.la-game-feedback .la-btn{justify-self:start}.la-game-xp{font:700 14px/1.4 var(--fb);color:var(--spark-ink)}.la-reward{max-width:480px;text-align:center;display:grid;justify-items:center;gap:12px;padding:28px 20px}.la-reward-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-pill);background:var(--spark-bg);color:var(--spark-ink)}.la-reward-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font:600 16px/1.5 var(--fb);color:var(--text)}.la-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.la-section-title{font:700 16px/1.4 var(--fd);color:var(--text);margin:0 0 8px}.la-muted{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 10px}.la-result-audio{margin-top:14px}.la-result-mistake+.la-result-mistake{border-top:1px solid var(--border-light);margin-top:12px;padding-top:12px}.la-retry{display:grid;gap:10px}.la-retry .la-btn--ghost{justify-self:start}.la-retry-target{font:600 18px/1.5 var(--fb);color:var(--text);margin:0}.la-retry-tabs{display:flex;gap:8px}.la-retry-tabs button{min-width:44px;min-height:36px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font:600 14px/1 var(--fb);color:var(--text)}.la-retry-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.la-retry-result{padding:14px;border-radius:var(--radius);display:grid;gap:8px}.la-retry-result.is-pass{background:var(--mint-bg);color:var(--mint-ink)}.la-retry-result.is-again{background:var(--warn-soft);color:var(--spark-ink)}.la-retry-result p{margin:0}.la-compare{border-collapse:collapse;width:100%;font:500 14px/1.4 var(--fb);color:var(--text)}.la-compare th,.la-compare td{padding:4px 8px;text-align:left;border-bottom:1px solid var(--border-light)}.la-compare thead th{font-weight:600;color:var(--text-muted);font-size:12px}.la-compare td{font-variant-numeric:tabular-nums}.la-compare td.is-up{color:var(--mint-ink);font-weight:700}.la-result-saved{display:grid;gap:10px}.la-result-saved p{margin:0;font-weight:600}.la-result-saved .la-btn{justify-self:start}.la-drill-listen{display:flex;gap:8px;flex-wrap:wrap}.la-review-card{display:grid;gap:12px}.la-review-card .la-btn--ghost{justify-self:start}.la-review-text{font:700 22px/1.4 var(--fd);color:var(--text);margin:0}.la-review-meaning{font:500 16px/1.5 var(--fb);color:var(--text-secondary);margin:0}.la-review-score{font:700 15px/1.4 var(--fb);color:var(--accent-ink);margin:0}.la-review-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.la-review-grades .la-btn{padding:0 8px}.la-today-stats{display:grid;gap:12px;margin-bottom:16px}@media(min-width:900px){.la-today-stats{grid-template-columns:1fr 1fr}}.la-stat{display:flex;gap:12px;align-items:center}.la-stat-grow{flex:1;min-width:0}.la-stat-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent-ink)}.la-stat-icon--streak{background:var(--spark-bg);color:var(--spark-ink)}.la-stat-label{font:600 12px/1.4 var(--fb);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.la-stat-value{font:700 20px/1.3 var(--fd);color:var(--text)}.la-stat-sub{font:500 13px/1.4 var(--fb);color:var(--text-secondary)}.la-stat-bar{height:8px;margin:6px 0;border-radius:var(--radius-pill);background:var(--surface-alt);overflow:hidden}.la-stat-bar>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.la-quests{margin-bottom:16px}.la-quests-title{font:700 16px/1.4 var(--fd);color:var(--text);margin:0 0 10px}.la-quests ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.la-quests li{display:flex;align-items:center;gap:10px;min-height:32px}.la-quest-check{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:var(--radius-pill);border:2px solid var(--border)}.la-quests li.is-done .la-quest-check{background:var(--mint-bg);border-color:var(--mint-ink);color:var(--mint-ink)}.la-quests li.is-done .la-quest-label{color:var(--text-muted);text-decoration:line-through}.la-quest-label{flex:1;font:500 15px/1.4 var(--fb);color:var(--text)}.la-quest-count{font:600 13px/1.4 var(--fb);color:var(--text-muted);font-variant-numeric:tabular-nums}.la-retry-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.la-retry-card .la-quests-title{margin-bottom:4px}