@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Noto+Sans+SC:wght@400;700;900&display=swap";.mistakes-container{display:flex;flex-direction:column;padding:16px 0;box-sizing:border-box;background-color:var(--cream)}.mistakes-container .pad{padding:0 16px}.mistakes-container .title{padding:12px 18px 4px}.mistakes-container .title h2{font-size:24px;font-weight:800;font-family:var(--font-heading);margin:0;color:var(--ink)}.mistakes-container .title p{font-size:13px;color:var(--ink-soft);margin-top:3px;margin-bottom:0}.mistakes-container .hero{margin:16px 18px 0;background:linear-gradient(150deg,var(--red),var(--red-deep));border-radius:20px;padding:18px;color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 28px -12px #c8102e80}.mistakes-container .hero .wm{position:absolute;right:-10px;top:-16px;font-family:var(--font-zh);font-weight:900;font-size:120px;color:#ffffff14;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1}.mistakes-container .hero .ht{display:flex;gap:13px;align-items:center;position:relative;z-index:2}.mistakes-container .hero .av{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:none;border:2px solid rgba(255,255,255,.5);background-color:var(--cream)}.mistakes-container .hero .av img{width:100%;height:100%;object-fit:cover;object-position:center top}.mistakes-container .hero .ht b{font-size:16px;font-weight:700;display:block;font-family:var(--font-body);color:#fff}.mistakes-container .hero .ht span{font-size:12.5px;opacity:.88;display:block;margin-top:1px}.mistakes-container .hero .row{display:flex;gap:10px;margin-top:15px;position:relative;z-index:2}.mistakes-container .hero .st{flex:1;background:#ffffff24;border-radius:12px;padding:9px;text-align:center}.mistakes-container .hero .st b{font-family:var(--font-heading);font-weight:800;font-size:18px;display:block;color:#fff}.mistakes-container .hero .st span{font-size:10px;opacity:.85;display:block}.mistakes-container .hero .cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fff;color:var(--red);border-radius:13px;padding:13px;font-weight:700;font-size:14.5px;margin-top:14px;position:relative;z-index:2;cursor:pointer;border:none;transition:transform .15s ease,background-color .2s;box-sizing:border-box}.mistakes-container .hero .cta:active{transform:scale(.98)}.mistakes-container .hero .cta .icn{width:18px;height:18px;stroke:var(--red);fill:none}.mistakes-container .seg{display:flex;background:var(--mut);border-radius:14px;padding:4px;margin:18px 18px 0;border:1px solid var(--line)}.mistakes-container .seg button{flex:1;font-size:13.5px;font-weight:700;color:var(--ink-soft);padding:11px 4px;border-radius:11px;background:none;border:none;cursor:pointer;transition:all .2s}.mistakes-container .seg button.on{background:#fff;color:var(--red);box-shadow:0 3px 8px -4px #00000040}.mistakes-container .filters{display:flex;gap:8px;overflow-x:auto;padding:14px 18px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mistakes-container .filters::-webkit-scrollbar{display:none}.mistakes-container .filters button{flex:none;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600;color:var(--ink-soft);white-space:nowrap;cursor:pointer;transition:all .15s ease}.mistakes-container .filters button.on{background:var(--red);border-color:var(--red);color:#fff;box-shadow:var(--sh-red)}.mistakes-container .mistakes-list{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:10px}.mistakes-container .ec{background:#fff;border-radius:18px;border-left:4px solid var(--red);padding:16px;margin-top:4px;box-shadow:0 8px 24px -22px #0006;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;box-sizing:border-box}.mistakes-container .ec .eh{display:flex;align-items:flex-start;gap:10px}.mistakes-container .ec .eh .nm{font-size:16.5px;font-weight:800;font-family:var(--font-heading);flex:1;color:var(--ink);line-height:1.25}.mistakes-container .ec .eh .freq{font-size:11px;font-weight:700;color:var(--red);background:var(--red-soft);padding:4px 10px;border-radius:999px;flex:none}.mistakes-container .mastery{display:flex;align-items:center;gap:9px;margin:11px 0 13px}.mistakes-container .mastery .mt{font-size:11.5px;color:var(--ink-soft);font-weight:600}.mistakes-container .mastery .dots{display:flex;gap:5px;margin-left:auto}.mistakes-container .mastery .dots i{width:9px;height:9px;border-radius:50%;border:1.6px solid var(--line);display:block;box-sizing:border-box}.mistakes-container .mastery .dots i.f{background:var(--jade);border-color:var(--jade)}.mistakes-container .cmp{background:#fbf6f3;border-radius:12px;padding:12px 14px}.mistakes-container .cmp .ln{display:flex;gap:11px;align-items:baseline;padding:3px 0}.mistakes-container .cmp .tag{font-size:10px;font-weight:700;letter-spacing:.04em;flex:none;width:38px;padding-top:4px}.mistakes-container .cmp .tag.s{color:var(--red)}.mistakes-container .cmp .tag.d{color:var(--jade)}.mistakes-container .cmp .zh{font-size:19px;font-weight:700;font-family:var(--font-zh)}.mistakes-container .cmp .ln.bad .zh{color:var(--red);text-decoration:line-through;text-decoration-color:#c8102e66}.mistakes-container .cmp .ln.good .zh{color:var(--jade)}.mistakes-container .cmp .py{font-size:12.5px;color:var(--ink-soft);margin-left:6px;font-family:var(--font-body)}.mistakes-container .why{display:flex;gap:8px;margin-top:11px;font-size:13px;color:var(--ink-soft);line-height:1.5}.mistakes-container .why .icn{width:15px;height:15px;stroke:var(--amber);flex:none;margin-top:2px;fill:none}.mistakes-container .lib{background:#fff;border-radius:18px;border-left:4px solid var(--red);padding:16px;margin-top:4px;box-shadow:0 8px 24px -22px #0006;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;box-sizing:border-box}.mistakes-container .lib .lh{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.mistakes-container .lib .lh .nm{font-size:17px;font-weight:800;font-family:var(--font-heading);flex:1;color:var(--ink);line-height:1.25}.mistakes-container .lib .lh .cat{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--jade);background:var(--jade-soft);padding:5px 10px;border-radius:999px;flex:none}.mistakes-container .lib .reason{background:var(--amber-soft);border-left:3px solid var(--amber);border-radius:11px;padding:12px 13px;font-size:13px;line-height:1.55;color:#7a5200}.mistakes-container .lib .reason b{color:#5e3f00}.mistakes-container .practice{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--red);color:#fff;border-radius:13px;padding:13px;font-weight:700;font-size:14.5px;margin-top:14px;box-shadow:0 10px 22px -12px #c8102eb3;border:none;cursor:pointer;transition:transform .15s ease,background-color .2s;box-sizing:border-box}.mistakes-container .practice:active{transform:scale(.98)}.mistakes-container .practice .icn{width:17px;height:17px;stroke:#fff;fill:none}.mistakes-container .speaking-status-alert{background-color:var(--cream);border:1px solid var(--line);border-radius:14px;color:var(--ink-soft);font-size:14px}.mistakes-container .guard-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;gap:16px;background-color:#fff;border-radius:20px;border:1px solid var(--line)}.mistakes-container .guard-placeholder h2{font-size:18px;font-weight:800;color:var(--ink);font-family:var(--font-heading);margin:0}.mistakes-container .guard-placeholder p{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:0}.mistakes-container .guard-placeholder .badge{font-size:11px;font-weight:700;color:var(--ink-soft);background-color:var(--mut);padding:4px 10px;border-radius:999px;border:1px solid var(--line)}.mistakes-container .guard-placeholder .cta-group{width:100%;max-width:260px}.mistakes-container .guard-placeholder .cta-group button{width:100%;height:48px;font-weight:700;border-radius:12px}:root{--red: #C8102E;--red-deep: #8E0A20;--blue: #1A56A4;--jade: #0E9F6E;--jade-700: #0A704E;--amber: #E08A00;--red-soft: #FDECEA;--blue-soft: #EDF3FB;--jade-soft: #E7F6EF;--amber-soft: #FBF1DC;--cream: #FFF8F5;--ink: #2E2A28;--ink-soft: #8a807b;--line: rgba(46, 42, 40, .1);--mut: #F4EEEA;--red-800: #7A1018;--red-700: var(--red-deep);--red-600: var(--red);--red-100: var(--red-soft);--red-50: var(--red-soft);--ink-900: var(--ink);--ink-700: var(--ink);--ink-500: var(--ink-soft);--ink-300: var(--ink-soft);--ink-100: #D4C4B0;--cream-100: var(--cream);--cream-200: #F4EEEA;--cream-300: #E8DCCC;--jade-600: var(--jade);--jade-100: var(--jade-soft);--jade-50: var(--jade-soft);--gold-500: var(--amber);--gold-400: #E8B34D;--gold-100: var(--amber-soft);--font-body: "Be Vietnam Pro", sans-serif;--font-zh: "Noto Sans SC", sans-serif;--font-heading: "Bricolage Grotesque", sans-serif;--sh-sm: 0 1px 3px rgba(46, 42, 40, .08), 0 1px 2px rgba(46, 42, 40, .06);--sh-md: 0 10px 30px -22px rgba(0, 0, 0, .4);--sh-lg: 0 14px 30px -16px rgba(200, 16, 46, .6);--sh-red: 0 14px 30px -16px rgba(200, 16, 46, .6);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-xl2: 24px;--r-full: 999px;--nav-h: 64px}:root{--bg-main: #FFF8F1;--bg-frame: #FFFCF7;--bg-card: #FFFFFF;--color-primary: #B53632;--color-primary-light: #FDEBE7;--color-warning: #F6C76E;--color-accent: #237766;--color-accent-light: #Eef8f3;--color-text-main: #2F241F;--color-text-sub: #7A665A;--color-border: #F0DFD0;--color-white: #FFFFFF;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-card: 16px;--radius-hero: 20px;--radius-pill: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-card: 16px;--shadow-sm: 0 4px 12px rgba(47, 36, 31, .04);--shadow-md: 0 10px 24px rgba(47, 36, 31, .06);--shadow-lg: 0 20px 48px rgba(47, 36, 31, .1);--shadow-card: 0 10px 24px rgba(47, 36, 31, .06);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--transition-base: all .2s ease;font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--color-text-main);background:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;justify-content:center;background:linear-gradient(135deg,rgba(186,49,54,.06),transparent 40%),linear-gradient(315deg,rgba(35,119,102,.08),transparent 40%),var(--bg-main);overflow-x:hidden}.phone-frame{width:min(100%,460px);max-width:100vw;min-height:100vh;background:var(--bg-frame);display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 24px 80px #4f2b1c1a;position:relative}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--bg-frame)}.header-compact-left{display:flex;align-items:center;gap:10px}.header-compact-text{display:flex;flex-direction:column}.header-compact-text h1{font-size:1.1rem;font-weight:800;color:var(--color-primary);margin:0;line-height:1.2}.header-compact-text p{font-size:.72rem;color:var(--color-text-sub);margin:0}.streak-badge{display:inline-flex;align-items:center;background:var(--color-primary-light);color:var(--color-primary);font-size:.78rem;font-weight:800;padding:4px 10px;border-radius:20px;border:1px solid rgba(181,54,50,.15)}.section-heading h2,.hero-panel h2{margin:0;letter-spacing:0}.eyebrow{margin:0 0 6px;color:#a53a32;font-size:.76rem;font-weight:800;text-transform:uppercase}.security-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #ead7c4;border-radius:999px;padding:8px 10px;color:#237766;background:#fff;font-size:.78rem;font-weight:800;white-space:nowrap}.screen{overflow-y:auto;overflow-x:hidden;padding:0 16px 36px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tab-content{display:grid;gap:16px;padding-bottom:12px}.hero-panel,.learning-card,.caption-panel,.assistant-stream,.correction-card,.flashcard,.mistake-card,.lesson-card,.empty-state,.runtime-error-card,.inline-error-card{border:1px solid var(--color-border);border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.learning-card,.lesson-card,.mistake-card{box-shadow:var(--shadow-sm)}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff5ec,#fff0e2)}.hero-panel p{margin:8px 0 0;color:#6a554b}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row article{min-height:74px;border-radius:12px;padding:12px;background:#faf6f0;color:#3a2a22;border:1px solid #ebdcd0;box-shadow:none}.metric-row strong{display:block;font-size:1.45rem;color:#2c2723}.metric-row span{color:#7a5c4e;font-size:.78rem}.primary-action,.secondary-action,.mistake-card button,.review-buttons button{border:0;border-radius:8px;min-height:46px;padding:0 16px;font-weight:850}.round-action,.tab-bar button,.quiz-option,.filter-chip,.back-btn,.onboarding-option,.text-input-bar button,.lesson-nav button{min-width:44px;min-height:44px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;color:#fff;background:#b53632}.secondary-action{background:#efe1d2;color:#3d2b24}.secondary-action:disabled{cursor:not-allowed;opacity:.5}.stack{display:grid;gap:12px}.learning-card{padding:16px}.learning-card.accent{border-color:#e8b2a3;background:#fff3ed}.learning-card h3,.mistake-card h3,.lesson-card h3{margin:0 0 8px}.learning-card p,.section-heading p,.mistake-card p,.lesson-card p{margin:0;color:#6b584e;line-height:1.45}.mei-avatar-container{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:var(--transition-smooth)}.mei-avatar-inner{position:relative;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff5ec;border:1.5px solid var(--color-border);overflow:visible}.mei-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;display:block}.mei-avatar-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#E77C78);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:850;border:1px solid var(--color-border)}.mei-avatar--xs{width:32px;height:32px}.mei-avatar--xs .mei-avatar-fallback-text{font-size:.85rem}.mei-avatar--sm{width:40px;height:40px}.mei-avatar--sm .mei-avatar-fallback-text{font-size:1.1rem}.mei-avatar--md{width:48px;height:48px}.mei-avatar--md .mei-avatar-fallback-text{font-size:1.3rem}.mei-avatar--lg{width:clamp(96px,28vw,150px);height:clamp(96px,28vw,150px)}.mei-avatar--lg .mei-avatar-fallback-text{font-size:clamp(2rem,6vw,3.5rem)}.mei-avatar--xl{width:128px;height:128px}.mei-avatar--xl .mei-avatar-fallback-text{font-size:3.2rem}.mei-avatar-pulse,.mei-avatar-glow{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:-1;opacity:0;transition:var(--transition-smooth)}.status-listening .mei-avatar-pulse{border:2px solid var(--color-accent);animation:avatar-pulse-animation 2s infinite ease-in-out;z-index:1}.status-speaking .mei-avatar-glow{box-shadow:0 0 16px #b5363266;animation:avatar-glow-animation 2.5s infinite alternate ease-in-out}.status-speaking .mei-avatar-pulse{border:1px solid var(--color-primary);animation:avatar-pulse-animation 2.5s infinite ease-in-out}.status-correcting .mei-avatar-pulse{border:2px solid var(--color-warning);animation:avatar-pulse-animation 1.8s infinite ease-in-out}.status-praising .mei-avatar-glow{box-shadow:0 0 24px #f6c76eb3;animation:avatar-glow-animation 3s infinite alternate ease-in-out}.status-error .mei-avatar-inner{border-color:var(--color-primary);box-shadow:0 0 8px #b5363233}.mei-avatar-waves{position:absolute;bottom:-4px;right:-8px;display:flex;align-items:flex-end;gap:3px;background:var(--color-white);padding:4px 6px;border-radius:8px;border:1px solid var(--color-border);box-shadow:0 4px 10px #0000000f;height:20px;z-index:5}.wave-bar{width:3px;height:8px;background-color:var(--color-primary);border-radius:99px;animation:avatar-sound-wave 1s infinite ease-in-out}.bar-1{animation-delay:.1s}.bar-2{animation-delay:.2s;height:12px}.bar-3{animation-delay:.3s}.mei-avatar-dots{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);display:flex;gap:3px;background:var(--color-white);padding:4px 8px;border-radius:12px;border:1px solid var(--color-border);box-shadow:0 4px 10px #0000000f;z-index:5}.avatar-dot{width:4px;height:4px;background-color:var(--color-accent);border-radius:50%;animation:avatar-dot-thinking 1.4s infinite ease-in-out}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}@keyframes avatar-pulse-animation{0%{transform:scale(.95);opacity:.8}to{transform:scale(1.35);opacity:0}}@keyframes avatar-glow-animation{0%{opacity:.3}to{opacity:.8}}@keyframes avatar-sound-wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.6)}}@keyframes avatar-dot-thinking{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.mei-avatar-pulse,.mei-avatar-glow,.wave-bar,.avatar-dot,.ai-spinner{animation:none!important;opacity:.5!important}.wave-bar{height:10px!important;transform:none!important}.avatar-dot{transform:scale(1)!important}}.topic-switcher,.flashcard-meta{display:flex;justify-content:space-between;gap:12px;color:#6b584e}.topic-switcher{align-items:center;padding:12px 14px;border-radius:8px;background:#efe1d2}.topic-switcher span{font-weight:850;color:#2d211c}.topic-switcher small{max-width:190px;text-align:right;line-height:1.3}.speaking-view{align-content:start}.speaking-view .avatar-face{width:152px;height:152px}.speaking-view .avatar-halo{width:184px;height:184px}.waveform{height:58px;display:flex;align-items:center;justify-content:center;gap:8px}.waveform span{width:9px;height:22px;border-radius:99px;background:#c84a42;animation:wave 1.1s infinite ease-in-out;opacity:.45}.waveform span:nth-child(2){animation-delay:.1s}.waveform span:nth-child(3){animation-delay:.2s}.waveform span:nth-child(4){animation-delay:.3s}.waveform span:nth-child(5){animation-delay:.4s}.waveform.idle span,.waveform.error span{animation:none}.waveform.thinking span{background:#237766}.waveform.speaking span{background:#f0a43d}.waveform.connecting span,.waveform.listening span,.waveform.thinking span,.waveform.speaking span,.waveform.correcting span{opacity:.86}.caption-panel,.assistant-stream,.correction-card,.flashcard,.mistake-card,.empty-state,.runtime-error-card,.inline-error-card{padding:16px}.inline-error-card{background:#fff3ed;border-color:#edc2b9}.inline-error-card strong{display:block;color:#9e2f2a;margin-bottom:6px}.inline-error-card p,.inline-error-card small,.notice-text{margin:0;color:#6b584e;line-height:1.45}.ai-loading{display:inline-flex;align-items:center;gap:8px}.ai-spinner{width:16px;height:16px;border:2px solid rgba(35,119,102,.2);border-top-color:var(--color-accent);border-radius:50%;animation:ai-spin .8s linear infinite;flex:0 0 auto}.runtime-error-card h2{margin:0 0 10px;letter-spacing:0}.runtime-error-card p{color:#6b584e;line-height:1.45}.runtime-error-card button{border:0;border-radius:8px;min-height:44px;padding:0 16px;color:#fff;background:#b53632;font-weight:850}.assistant-stream{display:flex;gap:12px;align-items:flex-start;background:var(--color-accent-light);border:1px solid #c3e6d8;border-radius:16px;padding:14px 16px;box-shadow:var(--shadow-sm)}.assistant-stream-body{display:flex;flex-direction:column;gap:4px;flex:1}.assistant-name{font-size:.78rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px}.assistant-stream p,.caption-panel p{margin:0;line-height:1.45}.voice-controls{display:flex;align-items:center;justify-content:center;gap:12px}.round-action{width:64px;height:64px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#b53632;box-shadow:0 14px 34px #b5363252}.round-action.danger{background:#2d2723}.mic-btn-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.mic-caption{font-size:.72rem;font-weight:700;color:#7a5c4e;letter-spacing:.03em;text-transform:none}.text-fallback{display:grid;grid-template-columns:1fr auto;gap:8px}.text-fallback input{min-height:46px;border:1px solid #e5d3bf;border-radius:8px;padding:0 12px;background:#fff}.text-fallback button{border:0;border-radius:8px;background:#237766;color:#fff;min-width:46px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:850;white-space:nowrap}.text-fallback button span{display:none}@media(min-width:420px){.text-fallback button span{display:inline}}.error-text{margin:0;color:#b53632;font-weight:800}.correction-card h3{margin:0;font-size:1.1rem}.pinyin{color:#237766;font-weight:800}.mistake-line{border-top:1px solid #edddca;margin-top:12px;padding-top:12px}.mistake-line p,.mistake-line small{display:block;margin:6px 0 0;color:#6b584e;line-height:1.45}.section-heading{padding:2px 2px 0}.mistake-list,.lesson-grid,.path-list{display:grid;gap:12px}.mistake-card{display:grid;gap:10px}.mistake-card span,.lesson-card span,.flashcard-meta span{color:#a53a32;font-size:.76rem;font-weight:850;text-transform:uppercase}.mistake-card .wrong{color:#a53a32;font-weight:800}.mistake-card .correct{color:#237766;font-weight:850}.mistake-card small{color:#725f55;line-height:1.45}.drill-row{display:flex;flex-wrap:wrap;gap:6px}.drill-row span{border-radius:999px;padding:6px 9px;background:#fff0e6;color:#8d312d;font-size:.78rem;font-weight:850;text-transform:none}.mistake-card button{justify-self:start;color:#fff;background:var(--color-accent);transition:var(--transition-base)}.mistake-card button:hover{background:#1d6153}.mistake-card-feedback{display:flex;gap:12px;align-items:flex-start;background:var(--color-primary-light);border-radius:12px;padding:12px;margin:6px 0;border:1px solid var(--color-border)}.mistake-card-feedback-body{flex:1}.mistake-card-feedback-body p{margin:0 0 4px;font-size:.84rem;color:var(--color-text-main);line-height:1.45}.mistake-card-feedback-body small{display:block;font-size:.78rem;color:var(--color-text-sub);line-height:1.4}.flashcard{min-height:430px;display:grid;align-content:center;gap:18px;text-align:center;position:relative;overflow:hidden}.flashcard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.flashcard-reminder{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary-light);border-radius:999px;padding:6px 12px;font-size:.76rem;color:var(--color-primary);font-weight:800;max-width:fit-content;margin:0 auto 4px;border:1px solid var(--color-border)}.hanzi{font-size:4rem;font-weight:950}.meaning{margin:0;font-size:1.2rem;font-weight:850}.example{display:grid;gap:6px;border-radius:8px;padding:14px;background:#fff3ed}.review-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-frame);color:var(--color-text-main);border:1.5px solid var(--color-border);border-radius:12px;transition:var(--transition-smooth);font-weight:800;min-height:46px}.review-buttons button:hover{transform:translateY(-1px)}.review-buttons button[data-grade=forgot]{border-color:#e77c78;color:var(--color-primary);background:var(--color-primary-light)}.review-buttons button[data-grade=hard]{border-color:#f8d08b;color:#8c6115;background:#fff9ee}.review-buttons button[data-grade=good]{border-color:#a3dfca;color:#1a6c54;background:#f0faf6}.review-buttons button[data-grade=easy]{border-color:#85ceca;color:#126360;background:#ebf7f7}.path-section{display:grid;gap:12px}.lesson-card{padding:14px}.lesson-card small{display:inline-block;color:#237766;font-weight:850}.lesson-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lesson-pattern{margin-top:10px!important;padding:10px;border-radius:8px;background:#fff3ed;color:#8d312d!important;font-weight:800}.tab-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px 8px 12px;background:#fffaf2f0;border-top:1px solid #edddca;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tab-bar button{min-height:58px;display:grid;justify-items:center;align-content:center;gap:4px;border:0;border-radius:8px;background:transparent;color:#7a665a;font-size:.68rem;font-weight:800}.tab-bar button.active{color:#b53632;background:#fff0e6}@keyframes wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.75)}}@keyframes pulse{0%,to{transform:scale(.96);opacity:.42}50%{transform:scale(1.04);opacity:.16}}@keyframes ai-spin{to{transform:rotate(360deg)}}@media(min-width:760px){.phone-frame{min-height:calc(100vh - 32px);margin:16px 0;border-radius:28px;overflow:hidden}}.lesson-card.clickable,.learning-card.clickable{cursor:pointer;transition:box-shadow .18s,transform .18s}.lesson-card.clickable:hover,.learning-card.clickable:hover{box-shadow:0 16px 40px #5e372726;transform:translateY(-2px)}.lesson-card.done{border-color:#c3e6d8;background:#f0faf6}.lesson-card-top{display:flex;align-items:center;justify-content:space-between}.done-icon{color:#237766}.lesson-detail{display:grid;gap:16px}.lesson-detail-header{display:flex;align-items:flex-start;gap:12px}.back-btn{border:1px solid #ecdccb;border-radius:8px;min-width:40px;height:40px;display:grid;place-items:center;background:#fffaf2;color:#3d2b24;flex-shrink:0}.lesson-detail-title{margin:0;font-size:1.15rem;letter-spacing:0}.lesson-objective-card{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:8px;background:#fff5e8;border:1px solid #ecdccb;color:#3d2b24;line-height:1.45}.lesson-objective-card p{margin:0}.step-tabs{display:flex;justify-content:space-between;gap:4px;margin-bottom:14px;background:#fbf6f0;padding:4px;border-radius:10px;border:1px solid var(--color-border)}.step-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:3px;background:transparent;border:0;border-radius:6px;padding:6px 2px;font-size:.72rem;font-weight:800;color:var(--color-text-sub);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.step-tab.active{background:var(--color-primary);color:var(--color-white)}.step-tab.done{color:var(--color-accent)}.lesson-step{display:grid;gap:12px}.step-intro{margin:0;color:#6b584e;font-size:.9rem;line-height:1.45}.lesson-step-content{min-height:240px}.lesson-nav{display:flex;gap:10px}.lesson-nav .primary-action,.lesson-nav .secondary-action{flex:1}.vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:380px){.vocab-grid{grid-template-columns:1fr}}.vocab-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.vocab-card:hover{box-shadow:var(--shadow-sm)}.vocab-card.revealed{background:#fffbf7;border-color:#2377664d;box-shadow:var(--shadow-sm)}.vocab-hanzi{font-size:1.6rem;font-weight:800;color:var(--color-text-main)}.vocab-pinyin{font-size:.85rem;font-weight:700;color:var(--color-accent);margin-top:4px}.vocab-meaning{font-size:.85rem;font-weight:700;color:var(--color-text-main);margin-top:2px}.vocab-example{font-size:.78rem;color:var(--color-text-sub);background:#eef8f3;border-radius:6px;padding:4px 8px;margin-top:6px;width:100%;box-sizing:border-box;font-weight:600}.vocab-example-vi{font-size:.7rem;color:var(--color-text-sub);font-style:italic;margin-top:2px}.pattern-list{display:grid;gap:10px}.pattern-card{padding:14px;border-radius:8px;border:1px solid #ecdccb;background:#fffdf8}.pattern-zh{font-size:1.05rem;font-weight:850;color:#8d312d}.pattern-vi{color:#6b584e;margin-top:4px}.pattern-note{color:#237766;font-size:.82rem;margin-top:6px;font-weight:800}.dialogue-list{display:grid;gap:10px}.dialogue-line{display:flex;gap:10px;align-items:flex-start;transition:all .2s ease;border:1px solid transparent;padding:6px;border-radius:8px}.dialogue-line.playing-highlight{border-color:#d9822b!important;background-color:#fef8f0!important}.dialogue-role{min-width:28px;height:28px;border-radius:50%;background:#2c2723;color:#fff;font-size:.72rem;font-weight:900;display:grid;place-items:center;flex-shrink:0}.role-b .dialogue-role{background:#b53632}.dialogue-zh{font-weight:850}.dialogue-vi{color:#6b584e;font-size:.86rem;margin-top:2px}.speak-step{text-align:center;gap:18px}.speak-prompts{display:grid;gap:8px;text-align:left}.speak-prompt{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;background:#fff5e8;border:1px solid #ecdccb}.prompt-num{min-width:24px;height:24px;border-radius:50%;background:#b53632;color:#fff;font-size:.72rem;font-weight:900;display:grid;place-items:center;flex-shrink:0}.quiz-progress-bar{height:4px;border-radius:99px;background:#ecdccb}.quiz-progress-fill{height:100%;border-radius:99px;background:#b53632;transition:width .3s}.quiz-counter{margin:0;color:#6b584e;font-size:.82rem;text-align:right}.quiz-question{padding:16px;border-radius:8px;background:#fffaf2;border:1px solid #ecdccb;font-weight:850;font-size:1.05rem;text-align:center}.quiz-options{display:grid;gap:8px}.quiz-option{border:1px solid #ecdccb;border-radius:8px;padding:13px 16px;background:#fffdf8;color:#3d2b24;font-weight:800;text-align:left;transition:all .15s}.quiz-option:hover{background:#fff3ed;border-color:#e8b2a3}.quiz-option.correct{background:#f0faf6;border-color:#237766;color:#1a5c4d}.quiz-option.wrong{background:#fff0ee;border-color:#b53632;color:#8d312d}.quiz-done{display:grid;justify-items:center;gap:12px;padding:24px;text-align:center}.quiz-done h3{margin:0}.quiz-done p{margin:0;color:#6b584e}.quiz-done-icon{color:#237766}.quiz-score-ring{width:88px;height:88px;border-radius:50%;border:4px solid #b53632;display:grid;place-items:center}.quiz-score-pct{font-size:1.35rem;font-weight:950;color:#b53632}.category-filter{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{border:1px solid #ecdccb;border-radius:999px;padding:6px 12px;background:#fffaf2;color:#6b584e;font-size:.76rem;font-weight:800;transition:all .15s}.filter-chip.active{background:#b53632;border-color:#b53632;color:#fff}.onboarding-overlay{position:fixed;inset:0;background:#2f241f73;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.onboarding-card-wrapper{background:var(--bg-frame);border:1px solid var(--color-border);border-radius:24px;padding:24px 20px;width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--color-text-main);animation:modal-scale-up .3s cubic-bezier(.34,1.56,.64,1);scrollbar-width:thin}@keyframes modal-scale-up{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-header-avatar{margin-bottom:16px}.onboarding-overlay h2{margin:8px 0 6px;font-size:1.35rem;font-weight:900;color:var(--color-text-main);font-family:Outfit,sans-serif}.onboarding-subtitle{margin:0 0 20px;font-size:.88rem;color:var(--color-text-sub);line-height:1.45;text-align:center}.onboarding-options{display:grid;gap:10px;width:100%}.onboarding-option{border:2px solid var(--color-border);background:var(--color-white);border-radius:16px;padding:16px;text-align:left;color:var(--color-text-main);transition:var(--transition-smooth);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.onboarding-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.onboarding-option.selected{border-color:var(--color-primary);background:#fff3ed}.onboarding-option h3{margin:0 0 4px;font-size:.95rem;font-weight:850;color:var(--color-primary)}.onboarding-option p{margin:0;font-size:.8rem;color:var(--color-text-sub);line-height:1.4}.caption-panel{display:grid;gap:10px}.speaking-view .caption-panel{max-height:min(58vh,520px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.caption-section{border-bottom:1px dashed #ebd8c5;padding-bottom:12px;margin-bottom:4px}.caption-section.suggestion{border-bottom:0;margin-bottom:0;background:#f1faf6;border-radius:8px;padding:12px;border:1px solid #c3e6d8}.caption-section .hanzi{font-size:1.35rem;font-weight:850;margin:4px 0;text-align:left}.caption-section .pinyin{color:#237766;font-weight:800;font-size:.88rem;margin:2px 0}.caption-section .translation{color:#55443c;font-size:.86rem;margin:2px 0}.translation-block{margin-top:8px;text-align:left}.translation-block span{display:block;color:#7a665a;font-size:.68rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.translation-block p{margin:3px 0 0;color:#55443c;font-size:.86rem}.translation-block.literal p{color:#8d312d}.caption-section .mistake-label{display:inline-block;margin-top:6px;background:#fff0ee;color:#b53632;font-size:.74rem;font-weight:800;padding:3px 8px;border-radius:4px}.caption-actions{display:flex;gap:8px;margin-top:6px}.caption-actions button{flex:1}.error-detail-inline{margin-top:10px;padding:14px;background:#fff5ec;border-radius:12px;border:1px solid var(--color-border);font-size:.84rem;color:var(--color-text-main);line-height:1.45;text-align:left;display:flex;gap:12px;align-items:flex-start;box-shadow:var(--shadow-sm)}.error-detail-inline-body{flex:1}.error-detail-inline p{margin:0 0 6px}.error-detail-inline p:last-child{margin-bottom:0}.error-fallback-actions{display:flex;gap:8px;margin-top:12px}.error-fallback-actions button{flex:1}.btn-sm{min-height:36px!important;font-size:.8rem!important;padding:0 10px!important}.common-mistake-card{border:1px dashed #F6C76E;border-radius:12px;padding:14px;background:#fffbf0;margin-top:16px}.common-mistake-card p{margin:0;line-height:1.45}.mistake-comparison{margin:10px 0;display:grid;gap:6px}.mistake-comparison .wrong{color:#b53632;font-size:.95rem}.mistake-comparison .correct{color:#237766;font-size:.95rem}.mistake-comparison .natural{color:#f0a43d;font-size:.95rem}.mistake-explanation{color:#6b584e;font-size:.84rem;margin-top:6px;line-height:1.45}.mistake-drills{margin-top:10px;font-size:.8rem;border-top:1px solid #ebd8c5;padding-top:8px}.mistake-drills ul{margin:4px 0 0;padding-left:18px}.mistake-drills li{margin-bottom:4px;color:#237766}.goal-badge{display:inline-block;background:#efe1d2;color:#3d2b24;font-size:.74rem;font-weight:800;padding:4px 8px;border-radius:4px;margin-bottom:6px}.goal-banner{background:#237766;color:#fff;padding:10px 14px;border-radius:8px;font-size:.8rem;font-weight:800;display:flex;justify-content:space-between;align-items:center}.goal-banner button{background:#fff3;border:0;color:#fff;padding:4px 8px;border-radius:4px;font-size:.72rem;font-weight:850;cursor:pointer}.path-badge-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.goal-route-badge{display:inline-block;font-size:.64rem;font-weight:900;padding:3px 6px;border-radius:4px;text-transform:uppercase}.goal-route-badge.active{background:#237766;color:#fff}.goal-route-badge.other{background:#efe1d2;color:#7a665a}.quiz-feedback-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;margin-top:12px;font-size:.85rem;font-weight:800;animation:quizFadeIn .22s ease-in-out}.quiz-feedback-box .feedback-text{display:grid;gap:4px;line-height:1.35}.quiz-explanation{color:inherit;font-size:.78rem;font-weight:700;opacity:.88}.quiz-feedback-box.correct{background:#e6f7f0;color:#1c5c44;border:1px solid #c3e6d8}.quiz-feedback-box.wrong{background:#fff0ee;color:#8d312d;border:1px solid #edc2b9}.quiz-feedback-container{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:12px}.quiz-feedback-container .continue-btn{background:var(--color-accent)!important;color:#fff!important;padding:10px 20px!important;border-radius:8px!important;display:block!important;width:100%!important;margin-top:12px!important;font-weight:800!important;min-height:44px!important;border:0!important;cursor:pointer;font-family:inherit;font-size:.88rem;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.quiz-feedback-container .continue-btn:hover{filter:brightness(1.05)}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.warning-btn{background:#fdf2f2!important;color:#b53632!important;border:1px solid #f5c2c2!important}.warning-btn:hover{background:#fbe3e3!important}.correction-card-header{display:grid;gap:14px}.correction-row{background:#fffbf7;border:1.5px solid var(--color-border);border-radius:12px;padding:12px 14px}.correction-row.correct-row{border-color:#c3e6d8;background:#f0faf6}.correction-label{display:inline-block;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px;margin-bottom:6px}.wrong-label{background:var(--color-primary-light);color:var(--color-primary)}.correct-label{background:#e6f7f0;color:var(--color-accent)}.wrong-text{color:var(--color-primary);font-weight:800;font-size:1.25rem!important;margin:4px 0!important;text-align:left!important}.correct-text{color:var(--color-accent);font-weight:900;font-size:1.35rem!important;margin:4px 0!important;text-align:left!important}.translation{margin:6px 0 0;font-size:.86rem;line-height:1.4;color:var(--color-text-sub)}.translation.literal{color:#a53a32}.translation.natural{color:#1c5c44}.mistake-line-premium{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#fff5ec;border-radius:12px;border:1px solid var(--color-border);margin-top:12px}.mistake-line-body{flex:1}.mistake-line-body strong{display:block;font-size:.9rem;font-weight:850;color:var(--color-primary);margin-bottom:4px}.mistake-line-body p{margin:0 0 6px;font-size:.84rem;color:var(--color-text-main);line-height:1.45}.vietnamese-interference{display:block;font-size:.78rem;color:var(--color-text-sub);line-height:1.4;background:#ffffff80;padding:6px 8px;border-radius:6px;margin-top:4px}.praise-line{display:flex;gap:12px;align-items:center;background:#f0faf6;border:1px solid #c3e6d8;border-radius:12px;padding:12px 14px;color:#1a5c4d;font-size:.84rem;line-height:1.45;margin-top:12px}.praise-line p{margin:0;flex:1}.drill-chip{border-radius:999px;padding:6px 12px;background:var(--color-primary-light);color:var(--color-primary);font-size:.78rem;font-weight:800;border:1.5px solid var(--color-border)}.active-route{background:linear-gradient(180deg,rgba(35,119,102,.03) 0%,transparent 100%);border-radius:20px;padding:16px;border:1.5px solid rgba(35,119,102,.15)}.inactive-route{padding:16px;opacity:.85}.active-lesson{border-color:#23776659!important;box-shadow:0 8px 24px #23776614!important;background:#fffdfc!important}.active-lesson:hover{border-color:var(--color-accent)!important;box-shadow:0 12px 28px #23776624!important}.group-badge{display:inline-flex;align-items:center;background:var(--color-primary-light);color:var(--color-primary);font-size:.68rem;font-weight:850;padding:2px 6px;border-radius:4px;margin-right:6px}.active-route .group-badge{background:#eef8f3;color:var(--color-accent)}@media(max-width:380px){.hanzi{font-size:3rem!important}.onboarding-card-wrapper{padding:20px 16px;border-radius:20px}.metric-row{gap:6px}.metric-row article{padding:8px;min-height:68px}.metric-row strong{font-size:1.25rem}.app-header{padding:16px 14px 8px}.app-header h1{font-size:.95rem}}.other-paths-container{display:grid;gap:20px;margin-top:24px;border-top:1px solid #ebdcd0;padding-top:24px}.other-paths-title{font-size:1.2rem;font-weight:850;color:#3a2a22;margin-bottom:4px}.hero-tag-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hero-tag{font-size:.65rem;background:var(--color-primary-light);color:var(--color-primary);padding:3px 8px;border-radius:4px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.lesson-meta-indicator{font-size:.68rem;color:var(--color-text-sub);font-weight:600}.lesson-hero-cta{display:flex;align-items:center;gap:4px;margin-top:12px;font-size:.8rem;font-weight:800;color:var(--color-accent)}.lesson-hero-cta span{border-bottom:1.5px solid transparent;transition:var(--transition-smooth)}.lesson-card-hero{border-left:4px solid var(--color-primary)!important;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;padding:16px;background:var(--bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:var(--transition-smooth)}.lesson-card-hero:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#e8d6c4}.lesson-card-hero h3{font-size:1.15rem;font-weight:850;margin:0;color:var(--color-text-main)}.lesson-card-hero p{font-size:.8rem;color:var(--color-text-sub);margin:0;line-height:1.4}.mini-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}@media(max-width:380px){.mini-cards-grid{grid-template-columns:1fr}}.mini-card{padding:14px;border-radius:12px;background:var(--bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);display:flex;flex-direction:column;gap:6px}.mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.mini-card.card-teal{border-top:4px solid var(--color-accent)}.mini-card.card-amber{border-top:4px solid var(--color-warning)}.mini-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.mini-card-title{font-size:.68rem;font-weight:800;color:var(--color-text-sub);text-transform:uppercase;letter-spacing:.03em}.mini-card-badge{font-size:.64rem;background:var(--color-accent-light);color:var(--color-accent);padding:2px 6px;border-radius:20px;font-weight:700}.mini-card-badge-amber{font-size:.64rem;background:#fff9e6;color:#d9822b;padding:2px 6px;border-radius:20px;font-weight:700}.mini-card h3{font-size:1.15rem;font-weight:800;margin:0;color:var(--color-text-main)}.mini-card p{font-size:.76rem;color:var(--color-text-sub);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-card{background:#fff9e6;border:1px solid #F6C76E;border-radius:12px;padding:16px;text-align:center;margin:12px 0;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.prompt-card-title{font-size:.8rem;font-weight:800;color:#d9822b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.prompt-card-hanzi{font-size:1.8rem;font-weight:800;color:var(--color-text-main);margin:4px 0}.prompt-card-pinyin{font-size:1.05rem;color:var(--color-accent);font-weight:700;margin:4px 0}.prompt-card-translation{font-size:.85rem;color:var(--color-text-sub);margin:6px 0 0;font-style:italic}.text-input-bar{display:flex;background:var(--bg-card);border:1px solid var(--color-border);border-radius:12px;padding:4px;gap:4px;width:100%;box-sizing:border-box;margin-top:10px;position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:20}.text-input-bar input{flex:1;border:0!important;background:transparent!important;padding:8px 12px;font-size:.9rem;color:var(--color-text-main);outline:none}.text-input-bar button{background:var(--color-accent);color:var(--color-white);border:0;border-radius:8px;padding:0 16px;font-weight:800;font-size:.85rem;cursor:pointer;transition:var(--transition-smooth)}.text-input-bar button:disabled{opacity:.5;cursor:not-allowed}.text-input-bar button:not(:disabled):hover{filter:brightness(1.05)}.correction-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}@media(max-width:440px){.correction-2col{grid-template-columns:1fr;gap:12px}.text-input-bar{align-items:stretch;box-shadow:0 10px 24px #2f241f14}.text-input-bar input{min-width:0}.text-input-bar button{padding:0 12px;white-space:nowrap}}.correction-col{background:var(--bg-main);border:1px solid var(--color-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:break-word}.col-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.col-header .icon{font-size:.85rem}.col-header .label{font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--color-text-sub)}.correction-col .hanzi{font-size:1.45rem!important;font-weight:800;margin:0;word-break:break-all}.correction-col .hanzi.wrong-text{color:var(--color-text-main)}.correction-col .hanzi.correct-text{color:var(--color-accent)}.correction-col .pinyin{font-size:.85rem;font-weight:700;color:var(--color-accent);margin:0}.col-wrong .pinyin{color:var(--color-text-sub)}.correction-col .translation-block{font-size:.78rem;color:var(--color-text-sub);margin:0;background:transparent;padding:0;border:0}.correction-col .translation-block p{margin:0;font-style:italic}.error-tag-badge{align-self:flex-start;font-size:.65rem;background:#fff9e6;color:#d9822b;border:1px solid rgba(217,130,43,.2);padding:3px 8px;border-radius:20px;font-weight:800;margin-top:4px}.transcribing-section{display:flex;flex-direction:column;width:100%}.transcribing-section .eyebrow{margin:0 0 6px}.transcribing-section .hanzi{font-size:1.6rem!important;font-weight:800;color:var(--color-text-main);margin:0}.ghost-action{background:transparent;color:var(--color-text-sub);border:1px solid var(--color-border);border-radius:8px;min-height:38px;padding:0 14px;font-weight:700;font-size:.8rem;cursor:pointer;transition:var(--transition-smooth)}.ghost-action:hover{background:var(--bg-main);color:var(--color-text-main)}.mei-feedback-compact{display:flex;gap:10px;background:#fff9e6;border:1px solid #F6C76E;border-radius:12px;padding:12px;margin-top:10px;width:100%;box-sizing:border-box;text-align:left}.mei-feedback-body{display:flex;flex-direction:column;gap:4px}.mei-feedback-body p{font-size:.8rem;margin:0;line-height:1.4;color:var(--color-text-main)}.mei-feedback-body p.sub{color:var(--color-text-sub)}.flashcard-progress-wrapper{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:12px}.flashcard-progress-text{font-size:.76rem;color:var(--color-text-sub);font-weight:700;text-align:left}.flashcard-progress-bar-bg{width:100%;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.flashcard-progress-bar-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width .3s ease}.btn-review-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%}.btn-review-content strong{font-size:.85rem;font-weight:800}.btn-review-content small{font-size:.65rem;opacity:.8;font-weight:600}.path-hero-progress{background:var(--bg-card);border:1px solid var(--color-border);border-radius:16px;padding:16px;margin-bottom:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;text-align:left}.path-hero-progress h2{font-size:1.25rem;font-weight:850;color:var(--color-text-main);margin:0}.progress-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--color-text-sub);font-weight:700}.progress-bar-bg-lg{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-bar-fill-lg{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s ease}.lesson-compact-row{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);text-align:left}.lesson-compact-row.clickable{cursor:pointer}.lesson-compact-row.clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#e8d6c4}.lesson-compact-row.current-lesson{background:var(--color-primary-light);border-color:#b5363240}.lesson-compact-row.current-lesson .row-index{color:var(--color-primary);font-weight:900}.row-index{font-size:.95rem;font-weight:800;color:var(--color-text-sub);width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-index .done-icon{color:var(--color-accent)}.row-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.row-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.row-title-row h3{font-size:.95rem;font-weight:800;color:var(--color-text-main);margin:0}.row-meta{font-size:.68rem;color:var(--color-text-sub);font-weight:600}.row-content p{font-size:.76rem;color:var(--color-text-sub);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;word-break:normal;min-width:0}.row-arrow{color:var(--color-text-sub);display:flex;align-items:center;justify-content:center;flex-shrink:0}.caption-actions-row{display:flex;gap:8px;width:100%}.caption-actions-row button{flex:1}.other-paths-grid{display:grid;grid-template-columns:1fr;gap:12px}.other-path-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;text-align:left;transition:var(--transition-smooth)}.other-path-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.other-path-header{display:flex;justify-content:space-between;align-items:center}.other-path-header h3{font-size:.95rem;font-weight:800;margin:0;color:var(--color-text-main)}.other-path-meta{font-size:.72rem;color:var(--color-text-sub);font-weight:600}.other-path-card p{font-size:.78rem;color:var(--color-text-sub);margin:0;line-height:1.4}.switch-path-link{font-size:.74rem;color:var(--color-accent);font-weight:800;margin-top:4px}.speaking-header{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px 14px;box-shadow:var(--shadow-sm);margin-bottom:8px}.speaking-header .mei-avatar-container{transition:var(--transition-smooth)}.speaking-header .mei-avatar-container.mei-avatar--md{width:56px;height:56px}.speaking-header .mei-avatar-container.mei-avatar--sm{width:44px;height:44px}.chip-count{margin-left:6px;background:#2f241f14;padding:2px 6px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;color:var(--color-text-sub)}.filter-chip.active .chip-count{background:#fff3;color:#fff}.mistake-card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mistake-count-badge{background-color:#f7e6e5;color:#a53a32!important;font-size:.72rem!important;font-weight:800;padding:4px 8px;border-radius:var(--radius-pill);text-transform:none!important;white-space:nowrap}.mistake-last-seen{font-size:.76rem;color:#7a665a;margin-top:-4px}.mistake-tags-row{display:flex;flex-wrap:wrap;gap:6px}.mistake-tag-pill{background:#f7e6e5;color:#a53a32!important;font-size:.7rem!important;font-weight:800;padding:2px 8px;border-radius:var(--radius-pill);text-transform:uppercase;display:inline-block;white-space:nowrap}.legacy-correction-hidden{display:none!important}.correction-line-with-tts,.flashcard-hanzi-row,.example-zh-row,.prompt-card-hanzi-row,.vocab-hanzi-row,.pattern-zh-row,.dialogue-zh-row,.speaking-nav__topline{display:flex;align-items:center;justify-content:center;gap:8px}.correction-line-with-tts{justify-content:space-between}.tts-btn{min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:999px;background:var(--bg-card);color:var(--color-accent);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tts-btn--sm{min-width:44px;min-height:44px}.tts-btn:disabled{opacity:.55;cursor:not-allowed}.example{gap:4px}.example-zh-row{justify-content:center}.example-pinyin{color:var(--color-accent);font-weight:750;line-height:1.35}.prompt-card-hanzi-row,.vocab-hanzi-row{justify-content:center}.prompt-card-hanzi-row .prompt-card-hanzi{margin:0}.pattern-zh-row,.dialogue-zh-row{justify-content:space-between}.pattern-pinyin{color:var(--color-accent);font-weight:750;font-size:.88rem;line-height:1.35;margin-top:4px}.speaking-curriculum-card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:12px;padding:14px;display:grid;gap:12px}.speaking-current-prompt{margin:0;font-size:1.05rem;font-weight:900;color:var(--color-text-main);text-align:center}.speaking-nav__progress{font-size:.78rem;font-weight:900;color:var(--color-accent)}.speaking-nav__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.speaking-nav__actions button{min-height:44px}.speaking-view{padding-bottom:calc(118px + max(env(safe-area-inset-bottom),16px))}.voice-controls{position:sticky;bottom:calc(72px + max(env(safe-area-inset-bottom),12px));z-index:40;padding:10px 12px max(env(safe-area-inset-bottom),10px);margin-left:-4px;margin-right:-4px;background:#fffcf7f0;border:1px solid rgba(240,223,208,.9);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.round-action{min-width:64px;min-height:64px;position:relative;z-index:41;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.text-input-bar{bottom:calc(152px + max(env(safe-area-inset-bottom),12px))}.caption-panel{max-height:none;overflow:visible}@media(max-width:390px){.speaking-nav__actions{grid-template-columns:1fr}.voice-controls{bottom:calc(68px + max(env(safe-area-inset-bottom),10px))}}.speaking-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.speaking-mode-switch button,.chat-topic-grid button{min-height:44px;border:1px solid var(--color-border);border-radius:10px;background:var(--bg-card);color:var(--color-text-main);font-weight:850}.speaking-mode-switch button.active,.chat-topic-grid button.active{border-color:var(--color-accent);color:var(--color-accent);background:#eefaf6}.mistake-review-card{border-color:#f6c76e;background:#fff8e8}.mistake-review-source{display:grid;gap:3px;padding:10px;margin-bottom:10px;border-radius:10px;background:#fff3ed;border:1px solid #f0dfd0}.mistake-review-source span,.mistake-review-source small{color:var(--color-text-sub);font-size:.78rem;font-weight:750}.mistake-review-source strong{color:var(--color-primary);font-size:1.05rem}.speaking-nav__actions--inline{margin-top:12px}.chat-beta-card{display:grid;gap:12px;text-align:left}.chat-beta-card h3{margin:0;color:var(--color-text-main)}.chat-beta-card p{margin:0;color:var(--color-text-sub);line-height:1.45}.chat-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-live-panel,.chat-summary-preview{display:grid;gap:8px;padding:12px;border-radius:12px;background:#f0faf6;border:1px solid #c3e6d8}.speaking-view.chat-mode .voice-controls,.speaking-view.chat-mode .text-input-bar{display:none}.caption-panel{overflow-y:auto;max-height:min(58vh,520px);-webkit-overflow-scrolling:touch}.chapter-block{display:grid;gap:8px}.chapter-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 2px;color:var(--color-text-sub);font-weight:900;font-size:.78rem;text-transform:uppercase}.chapter-heading small{text-transform:none;font-size:.72rem;color:var(--color-accent)}.lesson-compact-row.locked{opacity:.62;cursor:not-allowed;background:#fbf7f1}.locked-note,.next-note,.path-depth-note{display:block;margin-top:4px;font-size:.76rem;font-weight:750;color:var(--color-accent)}.path-depth-note{margin:10px 0 0;color:var(--color-text-sub);line-height:1.35}@supports (padding: max(0px)){.screen{padding-bottom:calc(96px + max(env(safe-area-inset-bottom),16px))}.tab-bar{padding-bottom:max(env(safe-area-inset-bottom),10px)}}@media(max-width:390px){.chat-topic-grid{grid-template-columns:1fr}.caption-panel{max-height:min(54vh,460px)}}.vocab-example-pinyin{font-size:.72rem;color:var(--color-accent);font-weight:700;margin-top:3px}.dialogue-pinyin{color:var(--color-accent);font-size:.78rem;font-weight:750;margin-top:2px}.dialogue-note{color:#8a5c10;background:#fff4d6;border:1px solid #f1d28a;border-radius:6px;padding:4px 6px;font-size:.72rem;margin-top:4px}.beta-pill{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#fff4d6;color:#8a5c10;border:1px solid #f1d28a;font-size:.72rem;font-weight:850;vertical-align:middle}.attempt-limit-note{margin:8px 0 0;color:#8a5c10;background:#fff4d6;border:1px solid #f1d28a;border-radius:8px;padding:8px 10px;font-size:.78rem;font-weight:750}.daily-lesson-card{display:grid;gap:12px;padding:16px;margin:0 0 12px;border:1px solid #e7d8c9;border-radius:12px;background:linear-gradient(135deg,#fffaf4,#f7fff9);box-shadow:var(--shadow-sm)}.daily-lesson-card__header{display:grid;gap:6px}.daily-lesson-card__header strong{color:var(--color-text-main);font-size:1rem;line-height:1.25}.daily-lesson-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.daily-lesson-steps span{min-height:44px;display:flex;align-items:center;padding:8px;border-radius:8px;background:#ffffffc7;border:1px solid #ecdccd;color:var(--color-text-sub);font-size:.76rem;font-weight:750;line-height:1.25}.daily-lesson-card__cta{margin-top:2px}.weekly-mistakes-card{display:grid;gap:12px;padding:16px;margin:0 0 14px;border-radius:12px;background:#fff8ed;border:1px solid #efd6ad;box-shadow:var(--shadow-sm)}.weekly-mistakes-card h3{margin:2px 0 0;color:var(--color-text-main);font-size:1rem}.weekly-mistakes-card ol{margin:0;padding-left:20px;display:grid;gap:8px}.weekly-mistakes-card li{color:var(--color-text-main);font-size:.85rem}.weekly-mistakes-card li span{font-weight:760}.weekly-mistakes-card li strong{margin-left:8px;color:#9a5b12;font-size:.76rem}.attempt-limit-note--after-correction{display:grid;gap:10px;margin-bottom:12px}.attempt-limit-note--after-correction p{margin:0}@media(max-width:390px){.daily-lesson-steps{grid-template-columns:1fr}}.beta-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px 10px;padding:8px 10px;border:1px solid #e8d9c6;border-radius:10px;background:#fffaf1;color:#6d4c2d;font-size:.78rem;font-weight:760}.beta-banner button{min-height:34px;border:0;border-radius:8px;padding:0 10px;background:#b53632;color:#fff;font-weight:850;white-space:nowrap}.feedback-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;background:#1e16126b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feedback-card{width:min(420px,100%);max-height:calc(100vh - 36px);overflow-y:auto;display:grid;gap:14px;padding:18px;border-radius:14px;background:#fffaf5;border:1px solid #e7d7c6;box-shadow:var(--shadow-lg)}.feedback-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feedback-card__header h2{margin:2px 0 0;color:var(--color-text-main);font-size:1.15rem}.feedback-close{min-width:44px;min-height:44px;border:0;border-radius:50%;background:#f2e5d8;color:#3d2b24;font-size:1.4rem;line-height:1}.feedback-card label{display:grid;gap:6px;color:var(--color-text-main);font-size:.82rem;font-weight:800}.feedback-card select,.feedback-card textarea{width:100%;border:1px solid #e2d2c2;border-radius:10px;background:#fff;color:var(--color-text-main);font:inherit}.feedback-card select{min-height:44px;padding:0 10px}.feedback-card textarea{min-height:120px;padding:10px;resize:vertical}.feedback-meta{display:grid;gap:4px;padding:10px;border-radius:10px;background:#f8efe5;color:var(--color-text-sub);font-size:.76rem}.feedback-success{margin:0;padding:10px;border-radius:10px;background:#eaf7ee;color:#237766;font-size:.82rem;font-weight:800}.feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback-actions .primary-action,.feedback-actions .secondary-action{width:100%}@media(max-width:380px){.beta-banner{align-items:stretch;flex-direction:column}.beta-banner button{width:100%}.feedback-actions{grid-template-columns:1fr}}.speaking-score-card{display:flex;flex-direction:column;gap:8px;padding:16px;margin:12px 0 16px;border-radius:12px;border:1px solid var(--border-color, #e7d7c6);background:var(--bg-color, #fffaf4);box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.speaking-score-card.is-pass{--border-color: #b8dec8;--bg-color: #f1fbf4;border-left:4px solid #237766}.speaking-score-card.is-retry{--border-color: #efd6ad;--bg-color: #fff8ed;border-left:4px solid #b53632}.score-main{display:flex;align-items:center;gap:12px}.score-number{font-size:1.8rem;font-weight:800;color:#b53632;background:#fbf1f1;padding:4px 12px;border-radius:8px;line-height:1}.is-pass .score-number{color:#237766;background:#eef7f4}.score-label{font-size:1.05rem;font-weight:700;color:var(--color-text-main)}.score-hint{margin:0;font-size:.85rem;color:var(--color-text-sub);line-height:1.4}.mistake-center-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.mistake-center-tabs button{min-height:44px;border:1px solid #e5d5c5;border-radius:10px;background:#fffaf5;color:var(--color-text-main);font-weight:850}.mistake-center-tabs button.active{background:#b53632;color:#fff;border-color:#b53632}.mistake-card-v2,.common-mistake-card{display:grid;gap:12px}.mistake-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mistake-example-grid>div{display:grid;gap:4px;padding:10px;border-radius:10px;background:#fffaf4;border:1px solid #ead8c7}.mistake-example-grid span,.mistake-score-row span{color:var(--color-text-sub);font-size:.74rem;font-weight:800}.mistake-example-grid p{margin:0;font-size:1rem;font-weight:850}.mistake-example-grid small{color:var(--color-text-sub);font-size:.76rem;line-height:1.35}.mistake-score-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mistake-score-row span{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:8px;background:#f7efe7}.common-mistake-list{display:grid;gap:12px}.common-mistake-card{padding:14px;border-radius:12px;border:1px solid #e7d7c6;background:#fffaf5;box-shadow:var(--shadow-sm)}.common-mistake-card.locked{opacity:.68;background:#f5f1ec}.common-mistake-card.mastered{border-color:#b8dec8;background:#f1fbf4}.common-mistake-card button,.mistake-card-v2 button{min-height:44px;border:0;border-radius:8px;background:#b53632;color:#fff;font-weight:850}.common-mistake-card button:disabled{background:#d8cbbf;color:#6e6259}.practice-chip-row{display:flex;flex-wrap:wrap;gap:6px}.practice-chip-row span{padding:4px 8px;border-radius:999px;background:#f3e7d9;color:var(--color-text-main);font-size:.76rem;font-weight:800}.mastered-mistakes-panel{padding:12px;border-radius:12px;border:1px solid #d7e9dd;background:#f4fbf6}.mastered-mistakes-panel summary{min-height:44px;cursor:pointer;color:#237766;font-weight:850}.mastered-mistakes-list{display:grid;gap:6px}.mastered-mistakes-list span{color:var(--color-text-sub);font-size:.8rem}@media(max-width:390px){.mistake-center-tabs,.mistake-example-grid,.mistake-score-row,.speaking-score-card{grid-template-columns:1fr}}.mei-voice-speed{display:grid;gap:8px;justify-items:center;width:100%}.mei-voice-speed.compact{margin:2px auto 4px}.mei-voice-speed__header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-size:.76rem;font-weight:700;color:var(--color-muted)}.mei-voice-speed__header small,.mei-voice-speed__disclosure{font-size:.68rem;font-weight:600;color:#8d7466}.mei-voice-speed__options{display:inline-grid;grid-template-columns:repeat(3,minmax(64px,1fr));gap:6px;padding:4px;border:1px solid var(--color-border);border-radius:999px;background:#fff8f1e0;max-width:280px;width:100%}.mei-voice-speed__option{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--color-muted);font-size:.78rem;font-weight:800;cursor:pointer}.mei-voice-speed__option.active{background:var(--color-accent);color:#fff;box-shadow:0 8px 18px #23776633}.speaking-voice-speed-inline,.lesson-voice-speed-inline{max-width:300px}@media(max-width:430px){.mei-voice-speed__options{max-width:100%}}.chat-beta-card{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}.chat-beta-card .primary-action,.chat-beta-card .secondary-action{min-height:46px!important;position:relative;z-index:10}.onboarding-overlay{position:fixed;inset:0;background:var(--color-bg-light, #fdf8f4);z-index:2000;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:16px}.onboarding-flow-container{background:#fff;border:1px solid #f2e3d5;border-radius:20px;box-shadow:0 12px 36px #b5363214;width:100%;max-width:440px;padding:24px;display:flex;flex-direction:column;box-sizing:border-box}.onboarding-progress-bar-bg{height:6px;background:#f2e3d5;border-radius:999px;overflow:hidden;margin-bottom:8px}.onboarding-progress-bar-fill{height:100%;background:var(--color-primary, #b53632);border-radius:999px;transition:width .3s ease}.onboarding-step-indicator{font-size:.75rem;font-weight:700;color:var(--color-primary-dark, #82221f);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.onboarding-dialogue-block{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.onboarding-mei-avatar{flex-shrink:0}.onboarding-bubble{background:#fdf8f4;border:1px solid #f2e3d5;border-radius:4px 16px 16px;padding:14px 18px;position:relative;flex:1}.onboarding-bubble-text{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-text-main, #423028);line-height:1.45;text-align:left}.onboarding-options-section{width:100%}.onboarding-options-grid{display:flex;flex-direction:column;gap:12px;width:100%}.onboarding-option-card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid #ecdccb;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;min-height:48px;text-align:left;width:100%;box-sizing:border-box}.onboarding-option-card:hover{background:#fffbfa;border-color:var(--color-primary-light, #ecdccb)}.onboarding-option-card.selected{border-color:var(--color-primary, #b53632);background:#fff5e8;box-shadow:0 4px 12px #b536320f}.onboarding-opt-emoji{font-size:1.5rem}.onboarding-opt-text{display:flex;flex-direction:column;gap:2px}.onboarding-opt-label{font-size:.95rem;font-weight:700;color:var(--color-text-main, #423028)}.onboarding-opt-desc{font-size:.78rem;color:#7a665a}.onboarding-multiselect-section{display:flex;flex-direction:column;gap:18px;width:100%}.onboarding-topics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.onboarding-topic-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #ecdccb;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.88rem;font-weight:700;color:var(--color-text-main, #423028);min-height:44px}.onboarding-topic-chip.selected{border-color:var(--color-primary, #b53632);background:#fff5e8}.checkbox-box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid #ecdccb;border-radius:4px;font-size:.72rem;color:var(--color-primary, #b53632);background:#fff;flex-shrink:0;font-weight:900}.onboarding-topic-chip.selected .checkbox-box{border-color:var(--color-primary, #b53632);background:var(--color-primary, #b53632);color:#fff}.onboarding-submit-btn{width:100%;min-height:46px;font-weight:700}.personal-plan-overlay{position:fixed;inset:0;background:var(--color-bg-light, #fdf8f4);z-index:2000;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:16px}.personal-plan-container{background:#fff;border:1px solid #f2e3d5;border-radius:20px;box-shadow:0 12px 36px #b5363214;width:100%;max-width:440px;padding:24px;display:flex;flex-direction:column;box-sizing:border-box}.personal-plan-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.personal-plan-header h2{font-size:1.4rem;color:var(--color-text-main, #423028);margin:12px 0 6px;font-weight:800}.plan-subtitle{font-size:.88rem;color:#7a665a;margin:0}.personal-plan-summary-card{background:#fffbf7;border:1px solid #f2e3d5;border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.plan-stat-row{display:flex;justify-content:space-between;font-size:.9rem}.plan-stat-label{color:#7a665a}.plan-stat-value{color:var(--color-text-main, #423028);font-weight:750}.personal-plan-lessons-section{text-align:left;margin-bottom:24px}.personal-plan-lessons-section h3{font-size:.95rem;font-weight:800;color:var(--color-primary-dark, #82221f);margin:0 0 12px}.plan-lessons-list{display:flex;flex-direction:column;gap:10px}.plan-lesson-row-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ecdccb;border-radius:10px;padding:10px 14px}.lesson-badge-number{background:#b536321a;color:var(--color-primary, #b53632);font-weight:800;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0}.lesson-row-info h4{font-size:.88rem;font-weight:750;color:var(--color-text-main, #423028);margin:0 0 2px}.lesson-row-info p{font-size:.75rem;color:#7a665a;margin:0}.personal-plan-actions{display:flex;flex-direction:column;gap:10px}.personal-plan-actions button{min-height:45px;font-weight:750}.home-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.home-header-title h2{font-size:1.35rem;margin:4px 0 0;font-weight:800;color:var(--color-text-main);text-align:left}.home-header-right{display:flex;align-items:center;gap:10px}.streak-pill{background:#fff5e8;border:1px solid #ecdccb;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800;color:#d9822b;display:flex;align-items:center;gap:4px}.onboarding-trigger-btn{font-size:.72rem;color:var(--color-primary);background:transparent;border:0;padding:4px 8px;cursor:pointer;font-weight:750;text-decoration:underline}.quick-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.quick-stat-card{background:#fff;border:1.5px solid #ecdccb;border-radius:12px;padding:12px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.quick-stat-card strong{font-size:1.4rem;color:var(--color-primary-dark);font-weight:800}.quick-stat-card span{font-size:.72rem;color:#7a665a;margin-top:4px;font-weight:700}.mei-reminder-block{background:#fffbf7;border:1.5px solid #f2e3d5;border-radius:16px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:center}.mei-reminder-bubble{background:#fff;border:1px solid #f2e3d5;border-radius:12px;padding:10px 14px;flex:1;text-align:left}.mei-reminder-bubble-text{margin:0;font-size:.85rem;color:var(--color-text-main);line-height:1.4;font-weight:700}.quick-actions-section{text-align:left;margin-bottom:24px}.quick-actions-section h3{font-size:.95rem;font-weight:800;color:var(--color-primary-dark);margin:0 0 12px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1.5px solid #ecdccb;border-radius:12px;padding:12px 6px;cursor:pointer;transition:all .2s ease;min-height:72px}.quick-action-card:hover{background:#fff9f4;border-color:var(--color-primary-light)}.quick-action-emoji{font-size:1.35rem;margin-bottom:4px}.quick-action-label{font-size:.72rem;font-weight:750;color:var(--color-text-main)}@media(max-width:375px){.onboarding-flow-container,.personal-plan-container{padding:16px}.onboarding-topics-grid{grid-template-columns:1fr}.quick-stat-card strong{font-size:1.2rem}.quick-stat-card span,.quick-action-label{font-size:.65rem}}.mei-chat-container{display:flex;flex-direction:column;height:520px;background:var(--color-bg-panel, #ffffff);border-radius:16px;border:1px solid #f1e6da;box-shadow:0 4px 20px #8b5c1a0d;overflow:hidden;position:relative}.mei-chat-timer-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#fbf6f0;border-bottom:1px solid #ecdccb;font-size:.85rem;font-weight:600;color:#8b5c1a}.mei-chat-timer-bar .time-alert{color:#d32f2f;animation:pulse 1s infinite alternate}.mei-chat-log{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;background:#fafaf9}.mei-chat-bubble-wrapper{display:flex;flex-direction:column;max-width:85%}.mei-chat-bubble-wrapper.assistant{align-self:flex-start}.mei-chat-bubble-wrapper.user{align-self:flex-end;align-items:flex-end}.mei-chat-bubble{padding:12px 16px;border-radius:16px;position:relative;box-shadow:0 2px 8px #00000005;line-height:1.45}.mei-chat-bubble.assistant{background:#fff;border:1px solid #ecdccb;border-top-left-radius:4px;color:var(--color-text-main, #333333)}.mei-chat-bubble.user{background:var(--color-primary-main, #d35400);border-top-right-radius:4px;color:#fff}.mei-chat-bubble .zh{font-size:1.2rem;font-weight:700;margin-bottom:4px;display:block}.mei-chat-bubble .pinyin{font-size:.9rem;margin-bottom:4px;display:block;opacity:.85}.mei-chat-bubble .vi{font-size:.9rem;font-weight:500;opacity:.95}.mei-chat-bubble .coaching-box{margin-top:8px;padding-top:8px;border-top:1px dashed #e3d5c5;font-size:.8rem;color:#795548;font-style:italic}.mei-chat-bubble.user .pinyin,.mei-chat-bubble.user .vi{color:#fff;opacity:.9}.mei-chat-bubble-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:.75rem;color:#888}.mei-chat-bubble-meta.user{justify-content:flex-end}.mei-chat-correction-card{margin-top:8px;background:#fff5f5;border:1px solid #ffcccc;border-radius:12px;padding:10px 14px;width:100%;box-shadow:0 2px 6px #d32f2f0d;text-align:left}.mei-chat-correction-card .score-badge{display:inline-block;background:#d32f2f;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-bottom:6px}.mei-chat-correction-card .score-badge.pass{background:#2e7d32}.mei-chat-correction-card .wrong-part{text-decoration:line-through;color:#c62828;font-weight:700}.mei-chat-correction-card .correct-part{color:#2e7d32;font-weight:700}.mei-chat-correction-card .explanation{font-size:.8rem;color:#555;margin-top:4px;line-height:1.4}.mei-chat-quick-replies-container{display:flex;flex-direction:column;gap:6px;padding:8px 16px;background:#fbf6f0;border-top:1px solid #f1e6da}.mei-chat-quick-replies-label{font-size:.75rem;font-weight:600;color:#8b5c1a;text-transform:uppercase}.mei-chat-quick-replies{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.mei-chat-quick-replies::-webkit-scrollbar{display:none}.mei-chat-quick-reply-chip{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:8px 16px;border-radius:20px;border:1px solid #ecdccb;background:#fff;cursor:pointer;min-height:48px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;text-align:left}.mei-chat-quick-reply-chip:hover{background:#fff8f2;border-color:var(--color-primary-main, #d35400)}.mei-chat-quick-reply-chip .zh{font-size:.95rem;font-weight:700;color:var(--color-primary-dark, #a04000)}.mei-chat-quick-reply-chip .pinyin{font-size:.75rem;color:#777}.mei-chat-quick-reply-chip .vi{font-size:.75rem;color:#888}.mei-chat-input-section{padding:12px 16px;background:#fff;border-top:1px solid #f1e6da}.mei-chat-input-bar{display:flex;gap:8px;align-items:center}.mei-chat-input-bar input{flex:1;padding:12px 16px;border-radius:24px;border:1px solid #ecdccb;background:#fafaf9;font-size:1rem;outline:none;transition:border-color .2s;min-height:44px}.mei-chat-input-bar input:focus{border-color:var(--color-primary-main, #d35400);background:#fff}.mei-chat-input-bar .chat-send-btn{background:var(--color-primary-main, #d35400);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.mei-chat-input-bar .chat-send-btn:hover{opacity:.9}.mei-chat-input-bar .chat-mic-btn{background:#fff5e8;border:1px solid #ecdccb;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.mei-chat-input-bar .chat-mic-btn.listening{background:#fbebeb;border-color:#f5c2c2;animation:listening-pulse 1.5s infinite}@keyframes listening-pulse{0%{transform:scale(1);box-shadow:0 0 #d32f2f66}70%{transform:scale(1.05);box-shadow:0 0 0 10px #d32f2f00}to{transform:scale(1);box-shadow:0 0 #d32f2f00}}.mei-chat-input-warning{margin-top:6px;font-size:.78rem;color:#d32f2f;text-align:left}.mei-chat-input-fallback{margin-top:6px;font-size:.75rem;color:#765;font-style:italic;text-align:left}.mei-chat-topic-selector{display:flex;flex-direction:column;gap:16px;text-align:left}.mei-chat-track-section{display:flex;flex-direction:column;gap:8px}.mei-chat-track-title{font-size:.95rem;font-weight:700;color:#8b5c1a;display:flex;align-items:center;gap:6px;padding-bottom:4px;border-bottom:1px solid #f1e6da}.mei-chat-topic-grid-375{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mei-chat-topic-chip{padding:10px 14px;border-radius:12px;border:1px solid #ecdccb;background:#fff;cursor:pointer;font-size:.9rem;font-weight:600;color:#555;transition:all .2s ease;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}.mei-chat-topic-chip:hover{background:#fff8f2;border-color:var(--color-primary-main, #d35400)}.mei-chat-topic-chip.active{background:var(--color-primary-main, #d35400);border-color:var(--color-primary-main, #d35400);color:#fff}.mei-chat-summary-panel{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #ecdccb;border-radius:16px;padding:20px;text-align:left;overflow-y:auto;max-height:100%;box-sizing:border-box}.mei-chat-summary-header{border-bottom:1px solid #ecdccb;padding-bottom:12px}.mei-chat-summary-header h3{margin:0 0 6px;color:#8b5c1a}.mei-chat-summary-header p{margin:0;color:#555;font-size:.9rem;font-weight:500}.mei-chat-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#fafaf9;border-radius:12px;padding:12px;border:1px solid #ecdccb}.mei-chat-stat-box{display:flex;flex-direction:column;align-items:center;text-align:center}.mei-chat-stat-box span{font-size:.75rem;color:#777}.mei-chat-stat-box strong{font-size:1.1rem;color:#8b5c1a;margin-top:4px}.mei-chat-summary-corrections{display:flex;flex-direction:column;gap:10px}.mei-chat-summary-corrections h4{margin:0;font-size:.95rem;color:#8b5c1a;display:flex;align-items:center;gap:6px}.mei-chat-summary-correction-item{background:#fff5f5;border:1px solid #ffcccc;border-radius:10px;padding:10px 12px}.mei-chat-summary-correction-item .wrong{text-decoration:line-through;color:#c62828;font-weight:600;margin-right:8px}.mei-chat-summary-correction-item .right{color:#2e7d32;font-weight:700}.mei-chat-summary-correction-item .pinyin{font-size:.8rem;color:#666;margin:2px 0}.mei-chat-summary-correction-item .explanation{font-size:.8rem;color:#444;margin:4px 0 0}@media(max-width:375px){.mei-chat-topic-grid-375{grid-template-columns:1fr}}.mei-chat-summary-loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border:1px solid #ecdccb;border-radius:16px;text-align:center;min-height:200px}.mei-chat-summary-loading-panel .spinner{width:40px;height:40px;border:4px solid #f3e9dc;border-top:4px solid #8b5c1a;border-radius:50%;animation:mei-spin 1s linear infinite;margin-bottom:16px}@keyframes mei-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mei-chat-summary-avatar-comment{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fffcf9,#fbf3eb);border:1px solid #ecdccb;border-radius:16px;padding:16px;margin-bottom:8px}.mei-chat-summary-comment{flex:1}.mei-chat-summary-comment h4{margin:0 0 6px;color:#8b5c1a;font-size:1rem;font-weight:700}.mei-chat-summary-comment p{margin:0;color:#4a3e3d;font-size:.925rem;line-height:1.5;font-style:italic}.mei-chat-summary-card{background:#fff;border:1px solid #ecdccb;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #8b5c1a0a}.mei-chat-summary-card h4{margin:0;font-size:1rem;color:#8b5c1a;font-weight:700;border-bottom:1px solid #f5eae0;padding-bottom:8px}.mei-chat-summary-card .result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-item{background:#fafaf9;border:1px solid #f3e9dc;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-item span{font-size:.75rem;color:#776e65;margin-bottom:4px}.result-item strong{font-size:.95rem;color:#8b5c1a;font-weight:700}.mistakes-list{display:flex;flex-direction:column;gap:12px}.mistake-item{background:#fff8f8;border:1px solid #ffe3e3;border-radius:10px;padding:12px}.mistake-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;border-bottom:1px dashed #ffd1d1;padding-bottom:4px}.mistake-title{font-weight:600;color:#c62828;font-size:.875rem}.mistake-score{font-size:.75rem;background:#ffebee;color:#c62828;padding:2px 6px;border-radius:6px;font-weight:700}.sentence-wrong{margin:4px 0;color:#c62828;font-size:.9rem}.sentence-right{margin:4px 0;color:#2e7d32;font-weight:600;font-size:.9rem}.sentence-pinyin{margin:2px 0 2px 18px;color:#666;font-size:.8rem}.sentence-explanation{margin:4px 0 0 18px;color:#4a3e3d;font-size:.8rem;line-height:1.4}.positive-text{margin:0;color:#2e7d32;font-weight:600;font-size:.925rem;line-height:1.5;text-align:center;padding:10px 0}.sentences-list{display:flex;flex-direction:column;gap:10px}.sentence-item{display:flex;justify-content:space-between;align-items:center;background:#f7f9fa;border:1px solid #e1e8ed;border-radius:10px;padding:10px 14px}.sentence-text-wrapper{display:flex;flex-direction:column;gap:2px}.sentence-text-wrapper .zh{font-size:1.1rem;font-weight:700;color:#1a1a1a}.sentence-text-wrapper .pinyin{font-size:.8rem;color:#666}.sentence-text-wrapper .vi{font-size:.85rem;color:#333}.empty-text{margin:0;color:#999;font-size:.85rem;font-style:italic;text-align:center}.mei-chat-summary-ctas{display:flex;flex-direction:column;gap:12px;margin-top:8px}.cta-row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.cta-row-navigation{display:flex;flex-direction:column;gap:10px}.summary-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;width:100%;min-height:44px}.summary-cta-btn:active{transform:scale(.98)}.summary-cta-btn:disabled{opacity:.7;cursor:not-allowed}.mistakes-btn{background:#fff0e6;border:1px solid #ffd4b8;color:#d35400}.mistakes-btn.saved{background:#e6f4ea;border:1px solid #c2e7c9;color:#137333}.flashcards-btn{background:#f0f7ff;border:1px solid #cce3ff;color:#0056b3}.flashcards-btn.saved{background:#e6f4ea;border:1px solid #c2e7c9;color:#137333}.retry-btn{background:#f9f6f0;border:1px solid #e7dfd5;color:#5c4033}.next-btn{background:linear-gradient(135deg,#d35400,#e67e22);color:#fff;box-shadow:0 4px 12px #d3540033}.next-btn:hover{background:linear-gradient(135deg,#e67e22,#f39c12)}.back-btn{background:transparent;color:#666;border:1px solid #ccc}.back-btn:hover{background:#0000000d}@media(max-width:480px){.mei-chat-summary-panel{padding:12px}.mei-chat-summary-card .result-grid{grid-template-columns:1fr}}.chat-demo-banner{background-color:var(--gold-100);border-bottom:1.5px solid var(--gold-500);color:#92600a;padding:8px 12px;font-size:11.5px;font-weight:700;text-align:center}.conv-header{background:#fff;padding:12px 16px;border-bottom:1px solid var(--cream-300);display:flex;align-items:center;gap:12px}.conv-mei{width:40px;height:40px;border-radius:50%;background:var(--red-100);border:1.5px solid var(--red-300);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;position:relative}.conv-mei:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;background:#4ade80;border-radius:50%;border:1.5px solid #ffffff}.conv-meta{text-align:left}.conv-meta .conv-name{font-size:14.5px;font-weight:700;color:var(--ink-900)}.conv-meta .conv-status{font-size:10.5px;color:var(--ink-500)}.conv-timer{margin-left:auto;background:var(--red-50);border:1px solid var(--red-100);border-radius:40px;padding:4px 10px;font-size:12px;font-weight:700;color:var(--red-600)}.chat-area{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;background-color:var(--cream-100)}.msg-row{display:flex;align-items:flex-end;gap:8px}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;border-radius:50%;background:var(--red-100);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.msg-bubble{max-width:75%;padding:11px 14px;border-radius:var(--r-md);position:relative;text-align:left}.msg-row.mei .msg-bubble{background:#fff;border-radius:4px 14px 14px;box-shadow:var(--sh-sm);border:1px solid var(--cream-300)}.msg-row.user .msg-bubble{background:var(--red-600);color:#fff;border-radius:14px 4px 14px 14px;box-shadow:var(--sh-sm)}.msg-zh{font-family:var(--font-zh);font-size:15.5px;font-weight:600;line-height:1.4}.msg-row.user .msg-zh{color:#fff}.msg-pinyin{font-size:11px;color:var(--red-600);margin-top:2px;font-weight:600}.msg-vi{font-size:11px;color:var(--ink-500);font-style:italic;margin-top:2px}.msg-row.user .msg-vi{color:#fffc}.msg-error{display:inline-flex;align-items:center;gap:4px;background:var(--gold-100);border:1px solid var(--gold-500);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:#92600a;margin-top:6px}.typing-bubble{background:#fff;border:1px solid var(--cream-300);border-radius:4px 14px 14px;padding:12px 16px;display:flex;gap:4px;align-items:center;box-shadow:var(--sh-sm)}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-300);animation:typing-dots-bounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-dots-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.quick-replies{padding:8px 12px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;background-color:var(--cream-100);border-top:1px solid var(--cream-300)}.quick-replies::-webkit-scrollbar{display:none}.qr-chip{padding:8px 14px;background:#fff;border:1px solid var(--cream-300);border-radius:40px;font-family:var(--font-body);font-size:12.5px;font-weight:600;color:var(--ink-700);white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:var(--sh-sm)}.qr-chip:hover{border-color:var(--red-600);color:var(--red-600);background:var(--red-50)}.chat-input-bar{padding:10px 16px;background:#fff;border-top:1px solid var(--cream-300);display:flex;gap:10px;align-items:center}.chat-input{flex:1;padding:10px 16px;background:var(--cream-100);border:1px solid var(--cream-300);border-radius:40px;font-family:var(--font-body);font-size:13.5px;color:var(--ink-900);outline:none;min-height:38px}.chat-input:focus{border-color:var(--red-600);background-color:#fff}.chat-mic{width:38px;height:38px;border-radius:50%;background:var(--red-600);color:#fff;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-red)}.path-view,.path-list{--red:#C8102E;--red-deep:#8E0A20;--blue:#1A56A4;--jade:#0E9F6E;--amber:#E08A00;--red-soft:#FDECEA;--blue-soft:#EDF3FB;--jade-soft:#E7F6EF;--amber-soft:#FBF1DC;--cream:#FFF8F5;--ink:#2E2A28;--ink-soft:#8a807b;--line:rgba(46,42,40,.1);--mut:#F4EEEA}.path-view .zh,.path-list .zh{font-family:Noto Sans SC,sans-serif}.path-view .rhead{padding:24px 18px 16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;margin-top:-16px}.path-view .rhead .r1{display:flex;align-items:center;justify-content:space-between}.path-view .rhead h2{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;margin:0;letter-spacing:-.02em}.path-view .rhead .change{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);padding:8px 12px;border-radius:999px;border:none;cursor:pointer;font-family:inherit;transition:all .2s ease}.path-view .rhead .change:hover{opacity:.9}.path-view .rhead .change .icn{width:15px;height:15px;stroke:var(--blue)}.path-view .goal{display:flex;align-items:center;gap:9px;margin-top:13px;background:var(--jade-soft);border:1px solid rgba(14,159,110,.2);border-radius:13px;padding:11px 13px}.path-view .goal .ic{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none}.path-view .goal .ic .icn{width:18px;height:18px;stroke:var(--jade)}.path-view .goal .gt{font-size:11px;color:var(--ink-soft);font-weight:600}.path-view .goal .gn{font-size:14.5px;font-weight:700;font-family:Bricolage Grotesque,sans-serif}.path-view .prog{margin-top:13px}.path-view .prog .pl{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.path-view .prog .bar{height:7px;border-radius:4px;background:var(--mut);overflow:hidden}.path-view .prog .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--jade),#3FD08A);border-radius:4px;transition:width .3s ease}.path-view .wrap{padding:20px 18px 0}.path-view .seclab{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase;margin:16px 0 4px}.path-view .seclab .req{background:var(--red-soft);color:var(--red);font-size:10px;padding:2px 8px;border-radius:999px;letter-spacing:0}.path-view .secnote{font-size:12.5px;color:var(--ink-soft);margin:0 0 14px}.path-view .track{position:relative}.path-view .track:before{content:"";position:absolute;left:22px;top:18px;bottom:18px;width:2.5px;background:var(--line)}.path-view .track.open:before{background:linear-gradient(var(--red),var(--red-soft))}.path-view .node{display:flex;gap:15px;position:relative;padding-bottom:16px}.path-view .dot{width:46px;height:46px;border-radius:50%;background:#fff;border:2.5px solid var(--line);display:grid;place-items:center;flex:none;z-index:2;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:17px;color:var(--ink-soft)}.path-view .dot .icn{width:20px;height:20px}.path-view .node.cur .dot{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 0 0 5px var(--red-soft);animation:curPulse 2s infinite alternate}@keyframes curPulse{0%{box-shadow:0 0 0 3px var(--red-soft)}to{box-shadow:0 0 0 7px #c8102e59}}.path-view .node.avail .dot{border-color:var(--red);color:var(--red)}.path-view .node.done .dot{border-color:var(--jade);background:var(--jade);color:#fff}.path-view .node.done .dot .icn{stroke:#fff}.path-view .node.lock .dot{background:var(--mut);border-color:var(--line);color:var(--ink-soft)}.path-view .node.lock .dot .icn{stroke:var(--ink-soft)}.path-view .lcard{flex:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 15px;box-shadow:0 8px 22px -20px #0006;text-align:left}.path-view .node.cur .lcard{border-color:#c8102e59;box-shadow:0 12px 28px -18px #c8102e73}.path-view .node.lock .lcard{background:#fbf7f4;box-shadow:none}.path-view .lcard .lt{font-size:15.5px;font-weight:700;font-family:Bricolage Grotesque,sans-serif}.path-view .node.lock .lcard .lt{color:var(--ink-soft)}.path-view .lcard .meta{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--ink-soft);margin-top:5px}.path-view .lcard .meta i{width:3px;height:3px;border-radius:50%;background:var(--ink-soft);display:inline-block}.path-view .lcard .desc{font-size:12.5px;color:var(--ink-soft);margin-top:6px}.path-view .lcard .start{display:inline-flex;align-items:center;gap:6px;background:var(--red);color:#fff;font-size:13px;font-weight:700;padding:9px 15px;border-radius:11px;margin-top:11px;border:none;cursor:pointer;font-family:inherit}.path-view .lcard .start .icn{width:15px;height:15px;stroke:#fff}.path-view .lcard .next-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--red);background:var(--red-soft);padding:3px 9px;border-radius:999px;margin-top:9px}.path-view .lockchip{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--ink-soft)}.path-view .lockchip .icn{width:12px;height:12px;stroke:var(--ink-soft)}.path-view .lcard .ltop{display:flex;align-items:flex-start}.path-view .gate{display:flex;gap:12px;align-items:center;background:var(--amber-soft);border:1px solid rgba(224,138,0,.3);border-radius:16px;padding:14px;margin:16px 0 22px;text-align:left}.path-view .gate .gi{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}.path-view .gate .gi .icn{width:20px;height:20px;stroke:var(--amber)}.path-view .gate b{font-size:13px;color:#9a6200;font-weight:700;display:block}.path-view .gate span{font-size:12px;color:#9a6200;opacity:.85}.path-view .beta{font-size:11.5px;color:var(--ink-soft);text-align:center;margin:18px 4px 0;font-style:italic;line-height:1.5}.path-toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);background-color:#1e1612f0;color:#fff;padding:10px 18px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:9999;box-shadow:0 10px 25px -5px #0006;pointer-events:none;white-space:nowrap;animation:pathToastFadeIn .22s ease-out}@keyframes pathToastFadeIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mei-chat-container{display:flex;flex-direction:column;height:100%;width:100%;--red: #C8102E;--red-deep: #8E0A20;--red-soft: #FDECEA;--blue: #1A56A4;--blue-soft: #EDF3FB;--jade: #0E9F6E;--jade-soft: #E7F6EF;--amber: #E08A00;--amber-soft: #FBF1DC;--ink: #2E2A28;--ink-soft: #8a807b;--line: rgba(46, 42, 40, .1);--cream: #FFF8F5;background:var(--cream)}.mei-chat-container .zh{font-family:Noto Sans SC,sans-serif}.mei-chat-container .conv-header{padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;text-align:left}.mei-chat-container .conv-header h2{font-family:Bricolage Grotesque,sans-serif;font-size:20px;font-weight:800;margin:0;color:var(--ink)}.mei-chat-container .dashboard-content{flex:1;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;text-align:left}.mei-chat-container .dashboard-title{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;margin-bottom:4px}.mei-chat-container .dashboard-desc{font-size:13.5px;color:var(--ink-soft);margin-bottom:8px}.mei-chat-container .chat-hub-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 8px 24px -16px #2e2a2833;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;position:relative;overflow:hidden}.mei-chat-container .chat-hub-card.primary{border-color:#c8102e26;background:linear-gradient(135deg,#ffffff 0%,var(--red-soft) 120%)}.mei-chat-container .chat-hub-card .badge{position:absolute;top:16px;right:16px;background:var(--blue-soft);color:var(--blue);font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.mei-chat-container .chat-hub-card.primary .badge{background:var(--red-soft);color:var(--red)}.mei-chat-container .chat-hub-card .card-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue)}.mei-chat-container .chat-hub-card.primary .card-icon{background:var(--red-soft);color:var(--red)}.mei-chat-container .chat-hub-card h3{font-family:Bricolage Grotesque,sans-serif;font-size:17.5px;font-weight:800;margin:0;color:var(--ink)}.mei-chat-container .chat-hub-card p{font-size:13px;color:var(--ink-soft);line-height:1.45;margin:0}.mei-chat-container .chat-hub-card .card-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;padding:10px 16px;border-radius:11px;border:none;cursor:pointer;transition:opacity .2s;font-family:inherit;margin-top:4px}.mei-chat-container .chat-hub-card.primary .card-cta{background:var(--red)}.mei-chat-container .chat-hub-card .card-cta:hover{opacity:.9}.mei-chat-container .picker-content{flex:1;padding:20px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;text-align:left}.mei-chat-container .section-title{font-family:Bricolage Grotesque,sans-serif;font-size:14.5px;font-weight:800;letter-spacing:.03em;color:var(--ink);text-transform:uppercase;margin-bottom:2px}.mei-chat-container .topic-grid{display:grid;gap:10px}.mei-chat-container .topic-card{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.mei-chat-container .topic-card.selected{border-color:var(--red);background:var(--red-soft);box-shadow:0 4px 12px #c8102e14}.mei-chat-container .topic-card .t-icon{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}.mei-chat-container .topic-card.selected .t-icon{background:#fff;color:var(--red)}.mei-chat-container .topic-card .t-info{flex:1}.mei-chat-container .topic-card h4{font-family:Bricolage Grotesque,sans-serif;font-size:14.5px;font-weight:800;margin:0;color:var(--ink)}.mei-chat-container .topic-card p{font-size:12px;color:var(--ink-soft);margin:2px 0 0;line-height:1.35}.mei-chat-container .topic-card .t-badge{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:6px;text-transform:uppercase}.mei-chat-container .topic-card .t-badge.free{background:var(--jade-soft);color:var(--jade)}.mei-chat-container .topic-card .t-badge.plus{background:var(--amber-soft);color:var(--amber)}.mei-chat-container .duration-selector{display:flex;gap:8px}.mei-chat-container .duration-chip{flex:1;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s;color:var(--ink-soft)}.mei-chat-container .duration-chip.selected{border-color:var(--red);color:var(--red);background:var(--red-soft)}.mei-chat-container .duration-chip.disabled{opacity:.6;background:#fbf7f4;cursor:not-allowed}.mei-chat-container .privacy-badge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft);background:#2e2a280a;padding:10px 12px;border-radius:10px}.mei-chat-container .live-content{flex:1;padding:40px 16px calc(var(--bottom-nav-height, 84px) + 24px)!important;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.mei-chat-container .voice-room-shell{min-height:calc(100dvh - var(--nav-h, 64px));padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;overflow-y:auto}.mei-chat-container.scrollable-page{height:auto;min-height:100%}.mei-chat-container.scrollable-page .voice-room-shell{height:auto;min-height:calc(100dvh - var(--nav-h, 64px));overflow-y:visible}.mei-chat-container .voice-room-ptt{margin-top:28px;margin-bottom:calc(96px + env(safe-area-inset-bottom))}.mei-chat-container .live-avatar-wrapper{position:relative;width:140px;height:140px;margin-bottom:24px}.mei-chat-container .live-avatar{width:140px;height:140px;border-radius:50%;border:4px solid #ffffff;box-shadow:0 10px 30px #0000001a;position:relative;z-index:2;object-fit:cover}.mei-chat-container .live-wave{position:absolute;inset:-10px;border-radius:50%;border:1.5px solid var(--jade);opacity:0;z-index:1;animation:liveWavePulse 2s infinite linear}.mei-chat-container .live-wave:nth-child(2){animation-delay:.7s}.mei-chat-container .live-wave:nth-child(3){animation-delay:1.4s}@keyframes liveWavePulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.3);opacity:0}}.mei-chat-container .live-status{display:flex;align-items:center;gap:6px;font-size:14.5px;font-weight:700;color:var(--jade);margin-bottom:6px}.mei-chat-container .live-status i{width:8px;height:8px;border-radius:50%;background:var(--jade);display:inline-block;animation:liveDotBlink 1.5s infinite alternate}@keyframes liveDotBlink{0%{opacity:.3}to{opacity:1}}.mei-chat-container .live-topic-tag{font-size:12px;color:var(--ink-soft);background:#fff;border:1px solid var(--line);padding:4px 10px;border-radius:20px}.mei-chat-container .live-transcript-box{flex:none;width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin:20px 0;display:flex;flex-direction:column;gap:12px;height:auto;max-height:none;overflow:visible;box-shadow:0 4px 16px -12px #00000026}.mei-chat-container .live-bubble{padding:10px 14px;border-radius:14px;font-size:13px;line-height:1.4;text-align:left}.mei-chat-container .live-bubble.mei{background:var(--cream);border-left:3px solid var(--red);align-self:flex-start;max-width:90%}.mei-chat-container .live-bubble.user{background:var(--blue-soft);color:var(--ink);align-self:flex-end;max-width:90%}.mei-chat-container .live-mic-btn{width:72px;height:72px;border-radius:50%;background:var(--line);color:var(--ink-soft);display:grid;place-items:center;cursor:not-allowed;box-shadow:0 8px 20px #0000000f;border:none;transition:all .2s;margin-bottom:8px}.mei-chat-container .live-mic-label{font-size:12px;color:var(--ink-soft);font-weight:600;margin-bottom:24px}.mei-chat-container .live-bottom-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px}.mei-chat-container .live-btn{flex:1;min-height:44px;border-radius:12px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-family:inherit}.mei-chat-container .live-btn.suggest{background:#fff;color:var(--ink);border:1px solid var(--line)}.mei-chat-container .live-btn.end{background:var(--red);color:#fff}.mei-chat-container .live-warning{font-size:11.5px;color:var(--ink-soft);font-style:italic;margin-top:10px}.mei-chat-container .chat-area{background-color:var(--cream)}.mei-chat-container .msg-row.mei .msg-bubble{background:#fff;border-radius:16px 16px 16px 4px;border:1px solid var(--line);box-shadow:0 4px 12px -8px #00000026}.mei-chat-container .msg-row.user .msg-bubble{background:var(--red);color:#fff;border-radius:16px 16px 4px;box-shadow:0 4px 12px -8px #c8102e4d}.mei-chat-container .msg-row.user .msg-pinyin{color:#ffffffe6!important}.mei-chat-container .msg-row.user .msg-vi{color:#ffffffd9!important}.mei-chat-container .msg-pinyin{color:var(--red)}.mei-chat-container .msg-vi{color:var(--ink-soft)}.mei-chat-container .qr-chip{border-color:var(--line);background:#fff;box-shadow:0 4px 10px -6px #00000026}.mei-chat-container .qr-chip:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}.mei-chat-container .chat-mic{background:var(--red)}.home-container{display:flex;flex-direction:column;background-color:var(--cream);min-height:100%;padding-bottom:30px}.hero{background:linear-gradient(155deg,var(--red) 0%,var(--red-deep) 60%,#7A0A1C 100%);color:#fff;padding:52px 22px 56px;position:relative;overflow:hidden}.hero .wm{position:absolute;right:-26px;top:14px;font-family:var(--font-zh);font-weight:900;font-size:200px;color:#ffffff12;line-height:1;pointer-events:none}.hbrand{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.hbrand .l{display:flex;align-items:center;gap:11px}.hbrand .mk{width:42px;height:42px;border-radius:12px;overflow:hidden;box-shadow:0 5px 14px -5px #00000080;background-color:#fff}.hbrand .mk img{width:100%;height:100%;object-fit:cover}.hbrand .nm{font-family:var(--font-heading);font-weight:800;font-size:17px;line-height:1.15;color:#fff;text-align:left}.hbrand .nm small{display:block;font-family:var(--font-body);font-weight:500;font-size:11.5px;opacity:.82;color:#ffffffe6}.streak{display:flex;align-items:center;gap:6px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);padding:7px 12px;border-radius:999px;font-weight:700;font-size:14px;color:#fff}.streak .icn{width:15px;height:15px;stroke:#ffd27a}.advice{display:flex;gap:12px;margin-top:20px;position:relative;z-index:2;text-align:left}.advice .av{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;border:2px solid rgba(255,255,255,.5);background-color:var(--cream)}.advice .av img{width:100%;height:100%;object-fit:cover;object-position:center top}.advice .tx .k{font-size:10.5px;font-weight:700;letter-spacing:.08em;opacity:.8;margin-bottom:3px}.advice .tx p{font-size:14px;font-weight:600;line-height:1.45;color:#fff}.advice .tx .on{display:flex;align-items:center;gap:6px;font-size:11.5px;opacity:.85;margin-top:7px;color:#fff}.advice .tx .on:before{content:"";width:7px;height:7px;border-radius:50%;background:#5be6a0}.wrap{padding:0 18px}.stats{background:#fff;border-radius:20px;margin-top:-34px;position:relative;z-index:10;box-shadow:0 18px 40px -22px #780a1c66;display:grid;grid-template-columns:repeat(4,1fr);padding:16px 6px;border:1px solid var(--line)}.stat{text-align:center;position:relative}.stat+.stat:before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px;background:var(--line)}.stat .icn{width:16px;height:16px;margin-bottom:5px;stroke:var(--ink-soft)}.stat .v{font-family:var(--font-heading);font-weight:800;font-size:21px;line-height:1;color:var(--ink)}.stat .lb{font-size:10.5px;color:var(--ink-soft);margin-top:3px;font-weight:600}.stat.hl .v{color:var(--red)}.seclab{font-size:11.5px;font-weight:700;letter-spacing:.07em;color:var(--ink-soft);margin:26px 0 12px;text-transform:uppercase;text-align:left}.task{background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 30px -22px #0006;border:1px solid var(--line);text-align:left}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--red-soft);color:var(--red-deep);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}.chip .icn{width:14px;height:14px;stroke:var(--red)}.task h3{font-size:22px;font-weight:800;margin:13px 0 5px;font-family:var(--font-heading);color:var(--ink)}.task .desc{font-size:13.5px;color:var(--ink-soft);margin-bottom:16px}.pmeta{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:7px;font-weight:600}.pbar{height:7px;border-radius:4px;background:#f0e7e2;overflow:hidden}.pbar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--red),#FF6A4D);border-radius:4px;transition:width .8s ease}.steps{display:flex;gap:7px;margin:16px 0 18px;flex-wrap:wrap}.stp{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:11px;border:1.5px solid var(--line);color:var(--ink-soft);background:transparent;cursor:pointer;transition:all .2s ease}.stp .icn{width:14px;height:14px;stroke:currentColor}.stp.now{border-color:var(--red);color:var(--red);background:var(--red-soft)}.stp.done{border-color:transparent;background:var(--jade-soft);color:var(--jade)}.stp.lock{opacity:.55;background-color:#f5f5f5;border-color:#e5e5e5;color:#999;cursor:pointer}.cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--red);color:#fff;border-radius:15px;padding:16px;font-size:16px;font-weight:700;box-shadow:0 14px 28px -12px #c8102ebf;border:none;cursor:pointer;transition:all .15s ease}.cta .icn{stroke:#fff;width:18px;height:18px}.cta:active{transform:translateY(1px)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:#fff;border-radius:18px;padding:15px;display:flex;gap:12px;align-items:center;box-shadow:0 8px 24px -22px #0006;border:1px solid var(--line);cursor:pointer;transition:all .15s ease}.tile:active{transform:scale(.98)}.tile .ti{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:0 0 44px}.tile .ti.mic{background:var(--red-soft)}.tile .ti.mic .icn{stroke:var(--red);width:26px;height:26px;display:block}.tile .ti.card{color:var(--color-jade-700, #047857);background:var(--color-jade-50, #ecfdf5);border:1px solid rgba(4,120,87,.18)}.tile .ti.card .icn{width:26px;height:26px;display:block}.tile b{font-size:14.5px;font-weight:700;display:block;font-family:var(--font-heading);color:var(--ink);text-align:left}.tile span{font-size:11.5px;color:var(--ink-soft);display:block;text-align:left}.week{background:#fff;border-radius:18px;padding:16px 10px;display:flex;justify-content:space-between;box-shadow:0 8px 24px -22px #0006;border:1px solid var(--line)}.day{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.day .dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center}.day .dot .icn{width:13px;height:13px;stroke:#fff}.day.done .dot{background:var(--jade);border-color:var(--jade)}.day.today .dot{border-color:var(--red);border-style:solid;border-width:2.5px}.day .dl{font-size:11px;color:var(--ink-soft);font-weight:600}.day.today .dl{color:var(--red);font-weight:700}.errc{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px -22px #0006;border:1px solid var(--line);cursor:pointer}.errc .eh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.errc .eh b{font-size:14px;font-weight:700;display:flex;align-items:center;gap:7px;color:var(--ink)}.errc .eh b .icn{stroke:var(--amber);width:16px;height:16px}.errc .eh .more{color:var(--red);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:3px}.erow{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:#fbf4f2;margin-bottom:8px;font-size:13.5px;color:var(--ink)}.erow:last-child{margin-bottom:0}.erow .ct{font-size:11px;font-weight:700;color:var(--red);background:var(--red-soft);padding:3px 9px;border-radius:999px}.ph-spacer{height:24px}.home-toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);background-color:#1e1612f0;color:#fff;padding:10px 18px;border-radius:12px;font-size:13.5px;font-weight:600;z-index:9999;box-shadow:0 10px 25px -5px #0006;pointer-events:none;white-space:nowrap;animation:toastFadeIn .22s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.onboarding-page-container{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:480px;margin:0 auto;background-color:var(--cream-100);padding:24px 20px;position:relative;overflow-y:auto;box-sizing:border-box}.onboarding-header{margin-bottom:24px;flex-shrink:0}.onboarding-progress-bar{display:flex;gap:6px;width:100%;margin-bottom:12px}.onboarding-progress-bar .progress-segment{flex:1;height:6px;background-color:var(--cream-300);border-radius:var(--r-full);transition:background-color .3s ease}.onboarding-progress-bar .progress-segment.active{background-color:var(--red-600)}.onboarding-step-indicator{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-300)}.onboarding-main{flex:1;display:flex;flex-direction:column;gap:20px}.onboarding-avatar-block{display:flex;align-items:center;gap:12px;background-color:#fff;border-radius:var(--r-lg);padding:14px 16px;border:1px solid var(--cream-300);box-shadow:var(--sh-sm);flex-shrink:0}.onboarding-avatar-block .avatar-wrapper-circle{width:48px;height:48px;border-radius:var(--r-full);overflow:hidden;border:2px solid var(--red-100);flex-shrink:0}.onboarding-avatar-block .avatar-wrapper-circle img{width:100%;height:100%;object-fit:cover}.onboarding-mei-bubble{flex:1}.onboarding-mei-bubble p.onboarding-bubble-text{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink-900);line-height:1.4}.onboarding-options-grid{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-bottom:24px}.onboarding-options-grid .onboarding-card{display:flex;align-items:center;background-color:#fff;border:1px solid var(--cream-300);border-radius:var(--r-lg);padding:14px 16px;cursor:pointer;box-shadow:var(--sh-sm);text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);min-height:56px;outline:none;width:100%}.onboarding-options-grid .onboarding-card:hover{border-color:var(--ink-100);background-color:var(--cream-50)}.onboarding-options-grid .onboarding-card.selected{border-color:var(--red-600);background-color:var(--red-50);box-shadow:var(--sh-red)}.onboarding-options-grid .onboarding-card .card-emoji{font-size:24px;margin-right:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.onboarding-options-grid .onboarding-card .card-info{flex:1;display:flex;flex-direction:column;justify-content:center}.onboarding-options-grid .onboarding-card .card-title{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--ink-900);margin-bottom:2px}.onboarding-options-grid .onboarding-card .card-desc{font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--ink-500);line-height:1.3}.onboarding-options-grid .onboarding-card .card-arrow{color:var(--ink-300);margin-left:8px;flex-shrink:0;transition:transform .2s ease,color .2s ease}.onboarding-options-grid .onboarding-card.selected .card-arrow{color:var(--red-600);transform:translate(4px)}.onboarding-footer{margin-top:auto;flex-shrink:0;display:flex;justify-content:flex-start;padding-top:12px}.onboarding-footer .back-btn{width:100px;font-size:14px;border-radius:var(--r-md)}.onboarding-result-hero{background:linear-gradient(180deg,var(--red-800) 0%,var(--red-600) 45%,var(--cream-100) 100%);padding:24px 16px;border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden;box-shadow:var(--sh-sm);margin-bottom:4px}.ob-mei-mini{width:64px;height:64px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--sh-md)}.ob-result-bubble{background:#fff;border-radius:var(--r-md);padding:12px 16px;max-width:90%;box-shadow:var(--sh-md);text-align:center}.ob-result-bubble p{font-family:var(--font-body);font-size:13.5px;color:var(--ink-900);line-height:1.45}.zh-result-hint{font-family:var(--font-zh);font-size:12px;color:var(--red-600);font-weight:700;margin-top:4px}.onboarding-result-plan-card{background:#fff;border:1px solid var(--cream-300);border-radius:var(--r-xl);padding:18px;box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:16px}.result-plan-title{font-family:var(--font-body);font-size:16px;font-weight:800;color:var(--ink-900);text-align:left}.unlocked-lessons-list{background:var(--red-50);border:1.5px solid var(--red-100);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:8px}.unlocked-lessons-tag{font-size:10px;font-weight:800;color:var(--red-600);letter-spacing:.08em;text-align:left}.lessons-rows{display:flex;flex-direction:column;gap:6px}.lesson-plan-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-900);text-align:left;font-weight:600}.lesson-plan-row .num-badge{width:20px;height:20px;background-color:var(--red-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.lesson-plan-row .title-text{flex:1}.onboarding-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-box{background-color:#fff;border:1px solid var(--cream-300);border-radius:var(--r-md);padding:10px 4px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--sh-sm)}.metric-box .icon-metric{color:var(--red-600);margin-bottom:4px}.metric-box .val{font-size:13.5px;font-weight:800;color:var(--ink-900);line-height:1.2}.metric-box .lbl{font-size:9.5px;color:var(--ink-300);font-weight:600;margin-top:2px}.onboarding-footer-full{margin-top:auto;flex-shrink:0;display:flex;gap:12px;width:100%;padding-top:12px}.onboarding-welcome-layout{display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;flex-shrink:0}.welcome-logo{font-family:var(--font-body);font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px;color:var(--ink-900)}.welcome-logo-img{width:28px;height:28px;border-radius:8px;object-fit:cover}.welcome-logo span{color:var(--red-600)}.welcome-login-btn{font-size:13px;font-weight:700;color:var(--ink-500);background:none;border:none;cursor:pointer}.welcome-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.welcome-av-stage{position:relative;width:112px;height:112px;margin:12px auto}.welcome-av-stage .ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 130deg,var(--red-600),#FF8A65,var(--jade-600),var(--red-600));animation:welcome-spin 7s linear infinite}@keyframes welcome-spin{to{transform:rotate(360deg)}}.welcome-av-stage .face{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:4px solid var(--cream-100);background:var(--cream-200)}.welcome-av-stage .face img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;object-position:center center}.welcome-bubble{background:#fff;border:1px solid var(--cream-300);border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:13.5px;box-shadow:var(--sh-sm);margin:14px 8px;text-align:left;line-height:1.45;color:var(--ink-900)}.welcome-bubble b{color:var(--red-700)}.welcome-hero h2{font-family:var(--font-body);font-size:24px;font-weight:800;line-height:1.15;color:var(--ink-900);margin-bottom:8px}.welcome-hero .subh{font-size:14.5px;color:var(--ink-500);font-weight:500}.welcome-hero .subh b{color:var(--red-600)}.welcome-demo-section{width:100%;margin-bottom:24px}.welcome-demo-title{font-size:13px;font-weight:700;color:var(--red-600);margin:16px 0 10px;text-align:left;text-transform:uppercase;letter-spacing:.05em}.welcome-demo-box{background:#fff;border:1px solid var(--cream-300);border-radius:18px;padding:16px;box-shadow:var(--sh-sm);text-align:left;display:flex;flex-direction:column;gap:12px}.demo-row{display:flex;gap:12px;align-items:flex-start}.demo-mark{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;margin-top:2px}.demo-mark.x{background-color:var(--red-600)}.demo-mark.v{background-color:var(--jade-600)}.demo-content{flex:1}.demo-tag{font-size:11px;font-weight:700;margin-bottom:2px;text-transform:uppercase}.demo-row.bad .demo-tag{color:var(--red-600)}.demo-row.good .demo-tag{color:var(--jade-600)}.demo-zh{font-family:var(--font-zh);font-size:20px;font-weight:700;line-height:1.25}.demo-row.bad .demo-zh{color:var(--red-600);text-decoration:line-through;text-decoration-color:#c8102e66}.demo-row.good .demo-zh{color:var(--jade-600)}.demo-py{font-family:var(--font-body);font-size:12px;color:var(--ink-500);margin-top:1px}.demo-vi{font-size:12.5px;color:var(--ink-500);font-style:italic;margin-top:1px}.demo-fix-btn{width:100%;background-color:var(--red-600);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:var(--sh-red);transition:opacity .2s;min-height:40px}.demo-fix-btn:hover{opacity:.9}.demo-explanation-box{background-color:var(--gold-100);border-left:3px solid var(--gold-500);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--ink-900);line-height:1.45}.demo-explanation-box b{color:var(--red-700)}.welcome-trust-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.welcome-trust-chips span{font-size:11.5px;color:var(--ink-500);background:#fff;border:1px solid var(--cream-300);border-radius:999px;padding:6px 12px;font-weight:600}.welcome-trust-chips span.free{background-color:var(--red-600);color:#fff;border-color:var(--red-600);font-weight:700}.welcome-disclaimer{font-size:10.5px;color:var(--ink-300);text-align:center;margin-top:18px;line-height:1.5}.goal-bullet-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;padding-left:4px;list-style:none;width:100%}.goal-bullet-list li{font-size:13px;color:var(--ink-500);display:flex;gap:8px;align-items:center;line-height:1.4}.goal-bullet-list li:before{content:"•";color:var(--red-600);font-weight:700;font-size:14px}.option-hint-box{font-size:11.5px;color:var(--ink-500);background-color:var(--cream-200);border-radius:10px;padding:8px 12px;margin-top:8px;line-height:1.4}.onboarding-card.selected .option-hint-box{background-color:#fff}.onboarding-card{display:flex;flex-direction:column!important;align-items:flex-start!important;gap:4px}.onboarding-card-header{display:flex;align-items:center;width:100%}.onboarding-card.selected{border-color:var(--red-600)!important;background-color:var(--red-50)!important}.foundation-alert-banner{background-color:var(--jade-50);border:1px solid var(--jade-100);color:var(--jade-600);border-radius:12px;padding:10px 12px;font-size:12.5px;margin-top:14px;font-weight:700;text-align:left}.onboarding-host-avatar{width:56px;height:56px;aspect-ratio:1 / 1;border-radius:var(--r-full);object-fit:cover;object-position:center center;border:2px solid #ffffff;box-shadow:var(--sh-sm);background-color:var(--cream-200);flex-shrink:0}.onboarding-radio-circle{width:20px;height:20px;border-radius:var(--r-full);border:2px solid var(--cream-300);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;background-color:#fff;transition:all .2s ease}.onboarding-card.selected .onboarding-radio-circle{border-color:var(--red-600)}.radio-dot{width:10px;height:10px;border-radius:var(--r-full);background-color:var(--red-600);animation:scale-up .2s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes scale-up{0%{transform:scale(0)}to{transform:scale(1)}}.onboarding-card-badge{position:absolute;top:-10px;right:16px;background-color:var(--jade-600);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--r-full);box-shadow:0 2px 6px #1f8a704d;z-index:10;border:1px solid rgba(255,255,255,.2)}.onboarding-preview-card{margin-top:16px;background-color:#ebf2fb;border:1px solid rgba(26,86,164,.12);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-sm);text-align:left}.onboarding-preview-card h5{font-family:var(--font-body);font-size:14px;font-weight:800;color:#1a56a4;margin-bottom:12px}.onboarding-preview-list{padding-left:0;margin:0;list-style-type:none;display:flex;flex-direction:column;gap:8px}.onboarding-preview-list li{font-size:13px;color:var(--ink-900);display:flex;align-items:center;gap:8px}.onboarding-preview-list li .bullet-dot{color:#1a56a4;font-weight:900;font-size:15px}.onboarding-card-goal-img{width:72px;height:72px;aspect-ratio:1 / 1;border-radius:20px;object-fit:cover;object-position:center center;margin-right:12px;flex-shrink:0}.speaking-container{padding:16px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.speaking-container .top{display:flex;align-items:center;gap:14px;padding:8px 2px 14px}.speaking-container .top .bk{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;background:#fff;cursor:pointer;transition:all .2s ease;padding:0;box-sizing:border-box}.speaking-container .top .bk:active{transform:scale(.95)}.speaking-container .top .bk .icn{width:20px;height:20px;stroke:var(--ink);display:block}.speaking-container .top h2{font-size:22px;font-weight:800;font-family:var(--font-heading);margin:0;color:var(--ink)}.speaking-container .card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 14px 36px -22px #0006;border:1px solid var(--line);display:flex;flex-direction:column}.speaking-container .ctx{display:flex;align-items:center;gap:11px;margin-bottom:18px}.speaking-container .ctx .av{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none;border:2px solid var(--red-soft);position:relative}.speaking-container .ctx .av img{width:100%;height:100%;object-fit:cover;object-position:center top}.speaking-container .ctx .tag{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--jade);display:flex;align-items:center;gap:5px}.speaking-container .ctx .tag .icn{width:14px;height:14px;stroke:var(--jade)}.speaking-container .ctx .sub{font-size:14px;font-weight:700;font-family:var(--font-heading);margin-top:1px;color:var(--ink)}.speaking-container .ctx .cnt{margin-left:auto;background:var(--red-soft);color:var(--red);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;flex:none}.speaking-container .word{text-align:center;padding:14px 0 8px}.speaking-container .word .hz{font-size:var(--zh-font-size, 38px);font-weight:900;line-height:1.25;color:var(--ink);font-family:var(--font-zh);word-wrap:break-word;transition:font-size .2s ease}.speaking-container .word .py{font-size:22px;font-weight:700;color:var(--red);margin-top:10px;font-family:var(--font-body)}.speaking-container .word .mn{font-size:15px;color:var(--ink-soft);font-style:italic;margin-top:4px;font-family:var(--font-body)}.speaking-container .divider{height:1px;background:var(--line);margin:18px 0}.speaking-container .listen{display:flex;align-items:center;gap:12px}.speaking-container .seg{display:flex;background:var(--mut);border-radius:13px;padding:4px;flex:1}.speaking-container .seg button{flex:1;font-size:13px;font-weight:600;color:var(--ink-soft);padding:9px 0;border-radius:10px;background:none;border:none;cursor:pointer;transition:all .2s}.speaking-container .seg button.on{background:#fff;color:var(--ink);box-shadow:0 3px 8px -4px #00000040}.speaking-container .play{width:52px;height:52px;border-radius:16px;background:var(--ink);display:grid;place-items:center;flex:none;cursor:pointer;transition:transform .15s ease;border:none}.speaking-container .play:active{transform:scale(.95)}.speaking-container .play .icn{width:24px;height:24px;stroke:#fff;fill:none}.speaking-container .record{display:flex;align-items:center;gap:12px;margin-top:18px}.speaking-container .mic{width:58px;height:58px;border-radius:50%;background:var(--red);display:grid;place-items:center;flex:none;box-shadow:0 12px 26px -10px #c8102eb3;position:relative;border:none;cursor:pointer;transition:transform .15s ease}.speaking-container .mic:active{transform:scale(.95)}.speaking-container .mic:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--red-soft);pointer-events:none}.speaking-container .mic.recording{animation:pulse-breathing 1.5s infinite ease-in-out}@keyframes pulse-breathing{0%{box-shadow:0 0 #c8102e80}70%{box-shadow:0 0 0 10px #c8102e00}to{box-shadow:0 0 #c8102e00}}.speaking-container .mic .icn{width:26px;height:26px;stroke:#fff;fill:none}.speaking-container .inp{flex:1;background:#f7efeb;border-radius:14px;padding:14px 16px;font-size:14px;color:var(--ink);border:1px solid transparent;outline:none;font-family:var(--font-body);transition:all .2s;height:52px;box-sizing:border-box}.speaking-container .inp::placeholder{color:var(--ink-soft)}.speaking-container .inp:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px #c8102e1a}.speaking-container .inp.highlighted{border-color:var(--red);background:#fff;animation:input-nudge 1.5s ease-in-out 1}@keyframes input-nudge{0%{box-shadow:0 0 #c8102e33}50%{box-shadow:0 0 0 6px #c8102e14}to{box-shadow:0 0 #c8102e00}}.speaking-container .send{width:52px;height:52px;border-radius:14px;background:var(--red-soft);display:grid;place-items:center;flex:none;cursor:pointer;border:none;transition:all .2s}.speaking-container .send:active{transform:scale(.95)}.speaking-container .send:disabled{opacity:.5;cursor:not-allowed;transform:none}.speaking-container .send .icn{width:22px;height:22px;stroke:var(--red);fill:none}.speaking-container .hint{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:16px}.speaking-container .hint b{color:var(--red)}.speaking-container .mic.mic-disabled{background-color:#d4c4b0;box-shadow:none;cursor:not-allowed;opacity:.6}.speaking-container .mic.mic-disabled:after{border-color:#f4eeea}.speaking-container .mic-fallback-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--cream);border:1px solid var(--line);border-radius:14px;font-size:13px;color:var(--ink);line-height:1.5;margin-top:12px}.speaking-container .mic-fallback-banner .banner-icon{font-size:16px;flex-shrink:0}.speaking-container .speaking-mic-warning-notice{font-size:13px;color:var(--red);background-color:var(--red-soft);padding:10px 14px;border-radius:12px;border:1px solid rgba(200,16,46,.15);line-height:1.45;margin-top:12px}.speaking-container .fbhead{display:flex;align-items:center;gap:16px;padding:8px 2px 22px}.speaking-container .score{width:74px;height:74px;border-radius:50%;color:#fff;display:grid;place-items:center;flex:none;transition:all .3s ease}.speaking-container .score.low{background:var(--red);box-shadow:0 12px 26px -12px #c8102eb3}.speaking-container .score.mid{background:var(--amber);box-shadow:0 12px 26px -12px #e08a00b3}.speaking-container .score.high{background:var(--jade);box-shadow:0 12px 26px -12px #0e9f6eb3}.speaking-container .score b{font-family:var(--font-heading);font-weight:800;font-size:26px;line-height:1}.speaking-container .fbhead h2{font-size:20px;font-weight:800;font-family:var(--font-heading);color:var(--ink);margin:0}.speaking-container .fbhead p{font-size:13.5px;color:var(--ink-soft);margin-top:3px}.speaking-container .lbl{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--ink-soft);margin:16px 0 8px;text-transform:uppercase}.speaking-container .saybox{border-radius:16px;padding:16px 18px;margin-bottom:12px;border-left:4px solid}.speaking-container .saybox.bad{background:var(--red-soft);border-color:var(--red)}.speaking-container .saybox.good{background:var(--jade-soft);border-color:var(--jade)}.speaking-container .saybox .row{display:flex;align-items:baseline;gap:14px}.speaking-container .saybox .hz{font-size:34px;font-weight:900;line-height:1.1;font-family:var(--font-zh)}.speaking-container .saybox.bad .hz{color:var(--red)}.speaking-container .saybox.good .hz{color:var(--jade)}.speaking-container .saybox .pyb{font-size:18px;font-weight:700;font-family:var(--font-body)}.speaking-container .saybox.bad .pyb{color:var(--red)}.speaking-container .saybox.good .pyb{color:var(--jade)}.speaking-container .saybox .err{font-size:12.5px;color:var(--red);margin-top:8px;display:flex;align-items:center;gap:6px;font-weight:600}.speaking-container .saybox .err .icn{width:14px;height:14px;stroke:var(--red);display:inline-block}.speaking-container .meanbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:12px}.speaking-container .meanbox .mt{font-size:15px;font-style:italic;color:var(--ink)}.speaking-container .note{display:flex;gap:12px;background:var(--amber-soft);border-radius:18px;padding:16px;margin-bottom:20px;border:1px solid rgba(224,138,0,.1)}.speaking-container .note .av{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:none;border:2px solid #ffffff}.speaking-container .note .av img{width:100%;height:100%;object-fit:cover;object-position:center top}.speaking-container .note .nt b{font-size:13px;color:var(--amber);font-weight:750;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.speaking-container .note .nt p{font-size:13.5px;line-height:1.55;color:var(--ink);margin:0}.speaking-container .note .nt .listen-mini{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:700;font-size:13px;margin-top:8px;cursor:pointer;transition:opacity .2s}.speaking-container .note .nt .listen-mini:active{opacity:.7}.speaking-container .note .nt .listen-mini .icn{width:15px;height:15px;stroke:var(--red);fill:none}.speaking-container .fbtns{display:flex;gap:12px;margin-top:10px}.speaking-container .fbtns button{flex:1;border-radius:16px;padding:14px;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none;height:50px}.speaking-container .fbtns button:active{transform:scale(.97)}.speaking-container .fbtns .again{background:#fff;border:1.8px solid var(--red);color:var(--red)}.speaking-container .fbtns .again .icn{width:18px;height:18px;stroke:var(--red);fill:none}.speaking-container .fbtns .next{background:var(--red);color:#fff;box-shadow:0 12px 26px -12px #c8102eb3}.speaking-container .fbtns .next .icn{width:18px;height:18px;stroke:#fff;fill:none}.speaking-container .speaking-status-alert{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background-color:var(--cream);border:1px solid var(--line);border-radius:14px;color:var(--ink-soft);font-size:14px}.speaking-container .speaking-status-alert .spinner{animation:spin 1s linear infinite;stroke:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}.speaking-container .speaking-empty-state,.speaking-container .lesson-complete-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;gap:16px}.speaking-container .lesson-complete-screen .complete-icon{font-size:56px;margin-bottom:4px;animation:bounce-in .5s ease-out}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.12)}70%{transform:scale(.97)}to{transform:scale(1);opacity:1}}.speaking-container .lesson-complete-screen h2{font-size:21px;font-weight:800;color:var(--jade);font-family:var(--font-heading);margin:0}.speaking-container .lesson-complete-screen .complete-subtitle{font-size:14px;color:var(--ink-soft);line-height:1.5;max-width:320px}.speaking-container .lesson-complete-screen .next-lesson-card{width:100%;max-width:340px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 8px 24px -16px #0000004d;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.speaking-container .lesson-complete-screen .next-lesson-label{font-size:11px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.speaking-container .lesson-complete-screen .next-lesson-title{font-size:16px;font-weight:700;color:var(--ink)}.speaking-container .lesson-complete-screen .complete-actions{display:flex;gap:12px;width:100%;max-width:340px;margin-top:8px}.speaking-container .lesson-complete-screen .complete-actions button{flex:1}.speaking-container .track-complete-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--jade-soft);border:1px solid rgba(14,159,110,.15);font-size:13px;font-weight:700;color:var(--jade)}.zh{font-family:var(--font-zh),sans-serif!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg-main: var(--cream);--bg-frame: var(--cream);--bg-card: #ffffff;--color-primary: var(--red);--color-primary-light: var(--red-soft);--color-warning: var(--amber);--color-accent: var(--jade);--color-accent-light: var(--jade-soft);--color-jade-700: var(--jade-700);--color-text-main: var(--ink);--color-text-sub: var(--ink-soft);--color-border: var(--line);--color-white: #ffffff}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--color-text-main);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,.t-hero,.t-h1,.t-h2,.t-h3{font-family:var(--font-heading),sans-serif;letter-spacing:-.02em;line-height:1.1}.t-hero{font-size:32px;font-weight:800;line-height:1.15}.t-h1{font-size:24px;font-weight:700;color:var(--color-text-main)}.t-h2{font-size:20px;font-weight:700;color:var(--color-text-main)}.t-h3{font-size:17px;font-weight:600;color:var(--color-text-main)}.t-body{font-size:15px;line-height:1.55;color:var(--ink-700)}.t-sm{font-size:13px;line-height:1.55;color:var(--ink-500)}.t-cap{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-300)}.t-zh-xl{font-family:var(--font-zh);font-size:28px;font-weight:700}.t-zh-lg{font-family:var(--font-zh);font-size:22px;font-weight:600}.t-zh-md{font-family:var(--font-zh);font-size:18px}.t-pinyin{font-size:13px;font-weight:500;color:var(--red-600);letter-spacing:.02em}.t-vi{font-size:13px;color:var(--ink-500);font-style:italic}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--red-600);color:#fff;border:none;border-radius:var(--r-md);padding:10px 20px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--sh-red);min-height:44px;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.btn-primary:hover{background-color:var(--red-700)}.btn-primary:active{transform:scale(.98)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--ink-900);color:#fff;border:none;border-radius:var(--r-md);padding:10px 20px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--sh-sm);min-height:44px;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.btn-secondary:hover{background-color:var(--ink-700)}.btn-secondary:active{transform:scale(.98)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--red-600);border:1px solid var(--red-600);border-radius:var(--r-md);padding:10px 20px;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;min-height:44px;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.btn-outline:hover{background-color:var(--red-50)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--ink-700);border:1px solid var(--cream-300);border-radius:var(--r-md);padding:10px 20px;font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;min-height:44px;text-decoration:none;transition:background-color .2s ease,transform .1s ease}.btn-ghost:hover{background-color:var(--cream-100)}.card{background-color:#fff;border-radius:var(--r-xl);padding:24px;box-shadow:var(--sh-md);border:1px solid var(--cream-300)}.card-mission{background:linear-gradient(135deg,var(--red-600) 0%,var(--red-800) 100%);color:#fff;border-radius:var(--r-xl);padding:20px;box-shadow:var(--sh-red)}.card-stat{background-color:#fff;border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh-sm);border:1px solid var(--cream-300)}.card-mei{background-color:var(--cream-100);border:1px solid var(--cream-300);border-radius:var(--r-lg);padding:16px}.app-shell-container{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:480px;margin:0 auto;position:relative;background-color:var(--cream-100);box-shadow:0 0 32px #1a120826;overflow:hidden}.app-main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px);-webkit-overflow-scrolling:touch}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -4px 16px #2e2a2808}.tab-bar .tab-btn{flex:1;height:var(--nav-h);border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;transition:color .2s ease;min-height:44px;position:relative;padding-top:8px}.tab-bar .tab-btn:hover{color:var(--ink)}.tab-bar .tab-btn.active{color:var(--red)}.tab-bar .tab-btn.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:3px;background-color:var(--red);border-radius:3px}.tab-bar .tab-btn .tab-icon{margin-bottom:4px;transition:transform .2s ease}.tab-bar .tab-btn.active .tab-icon{transform:scale(1.05)}.tab-bar .tab-btn .tab-label{font-family:var(--font-body);font-size:10.5px;font-weight:600}.guard-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;min-height:calc(100dvh - var(--nav-h) - 40px);background-color:var(--cream-100);box-sizing:border-box}.guard-placeholder .avatar-wrapper{margin-bottom:24px;position:relative;display:flex;flex-direction:column;align-items:center}.guard-placeholder .mei-avatar-img{width:96px;height:96px;border-radius:50%;border:3px solid #ffffff;box-shadow:var(--sh-md);object-fit:cover;background-color:var(--cream-200)}.guard-placeholder .badge{background-color:var(--gold-100);color:var(--gold-500);padding:6px 12px;border-radius:var(--r-full);font-size:11px;font-weight:700;margin-top:12px;display:inline-block;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--sh-sm)}.guard-placeholder h2{font-size:20px;font-weight:700;color:var(--ink-900);margin-bottom:12px;line-height:1.35}.guard-placeholder p{font-size:14.5px;color:var(--ink-700);margin-bottom:32px;line-height:1.6;max-width:320px;white-space:pre-line}.guard-placeholder .cta-group{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}vercel-live-feedback,#vercel-live-feedback,[id^=vercel-live-feedback],[id*=-live-feedback],[class*=-live-feedback],[data-vercel-feedback-button],[class*=vercel-live-feedback],[class*=vercel-feedback],.vercel-live-feedback-popover,#__vercel-toolbar,#vercel-toolbar,.vercel-toolbar,iframe[src*=vercel],iframe[id*=vercel],iframe[class*=vercel]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}