@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff)format("woff")}:root{--bg:#f6f6f4;--surface:#fff;--surface-2:#eff0ee;--border:#dedfdc;--border-strong:#c5c7c3;--text:#1b1d21;--text-2:#5c6168;--text-3:#8a9097;--accent:#1f5c99;--accent-hover:#194d82;--accent-soft:#e6eef7;--on-accent:#fff;--focus:#1f5c99;--ok:#1e7a46;--ok-soft:#e8f3ec;--fix:#a83e2a;--fix-soft:#fbf3f0;--fix-border:#ebcfc7;--note:#8a5a00;--note-soft:#fbf4e4;--rec:#c2362b;--chart-template:#a9adb2;--chart-user:var(--accent);--chart-wrong:var(--fix);--chart-grid:#e7e8e5;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-zh:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--zh-sm:1.25rem;--zh-md:1.625rem;--zh-lg:2.25rem;--lh-tight:1.25;--lh-body:1.5;--lh-zh:1.45;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-full:999px;--shadow-1:0 1px 2px #1012140f;--shadow-2:0 4px 16px #10121414, 0 1px 3px #1012140f;--dur-1:.1s;--dur-2:.15s;--ease:cubic-bezier(.2, 0, 0, 1);--tap:44px;--content-max:760px;--wide-max:1080px;--topbar-h:56px;--micbar-h:88px;--seg-on:var(--surface);--knob-on:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#111315;--surface:#191b1e;--surface-2:#222529;--border:#2c3035;--border-strong:#3d4248;--text:#e6e8eb;--text-2:#a0a6ae;--text-3:#6d737b;--accent:#7fb2ea;--accent-hover:#9bc3ef;--accent-soft:#1c2a3a;--on-accent:#0e1b2a;--focus:#7fb2ea;--ok:#6cc896;--ok-soft:#17271e;--fix:#f0907a;--fix-soft:#2a1e1b;--fix-border:#4a2e27;--note:#e0b45c;--note-soft:#2a2416;--rec:#f26b5e;--chart-template:#5d636a;--chart-grid:#26292d;--shadow-1:none;--shadow-2:0 0 0 1px var(--border), 0 8px 24px #0006;--seg-on:var(--border-strong);--knob-on:var(--on-accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111315;--surface:#191b1e;--surface-2:#222529;--border:#2c3035;--border-strong:#3d4248;--text:#e6e8eb;--text-2:#a0a6ae;--text-3:#6d737b;--accent:#7fb2ea;--accent-hover:#9bc3ef;--accent-soft:#1c2a3a;--on-accent:#0e1b2a;--focus:#7fb2ea;--ok:#6cc896;--ok-soft:#17271e;--fix:#f0907a;--fix-soft:#2a1e1b;--fix-border:#4a2e27;--note:#e0b45c;--note-soft:#2a2416;--rec:#f26b5e;--chart-template:#5d636a;--chart-grid:#26292d;--shadow-1:none;--shadow-2:0 0 0 1px var(--border), 0 8px 24px #0006;--seg-on:var(--border-strong);--knob-on:var(--on-accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}html,body{margin:0}body{background:var(--bg);color:var(--text);font:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}h1{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0}p{margin:0}a{color:var(--accent);text-underline-offset:3px}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.zh,[lang=zh-Hans],[lang=zh-CN]{font-family:var(--font-zh);letter-spacing:.02em;font-weight:var(--fw-regular)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--text-2);font-size:var(--fs-sm)}.label{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}.error{color:var(--fix)}.ok{color:var(--ok)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--surface);color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:10px 14px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.i{flex:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}kbd{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}@media (hover:none){.kbd-hint{display:none}}.btn{font:inherit;font-weight:var(--fw-medium);min-height:var(--tap);border-radius:var(--r-md);cursor:pointer;color:var(--text);white-space:nowrap;transition:background-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);border-color:var(--border-strong)}.btn--secondary:hover:not(:disabled),.btn--ghost:hover:not(:disabled),.btn--icon:hover:not(:disabled){background:var(--surface-2)}.btn--danger{color:var(--fix);border-color:var(--fix-border)}.btn--danger:hover:not(:disabled){background:var(--fix-soft)}.btn--sm{min-height:36px;font-size:var(--fs-sm);padding:0 12px}.btn--sm:before{content:"";position:absolute;inset:-4px 0}.btn--icon{width:40px;height:40px;min-height:40px;color:var(--text-2);padding:0}.btn--icon:before{content:"";position:absolute;inset:-2px}.btn--icon.btn--xs{width:32px;height:32px;min-height:32px}.btn--icon.btn--xs:before{inset:-6px}.btn--block{width:100%}.btn--link{min-height:0;color:var(--accent);font-weight:var(--fw-medium);background:0 0;border:0;padding:0}.btn--link:before{content:"";position:absolute;inset:-12px -6px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{flex-direction:column;gap:6px;margin-top:16px;display:flex}.field:first-child{margin-top:0}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text)}.help{font-size:var(--fs-sm);color:var(--text-2)}.field__error{font-size:var(--fs-sm);color:var(--fix);align-items:center;gap:6px;display:flex}.input{font:inherit;width:100%;min-height:var(--tap);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:0 12px}textarea.input{resize:vertical;min-height:88px;line-height:var(--lh-body);padding:10px 12px}.input::placeholder{color:var(--text-3)}.input:hover:not(:disabled){border-color:var(--text-3)}.input:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--accent)}.input:disabled{background:var(--surface-2)}.input[aria-invalid=true]{border-color:var(--fix)}.select{display:block;position:relative}.select select{appearance:none;cursor:pointer;padding-right:36px}.select .i{pointer-events:none;color:var(--text-2);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-icon{position:relative}.input-icon>.i{color:var(--text-2);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon>.input{padding-left:38px}input[type=range]{accent-color:var(--accent);width:min(320px,100%);min-height:var(--tap)}.switchrow{border-top:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;display:flex}.switchrow:first-of-type{border-top:0}.switch{appearance:none;background:var(--border-strong);cursor:pointer;width:36px;height:20px;transition:background-color var(--dur-1);border-radius:10px;flex:none;margin:0;position:relative}.switch:before{content:"";position:absolute;inset:-12px -4px}.switch:after{content:"";width:16px;height:16px;transition:transform var(--dur-1) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent)}.switch:checked:after{background:var(--knob-on);transform:translate(16px)}.radios{grid-template-columns:1fr 1fr;gap:10px;display:grid}.radio-card{border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;background:var(--surface);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.radio-card input{accent-color:var(--accent);flex:none;width:16px;height:16px;margin:3px 0 0}.radio-card__name{font-weight:var(--fw-medium);display:block}.radio-card__desc{font-size:var(--fs-sm);color:var(--text-2);display:block}.radio-card--selected{border-color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent);background:var(--accent-soft)}.secret{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:4px 6px 4px 12px;display:flex}.secret__value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);color:var(--text-2);flex:1;min-width:8em}.secret__edit{flex-wrap:wrap;gap:8px;display:flex}.secret__edit .input{flex:240px}.saved{color:var(--ok);font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:4px;display:inline-flex}.tag{font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);white-space:nowrap;align-items:center;gap:4px;padding:4px 8px;line-height:1;display:inline-flex}.tag--ok{background:var(--ok-soft);color:var(--ok)}.tag--accent{background:var(--accent-soft);color:var(--accent)}.tag--note{background:var(--note-soft);color:var(--note)}.tag--fix{color:var(--fix);border:1px solid var(--fix-border);background:0 0}.dot{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--note{background:var(--note)}.dot--fix{background:var(--fix)}.topbar{z-index:40;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar__in{max-width:var(--wide-max);align-items:center;gap:12px;height:100%;margin:0 auto;padding:0 24px;display:flex}.brand{min-height:var(--tap);color:var(--text);font-weight:var(--fw-semibold);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand__mark{background:var(--text);width:28px;height:28px;color:var(--bg);font-family:var(--font-zh);border-radius:7px;place-items:center;font-size:16px;line-height:1;display:grid}.topbar__spacer{flex:1}.topnav{align-items:center;gap:4px;margin-left:16px;display:flex}.topnav__link{border-radius:var(--r-md);min-height:36px;color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.topnav__link:hover{background:var(--surface-2);color:var(--text)}.topnav__link[aria-current=page]{color:var(--text);background:var(--surface-2)}.home-simple .radios{margin-top:8px}.ai-badge{border:1px solid var(--border);border-radius:var(--r-full);height:32px;font-size:var(--fs-sm);color:var(--text-2);background:var(--surface);white-space:nowrap;align-items:center;gap:8px;min-width:0;padding:0 12px;text-decoration:none;display:inline-flex;position:relative}.ai-badge:before{content:"";position:absolute;inset:-6px 0}.ai-badge:hover{background:var(--surface-2)}.ai-badge b{color:var(--text);font-weight:var(--fw-medium);text-overflow:ellipsis;overflow:hidden}.avatar{background:var(--surface-2);width:32px;height:32px;color:var(--text-2);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border:1px solid var(--border);border-radius:50%;place-items:center;display:grid}.user-menu{position:relative}.user-menu>summary{width:var(--tap);height:var(--tap);border-radius:var(--r-md);cursor:pointer;place-items:center;list-style:none;display:grid}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:hover .avatar{background:var(--border)}.menu{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:248px;box-shadow:var(--shadow-2);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu__head{border-bottom:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2);overflow-wrap:anywhere;margin-bottom:4px;padding:8px 10px 10px}.menu__item{font:inherit;font-size:var(--fs-sm);border-radius:var(--r-sm);min-height:40px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0 10px;text-decoration:none;display:flex}.menu__item:hover{background:var(--surface-2)}.menu__item .i{color:var(--text-2)}.menu__item--danger,.menu__item--danger .i{color:var(--fix)}.menu__item--danger:hover{background:var(--fix-soft)}.menu__sep{background:var(--border);height:1px;margin:4px 0}.menu__label{font-size:var(--fs-xs);color:var(--text-2);padding:6px 10px 4px}.menu .seg{margin:0 4px 4px;display:flex}.menu .seg button{flex:1;justify-content:center}.seg{background:var(--surface-2);border-radius:var(--r-md);flex:none;gap:2px;padding:4px;display:inline-flex}.seg button,.seg a{font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);min-height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex;position:relative}.seg button:before{content:"";position:absolute;inset:-6px 0}.seg button:hover{color:var(--text)}.seg button[aria-selected=true],.seg button[aria-pressed=true],.seg button[aria-checked=true]{background:var(--seg-on);color:var(--text);box-shadow:var(--shadow-1)}.seg .count{color:var(--text-3);font-variant-numeric:tabular-nums;font-weight:var(--fw-regular)}.seg button[aria-selected=true] .count{color:var(--text-2)}.main{display:block}.page{max-width:var(--wide-max);margin:0 auto;padding:24px}.page--narrow{max-width:var(--content-max)}.page__head{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.page__head p{color:var(--text-2)}.crumb{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:2px;min-height:28px;text-decoration:none;display:inline-flex;position:relative}.crumb:before{content:"";position:absolute;inset:-8px -4px}.crumb:hover{color:var(--text)}.crumbs{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:4px;display:flex}.crumbs a{color:var(--text-2);text-decoration:none}.crumbs a:hover{color:var(--text);text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:20px}.card+.card,.card+.stack,.stack+.card{margin-top:16px}.card--flush{padding:0}.card__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.card__head h2{font-size:var(--fs-md)}.card>h2+.muted,.card>h2+p{margin-top:6px}.stack{flex-direction:column;gap:16px;display:flex}.state{align-items:flex-start;gap:12px;display:flex}.state>.i{color:var(--text-3);margin-top:2px}.state--error>.i{color:var(--fix)}.state__body{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.state__body .btn{margin-top:8px}.skel{background:var(--surface-2);border-radius:var(--r-sm);display:block}.skel-row{border-top:1px solid var(--border);align-items:center;gap:16px;padding:14px 20px;display:flex}.skel-row:first-child{border-top:0}.home-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.m-tabs{margin-bottom:16px}.continue{justify-content:space-between;align-items:center;gap:20px;display:flex}.continue__body{align-items:center;gap:20px;min-width:0;display:flex}.continue__zh{font-family:var(--font-zh);font-size:var(--zh-lg);letter-spacing:.04em;white-space:nowrap;line-height:1}.continue__meta{flex-direction:column;gap:4px;min-width:0;display:flex}.continue__actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.chips{scrollbar-width:none;gap:8px;margin:20px 0 12px;padding:4px 2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}@media (width>=768px){.chips{flex-wrap:wrap;overflow-x:visible}}.chip{font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-2);cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative}.chip:before{content:"";position:absolute;inset:-4px 0}.chip:hover{color:var(--text)}.chip[aria-selected=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.list-head{justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px 0;display:flex}.lessons>ul{margin:0;padding:0;list-style:none}.lrow{border-top:1px solid var(--border);align-items:center;gap:16px;min-height:68px;padding:12px 20px;display:flex}.lessons>ul>.lrow:first-child{border-top:0}.lrow--current{background:var(--accent-soft)}.lessons>ul>.lrow:last-child{border-radius:0 0 var(--r-md) var(--r-md)}.tile{background:var(--surface-2);width:36px;height:36px;color:var(--text-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;place-items:center;display:grid}.tile--ok{background:var(--ok-soft);color:var(--ok)}.tile--cur{background:var(--accent);color:var(--on-accent)}.lrow__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lrow__title{font-weight:var(--fw-medium);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lrow__meta{font-size:var(--fs-sm);color:var(--text-2)}.lrow__actions{flex:none;align-items:center;gap:8px;display:flex}.side .card h2{font-size:var(--fs-md)}.errs{flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.errs li{font-size:var(--fs-sm);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.errs li:first-child{border-top:0}.bar{background:var(--surface-2);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.big-num{font-size:var(--fs-xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.hub{flex-direction:column;gap:16px;display:flex}.modes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.mode-card{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);flex-direction:column;gap:6px;min-height:112px;padding:16px;text-decoration:none;display:flex}.mode-card:hover{background:var(--surface-2)}.mode-card__title{font-weight:var(--fw-semibold);align-items:center;gap:8px;display:flex}.mode-card__title .i{color:var(--accent)}.mode-card p{color:var(--text-2);font-size:var(--fs-sm)}.practice{padding-bottom:calc(var(--micbar-h) + 56px + env(safe-area-inset-bottom))}.chat-tail{scroll-margin-bottom:calc(var(--micbar-h) + 32px + env(safe-area-inset-bottom))}.chat-head{top:var(--topbar-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--border);position:sticky}.chat-head__in{max-width:var(--content-max);flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:64px;margin:0 auto;padding:10px 24px;display:flex}.chat-head__tools{flex-wrap:wrap;justify-content:flex-end}.chat-head__title{flex-direction:column;flex:220px;gap:0;min-width:0;display:flex}.chat-head__title h1{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-head__meta{font-size:var(--fs-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-head__tools{align-items:center;gap:8px;display:flex;position:relative}.chat-head__more{display:none}.chat-head__panel{align-items:center;gap:8px;display:flex}.practice__body{max-width:var(--content-max);margin:0 auto;padding:24px 24px 0}.chat{flex-direction:column;gap:16px;display:flex}.practice__body>.card+.chat,.practice__body>.notice+.chat{margin-top:16px}.chat-info,.sysline{font-size:var(--fs-sm);color:var(--text-2);text-align:center;align-self:center;max-width:100%}.chat-info.error{color:var(--fix);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chat-info.ai-pending{align-items:center;gap:8px;display:inline-flex}.typing{gap:4px;display:inline-flex}.typing span{background:var(--text-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{opacity:.35}50%{opacity:1}}.msg{max-width:75%;animation:enter var(--dur-2) var(--ease);flex-direction:column;gap:6px;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.msg--ai{align-self:flex-start}.msg--me{align-self:flex-end;align-items:flex-end}.speaker{font-size:var(--fs-xs);color:var(--text-2);align-items:center;gap:6px;display:flex}.bubble{border-radius:var(--r-md);overflow-wrap:anywhere;max-width:100%;padding:12px 16px}.bubble.bot{background:var(--surface);border:1px solid var(--border);border-top-left-radius:4px}.bubble.user{background:var(--surface-2);border-top-right-radius:4px}.bubble.draft-bubble{border:1.5px dashed var(--border-strong);background:0 0}.bubble .zh,.corrected .zh,.hint-card .zh,.cc-alt .zh{font-size:var(--zh-md);line-height:var(--lh-zh)}.py{font-size:var(--fs-sm);color:var(--text-2);letter-spacing:.01em;margin-top:4px}.tr{font-size:var(--fs-sm);color:var(--text-2);align-items:baseline;gap:8px;margin-top:2px;display:flex}.lt{font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--text-2);flex:none;min-width:16px}.b-foot{align-items:center;gap:8px;margin:6px 0 -6px -10px;display:flex}.bubble-source{font-size:var(--fs-xs);color:var(--text-2)}u.disallowed{-webkit-text-decoration:underline 2px var(--fix);text-decoration:underline 2px var(--fix);text-underline-offset:5px;color:var(--fix)}u.disallowed.new-word{-webkit-text-decoration:underline 2px dotted var(--note);text-decoration:underline 2px dotted var(--note);color:inherit}.new-words{font-size:var(--fs-sm);flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.new-words li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.new-words .zh{font-size:var(--fs-md)}.draft{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:6px;max-width:75%;display:flex}.draft-tag{font-size:var(--fs-xs);color:var(--text-2)}.tone{border-top:1px solid var(--border);font-size:var(--fs-sm);margin-top:10px;padding-top:10px}.bubble.user .tone{border-top-color:var(--border-strong)}.tone__line{color:var(--text);align-items:flex-start;gap:8px;display:flex}.tone__line .i{color:var(--note);margin-top:2px}.tone__line b{font-weight:var(--fw-medium)}.tone__toggle{font:inherit;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-2);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;align-items:center;gap:4px;min-height:32px;margin:2px 0 0 -6px;padding:0 6px;display:inline-flex;position:relative}.tone__toggle:before{content:"";position:absolute;inset:-6px 0}.tone__toggle:hover{background:var(--surface);color:var(--text)}.tone__toggle[aria-expanded=true] .i{transform:rotate(180deg)}.pitch-chart{max-width:320px;margin-top:4px}.pitch-chart svg{width:100%;height:auto;display:block;overflow:visible}.pitch-chart .grid{stroke:var(--chart-grid);stroke-width:1px}.pitch-chart .band{fill:var(--fix-soft)}.pitch-chart .template{stroke:var(--chart-template);stroke-width:1.5px;stroke-dasharray:3 3;fill:none;stroke-linecap:round}.pitch-chart .user{stroke:var(--chart-user);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.pitch-chart .user.wrong-seg{stroke:var(--chart-wrong)}.pitch-chart text{font-family:var(--font-ui);fill:var(--text-2);font-size:11px}.pitch-chart text.wrong{fill:var(--fix);font-weight:var(--fw-semibold);text-decoration:underline}.legend{font-size:var(--fs-xs);color:var(--text-2);gap:12px;margin-top:2px;display:flex}.pitch-note{font-size:var(--fs-xs);color:var(--text-2);margin-top:2px}.hint-card{background:var(--note-soft);border:1px solid color-mix(in srgb, var(--note) 30%, transparent);border-radius:var(--r-md);align-self:stretch;padding:14px 16px}.hint-card__title{font-weight:var(--fw-medium);align-items:flex-start;gap:8px;display:flex}.hint-card__title .i{color:var(--note);margin-top:2px}.hint-card ul{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.hint-card li{background:var(--surface);border-radius:var(--r-sm);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.hint-card li .zh{font-size:var(--zh-sm)}.correction-card{background:var(--fix-soft);border:1px solid var(--fix-border);border-radius:var(--r-md);animation:enter var(--dur-2) var(--ease);flex-direction:column;align-self:stretch;gap:12px;padding:16px 20px;display:flex}.correction-card.done{background:var(--surface);border-color:var(--border)}.cc__head{align-items:center;gap:8px;display:flex}.cc__head h3{flex:1;align-items:center;gap:8px;display:flex}.cc__head h3 .i{color:var(--fix)}.correction-card.done .cc__head h3 .i{color:var(--text-2)}.cc__said{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.cc__said .zh{font-size:var(--zh-sm)}.k{font-size:var(--fs-xs);color:var(--text-2);font-weight:var(--fw-medium);min-width:56px}.highlight{color:var(--fix);font-weight:var(--fw-regular);-webkit-text-decoration:underline 2px var(--fix);text-decoration:underline 2px var(--fix);text-underline-offset:5px}.corrected{background:var(--surface);border:1px solid var(--fix-border);border-radius:var(--r-sm);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.correction-card.done .corrected{border-color:var(--border)}.corrected__body{flex:1;min-width:0}.corrected .k{color:var(--ok);align-items:center;gap:4px;margin-bottom:2px;display:flex}.cc-alts summary{cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:4px;min-height:32px;list-style:none;display:inline-flex}.cc-alts summary::-webkit-details-marker{display:none}.cc-alts[open] summary .i{transform:rotate(180deg)}.cc-alt{padding:8px 0 0 12px}.cc-alt .zh{font-size:var(--zh-sm)}.cc__foot{border-top:1px solid var(--fix-border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.cc__foot p{font-size:var(--fs-sm);font-weight:var(--fw-medium);align-items:center;gap:8px;display:flex}.cc__foot .i{color:var(--text-2)}.cc__status{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ok);align-items:center;gap:6px;display:flex}.cc__status--skip{color:var(--text-2)}.cc-details summary{cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);align-items:center;min-height:32px;display:inline-flex}.cc-details[open]{flex-direction:column;gap:12px;display:flex}.chat-end{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;display:flex}.summary-panel{align-self:stretch}.summary-panel h3{font-size:var(--fs-sm);color:var(--text-2);font-weight:var(--fw-medium);margin:16px 0 8px}.summary-panel ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.summary-panel li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.summary-wrong{color:var(--fix);text-decoration:line-through;text-decoration-thickness:1px}.summary-right{color:var(--ok)}.summary-panel .btn-row{margin-top:16px}.role-picker .btn-row{margin-top:12px}.role-picker .btn{white-space:normal;text-align:left;justify-content:flex-start;padding-block:10px;line-height:1.35}.micbar{z-index:35;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:min(560px,100% - 32px);box-shadow:var(--shadow-2);min-height:var(--micbar-h);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.micbar__status{font-size:var(--fs-sm);color:var(--text-2);flex-direction:column;gap:2px;min-width:0;display:flex}.micbar__status b{color:var(--text);font-weight:var(--fw-medium);align-items:center;gap:6px;display:inline-flex}.micbar__right{justify-self:end}.mic-button{background:var(--accent);width:64px;height:64px;color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-2);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:background-color var(--dur-1);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.mic-button:hover{background:var(--accent-hover)}.mic-button[data-state=listening]{background:var(--rec);color:#fff}.mic-button[data-state=listening]:after{content:"";border:2px solid color-mix(in srgb, var(--rec) 35%, transparent);border-radius:50%;position:absolute;inset:-6px}.mic-button[data-state=processing],.mic-button[data-state=disabled]{background:var(--surface-2);color:var(--text-3);box-shadow:none;cursor:not-allowed}.mic-button[data-state=processing]{color:var(--text-2)}.recdot{background:var(--rec);border-radius:50%;width:8px;height:8px;display:inline-block}.draftbar{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.draftbar__btns{gap:12px;display:flex}.draftbar__btns .btn--primary{flex:1}.draftbar .help{text-align:right}.drill-progress{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:12px;display:flex}.drill-progress .bar{flex:1;margin:0}.drill-prompt{align-self:stretch}.drill-prompt .drill-vi{font-size:var(--fs-xl);font-weight:var(--fw-medium);margin:6px 0 4px;line-height:1.35}.drill-prompt .btn-row{margin-top:10px}.drill-prompt .tone .zh{font-size:var(--zh-md);line-height:var(--lh-zh);margin-top:2px}.drill-ok{flex-direction:column;align-self:stretch;gap:8px;display:flex}.drill-ok__head{color:var(--ok);font-weight:var(--fw-medium);font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.drill-ok .bubble.bot .zh{font-size:var(--zh-lg)}.notice{color:var(--note);background:var(--note-soft);border-radius:var(--r-sm);font-size:var(--fs-sm);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.scenario-card .scenario-character{flex-wrap:wrap;align-items:baseline;gap:4px 8px;display:flex}.character-name .zh{font-weight:var(--fw-regular);font-size:var(--fs-lg)}.character-name .pinyin,.character-name .vi{color:var(--text-2)}.scenario-title{font-size:var(--fs-lg);margin:8px 0 12px}.scenario-details{font-size:var(--fs-sm);grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.scenario-details dt{color:var(--text-2)}.scenario-details dd{margin:0}.character-list{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.character-card{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);flex-direction:column;gap:8px;padding:4px;display:flex}.character-card.current{border-color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent);background:var(--accent-soft)}.character-pick{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:40px 1fr;align-items:start;gap:2px 12px;padding:10px 12px;display:grid}.character-pick:hover:not(:disabled){background:color-mix(in srgb, var(--surface-2) 60%, transparent)}.character-pick:disabled{cursor:not-allowed}.monogram{background:var(--surface-2);width:40px;height:40px;font-family:var(--font-zh);font-size:var(--fs-lg);color:var(--text);border-radius:50%;grid-row:span 3;place-items:center;display:grid}.character-meta{font-size:var(--fs-sm);color:var(--text-2)}.character-bio{font-size:var(--fs-sm);color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.character-pick:disabled .character-bio{color:var(--note)}.character-card__actions{justify-content:flex-end;gap:8px;padding:0 8px 8px;display:flex}.topic-input{position:relative}.topic-input .input{min-height:52px;font-size:var(--fs-lg);padding-right:56px}.topic-input .btn--icon{position:absolute;top:6px;right:6px}.topic-input .btn--icon[aria-pressed=true]{background:var(--rec);color:#fff}.free-chat[hidden]{display:none}.settings{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:40px;display:grid}.snav{top:calc(var(--topbar-h) + 24px);flex-direction:column;gap:2px;display:flex;position:sticky}.snav a{font-size:var(--fs-sm);color:var(--text-2);border-radius:var(--r-sm);align-items:center;min-height:40px;padding:0 12px;text-decoration:none;display:flex}.snav a:hover{background:var(--surface-2);color:var(--text)}.sec{scroll-margin-top:calc(var(--topbar-h) + 16px)}.sec>h2{margin-bottom:4px}.sec>.muted:first-of-type{margin-bottom:16px}.acct__block{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.acct__block h3{margin-bottom:4px}.acct__block .field{margin-top:12px}.acct__block .btn-row{margin-top:16px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.status-line{font-size:var(--fs-sm);color:var(--text-2);align-items:center;gap:8px;display:inline-flex}.status-line.ok{color:var(--ok)}.status-line.error{color:var(--fix)}.toast{z-index:60;right:24px;top:calc(var(--topbar-h) + 16px);background:var(--surface);max-width:360px;color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--fs-sm);animation:enter var(--dur-2) var(--ease);align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed}.toast .i{color:var(--ok)}.toast--error .i{color:var(--fix)}.auth{flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:12vh 16px 40px;display:flex}.auth__card{width:100%;max-width:400px;padding:32px}.auth__card h1{font-size:var(--fs-2xl);letter-spacing:-.01em}.auth__card form{margin-top:20px}.auth__switch{font-size:var(--fs-sm);color:var(--text-2)}.auth__switch a{font-weight:var(--fw-medium);text-decoration:none}.pw{position:relative}.pw .input{padding-right:48px}.pw .btn--icon{position:absolute;top:2px;right:2px}.err-inline{font-size:var(--fs-sm);color:var(--fix);background:var(--fix-soft);border:1px solid var(--fix-border);border-radius:var(--r-sm);align-items:flex-start;gap:8px;margin-top:16px;padding:10px 12px;display:flex}.err-inline .i{margin-top:2px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar .input-icon{flex:260px}.toolbar .seg{scrollbar-width:none;max-width:100%;overflow-x:auto}.vlist{margin:0;padding:0;list-style:none}.vrow{border-top:1px solid var(--border);grid-template-columns:minmax(5.5em,auto) minmax(0,1fr) auto;align-items:center;gap:4px 16px;min-height:60px;padding:10px 20px;display:grid}.vlist>.vrow:first-child{border-top:0}.vrow__zh{font-family:var(--font-zh);font-size:var(--zh-sm);line-height:1.6}.vrow__zh ruby rt{font-family:var(--font-ui);color:var(--text-2);letter-spacing:0;font-size:11px}.vrow__main{flex-direction:column;gap:2px;min-width:0;display:flex}.vrow__py{font-size:var(--fs-sm);color:var(--text-2)}.vrow__meta{font-size:var(--fs-sm);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vrow__meta a{color:var(--text-2)}.vrow__end{justify-content:flex-end;align-items:center;gap:4px;display:flex}.add-form{grid-template-columns:1fr 1.5fr auto;align-items:end;gap:12px;display:grid}.add-form .field{margin-top:0}.pu-grid{grid-template-columns:1fr 1fr;gap:12px 16px;display:grid}.pu-grid .field{margin-top:0}@media (width>=1200px){.home-grid{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=767px){.topbar__in{gap:4px;padding:0 12px 0 16px}.topbar .seg,.brand__word{display:none}.topnav{gap:0;margin-left:0}.topnav__link{padding:0 8px}.ai-badge{margin-right:4px}.ai-badge .ai-badge__model{display:none}.page{padding:16px}.home-grid{grid-template-columns:minmax(0,1fr);gap:16px}.m-tabs{width:100%;margin-bottom:16px;display:flex!important}.m-tabs button{flex:1;justify-content:center}.card{padding:16px}.card--flush{padding:0}.continue{flex-direction:column;align-items:stretch;gap:16px}.continue__zh{font-size:var(--zh-md)}.continue__actions{align-items:stretch}.continue__actions .btn{width:100%}.lrow{flex-wrap:wrap;gap:10px 12px;padding:12px 16px}.lrow__main{flex-basis:calc(100% - 52px)}.lrow__actions{flex-wrap:wrap;width:100%;padding-left:48px}.lrow__actions>.btn--sm{flex:auto}.list-head{padding:14px 16px 0}.chat-head__in{padding:8px 8px 8px 16px}.chat-head__more{display:inline-flex}.chat-head__panel{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:240px;box-shadow:var(--shadow-2);flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:none;position:absolute;top:calc(100% + 6px);right:0}.chat-head__panel.open,.chat-head__panel .seg{display:flex}.chat-head__panel .seg button{flex:1;justify-content:center}.chat-head__panel .btn{justify-content:flex-start}.practice__body{padding:16px 16px 0}.practice{padding-bottom:calc(var(--micbar-h) + 72px + env(safe-area-inset-bottom))}.chat-tail{scroll-margin-bottom:calc(var(--micbar-h) + 48px + env(safe-area-inset-bottom))}.msg,.draft{max-width:88%}.micbar{border-radius:var(--r-lg) var(--r-lg) 0 0;width:auto;padding:10px 16px max(12px, env(safe-area-inset-bottom));border-width:1px 0 0;row-gap:8px;bottom:0;left:0;right:0;transform:none}.micbar__status{text-align:center;grid-area:1/1/auto/-1;align-items:center}.micbar__status .hint{display:none}.mic-button{grid-area:2/2}.micbar__right{grid-area:2/3}.correction-card{padding:14px 16px}.cc__foot{flex-wrap:wrap}.settings{grid-template-columns:1fr;gap:16px}.snav{scrollbar-width:none;flex-direction:row;margin:0 -16px;padding:0 16px;position:static;overflow-x:auto}.snav a{white-space:nowrap}.radios,.character-list{grid-template-columns:1fr}.auth{padding-top:8vh}.auth__card{padding:24px}.toast{max-width:none;inset:auto 16px 16px}.vrow{grid-template-columns:minmax(4.5em,auto) minmax(0,1fr) auto;gap:4px 12px;padding:10px 16px}.add-form,.pu-grid{grid-template-columns:1fr}}@media (width<=479px){.scenario-details{grid-template-columns:1fr;gap:0}.scenario-details dd{margin-bottom:6px}.ai-badge{padding:0 10px}}.credit-dialog__scrim{z-index:200;background:#10121480;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.credit-dialog{width:min(100%,440px);box-shadow:var(--shadow-2)}.credit-dialog:focus{outline:none}.credit-dialog p{margin-top:8px}.credit-dialog__actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}