:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-chinese:"Noto Sans TC", "Noto Sans SC", "PingFang TC", "Microsoft JhengHei", sans-serif;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}[data-theme=dark]{--bg-app:#080b11;--bg-surface:#0f1523;--bg-surface-elevated:#161e31;--bg-surface-glass:#121929bf;--bg-surface-subtle:#121929;--border-subtle:#ffffff14;--border-highlight:#38bdf840;--border-focus:#38bdf8;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-faint:#64748b;--text-inverse:#090d16;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-glow:#38bdf833;--primary-surface:#38bdf81f;--accent-emerald:#10b981;--accent-emerald-surface:#10b9811f;--accent-amber:#f59e0b;--accent-amber-surface:#f59e0b1f;--accent-rose:#f43f5e;--accent-rose-surface:#f43f5e1f;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 10px 30px #0009;--shadow-card:0 8px 30px -4px #00000073}[data-theme=light]{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-surface-glass:#ffffffd9;--bg-surface-subtle:#f1f5f9;--border-subtle:#00000014;--border-highlight:#0ea5e94d;--border-focus:#0284c7;--text-main:#0f172a;--text-muted:#475569;--text-faint:#94a3b8;--text-inverse:#fff;--primary:#0284c7;--primary-hover:#0369a1;--primary-glow:#0284c726;--primary-surface:#0284c714;--accent-emerald:#059669;--accent-emerald-surface:#05966914;--accent-amber:#d97706;--accent-amber-surface:#d9770614;--accent-rose:#e11d48;--accent-rose-surface:#e11d4814;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--shadow-card:0 4px 16px -2px #0f172a0f}[data-theme=warm]{--bg-app:#fbf8f3;--bg-surface:#fff;--bg-surface-elevated:#f5efe6;--bg-surface-glass:#fffdfae0;--bg-surface-subtle:#eee6db;--border-subtle:#5c402e1a;--border-highlight:#b453094d;--border-focus:#b45309;--text-main:#291d17;--text-muted:#6b5749;--text-faint:#9e897a;--text-inverse:#fff;--primary:#b45309;--primary-hover:#92400e;--primary-glow:#b4530926;--primary-surface:#b4530914;--accent-emerald:#15803d;--accent-emerald-surface:#15803d14;--accent-amber:#d97706;--accent-amber-surface:#d977061a;--accent-rose:#be123c;--accent-rose-surface:#be123c14;--shadow-sm:0 2px 6px #291d170f;--shadow-md:0 4px 14px #291d1714;--shadow-lg:0 10px 24px #291d171a;--shadow-card:0 4px 18px -2px #432b1b14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-slow);line-height:1.6}button,input,select{font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.app-main-content{flex:1;padding:24px 0 60px}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);background-color:var(--bg-surface-glass);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-normal);position:sticky;top:0}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1360px;margin:0 auto;padding:12px 24px;display:flex}.brand-section{align-items:center;gap:12px;display:flex}.logo-icon-wrap{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), #6366f1);color:#fff;width:42px;height:42px;box-shadow:0 4px 12px var(--primary-glow);justify-content:center;align-items:center;display:flex}.brand-icon{width:22px;height:22px}.brand-text{flex-direction:column;display:flex}.brand-title-row{align-items:center;gap:8px;display:flex}.brand-main-title{letter-spacing:-.01em;color:var(--text-main);font-size:1.15rem;font-weight:800}.level-badge{background-color:var(--accent-emerald-surface);color:var(--accent-emerald);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid #10b98140;padding:2px 8px;font-size:.72rem;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:.75rem}.lesson-selector-wrap{position:relative}.lesson-dropdown-container{align-items:center;display:flex;position:relative}.lesson-select-input{-webkit-appearance:none;appearance:none;background-color:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);outline:none;padding:8px 36px 8px 14px;font-size:.88rem;font-weight:600}.lesson-select-input:hover,.lesson-select-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.select-arrow-icon{pointer-events:none;color:var(--text-muted);position:absolute;right:12px}.header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.control-btn{border-radius:var(--radius-md);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:600;display:flex}.control-btn:hover{color:var(--text-main);border-color:var(--primary)}.control-btn.active-feature{background-color:var(--primary-surface);color:var(--primary);border-color:#38bdf859}.script-toggle-btn.active-trad{color:var(--primary);border-color:var(--primary);background:linear-gradient(135deg,#38bdf826,#6366f126)}.script-toggle-btn.active-simp{color:var(--accent-emerald);border-color:var(--accent-emerald);background:linear-gradient(135deg,#10b98126,#38bdf826)}.btn-label-bold{font-weight:800;font-family:var(--font-chinese)}.text-icon{font-size:.8rem;font-weight:700}.voice-selector-group{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.voice-icon{color:var(--text-muted);margin-left:6px;margin-right:2px}.voice-choice-btn{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);padding:4px 8px;font-size:.78rem;font-weight:600}.voice-choice-btn.voice-selected{background-color:var(--primary);color:#fff}.speech-rate-select{background-color:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;outline:none;padding:6px 10px;font-size:.78rem;font-weight:600}.theme-toggle-group{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;padding:3px;display:flex}.theme-btn{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:6px 8px;display:flex}.theme-btn.active-theme{background-color:var(--bg-surface-subtle);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-navigation-container{margin-bottom:24px}.tab-navigation-scroll{scrollbar-width:thin;align-items:center;gap:10px;padding:6px 2px 14px;display:flex;overflow-x:auto}.nav-tab-item{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 18px;display:flex}.nav-tab-item:hover{color:var(--text-main);border-color:var(--border-highlight);transform:translateY(-2px)}.nav-tab-active{background:linear-gradient(135deg, var(--bg-surface-elevated), var(--bg-surface));color:var(--text-main);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 8px 20px -4px var(--primary-glow)}.tab-icon-wrap{color:var(--primary);justify-content:center;align-items:center;display:flex}.tab-text-wrap{text-align:left;flex-direction:column;display:flex}.tab-title{color:inherit;font-size:.92rem;font-weight:700}.tab-subtitle{color:var(--text-faint);font-size:.72rem;font-weight:500}.tab-badge{background-color:var(--primary-surface);color:var(--primary);border-radius:var(--radius-full);padding:2px 8px;font-size:.7rem;font-weight:700}.learning-content-card{flex-direction:column;gap:24px;animation:.3s cubic-bezier(.4,0,.2,1) fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section-intro-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:28px;display:flex;position:relative;overflow:hidden}.section-intro-card:before{content:"";background:linear-gradient(90deg, var(--primary), #6366f1, var(--accent-emerald));height:3px;position:absolute;top:0;left:0;right:0}.section-pill-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background-color:var(--primary-surface);color:var(--primary);border:1px solid #38bdf833;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700}.section-main-heading{color:var(--text-main);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;font-family:var(--font-chinese), var(--font-sans)}.section-sub-heading{color:var(--text-muted);font-size:1.05rem;font-weight:500}.dialogue-setting-box{background-color:var(--bg-surface-elevated);border-radius:var(--radius-md);border-left:4px solid var(--primary);flex-direction:column;gap:10px;padding:14px 18px;display:flex}.setting-description{color:var(--text-muted);font-size:.88rem}.setting-label{color:var(--primary);font-weight:700}.dialogue-speakers-list{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.speaker-tag{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.speaker-dot{border-radius:50%;width:8px;height:8px}.speaker-name{font-weight:700;font-family:var(--font-chinese)}.speaker-role-label{color:var(--text-faint);font-size:.75rem}.dialogue-control-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;display:flex}.audio-actions-row{align-items:center;gap:12px;display:flex}.btn-primary-action{background:linear-gradient(135deg, var(--primary), #2563eb);color:#fff;border-radius:var(--radius-md);box-shadow:0 4px 14px var(--primary-glow);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;display:inline-flex}.btn-primary-action:hover{box-shadow:0 6px 18px var(--primary-glow);transform:translateY(-2px)}.btn-danger-action{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);background:linear-gradient(135deg,#ef4444,#dc2626);align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #ef44444d}.btn-outline-action{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-outline-action:hover{border-color:var(--primary);color:var(--primary)}.dialogue-hint-text{color:var(--text-faint);font-size:.78rem}.dialogue-stream-container{flex-direction:column;gap:18px;display:flex}.dialogue-line-card{transition:all var(--transition-normal);border-radius:var(--radius-lg);gap:16px;padding:6px;display:flex}.line-highlight-active{background-color:var(--primary-surface);box-shadow:0 0 0 2px var(--primary)}.speaker-left{flex-direction:row}.speaker-right{flex-direction:row-reverse}.speaker-avatar-wrap{color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);font-size:1.1rem;font-weight:800;font-family:var(--font-chinese);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dialogue-bubble{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:82%;box-shadow:var(--shadow-card);transition:all var(--transition-fast);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.dialogue-bubble:hover{border-color:var(--border-highlight)}.bubble-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.speaker-display-name{font-size:.82rem;font-weight:700;font-family:var(--font-chinese)}.bubble-actions{align-items:center;gap:6px;display:flex}.bubble-btn-sound,.bubble-btn-tool{border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.bubble-btn-sound:hover,.bubble-btn-tool:hover{color:var(--primary);background-color:var(--primary-surface)}.sound-active{animation:1.2s infinite pulseSound;color:#fff!important;background-color:var(--primary)!important}@keyframes pulseSound{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.bubble-chinese-text{font-family:var(--font-chinese);color:var(--text-main);letter-spacing:.02em;font-size:1.25rem;font-weight:600;line-height:1.6}.bubble-pinyin-text{color:var(--primary);font-size:.9rem;font-weight:500}.bubble-vietnamese-text{color:var(--text-muted);border-top:1px dashed var(--border-subtle);padding-top:6px;font-size:.92rem}.comprehension-section{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:26px;display:flex}.comprehension-header{align-items:center;gap:14px;display:flex}.icon-badge-gold{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #f59e0b40}.comprehension-title{color:var(--text-main);font-size:1.15rem;font-weight:800}.comprehension-subtitle{color:var(--text-muted);font-size:.82rem}.questions-accordion-list{flex-direction:column;gap:12px;display:flex}.question-accordion-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);overflow:hidden}.question-card-trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.question-card-trigger:hover{background-color:var(--bg-surface-subtle)}.question-cn-text{font-family:var(--font-chinese);color:var(--text-main);font-size:1rem;font-weight:600}.reveal-btn-wrap{color:var(--primary);flex-shrink:0;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.answer-reveal-content{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.answer-block-cn{flex-direction:column;gap:4px;display:flex}.answer-label-cn{color:var(--accent-emerald);text-transform:uppercase;font-size:.75rem;font-weight:700}.answer-p-cn{font-family:var(--font-chinese);color:var(--text-main);font-size:.95rem;font-weight:500}.answer-block-vi{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:4px;padding-top:8px;display:flex}.answer-label-vi{color:var(--text-faint);font-size:.75rem;font-weight:700}.answer-p-vi{color:var(--text-muted);font-size:.88rem}.vocab-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-input-box{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:14px}.vocab-search-field{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:all var(--transition-fast);outline:none;padding:10px 38px 10px 42px;font-size:.88rem}.vocab-search-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.clear-search-btn{color:var(--text-muted);font-size:.85rem;position:absolute;right:12px}.mastery-filter-group{align-items:center;gap:6px;display:flex}.filter-pill-btn{border-radius:var(--radius-full);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);transition:all var(--transition-fast);padding:6px 14px;font-size:.8rem;font-weight:600}.filter-pill-btn.pill-active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.pos-filters-row{flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;display:flex}.pos-filter-icon{color:var(--text-faint)}.pos-filter-label{color:var(--text-faint);font-size:.8rem;font-weight:600}.pos-tag-btn{border-radius:var(--radius-sm);background-color:var(--bg-surface-subtle);color:var(--text-muted);transition:all var(--transition-fast);padding:4px 10px;font-size:.78rem;font-weight:600}.pos-tag-btn:hover{color:var(--text-main)}.pos-tag-active{background-color:var(--accent-emerald-surface);color:var(--accent-emerald);border:1px solid #10b9814d}.vocab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.vocab-item-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.vocab-item-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-mastered{border-left:4px solid var(--accent-emerald)}.card-chengyu{border-top:2px solid var(--accent-amber)}.card-playing-active{transform:translateY(-2px);border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf873,0 8px 26px #00000073!important}.vocab-audio-play-btn{box-sizing:border-box;color:#10b981;cursor:pointer;background:linear-gradient(135deg,#10b9811f,#06b6d414);border:1px solid #10b98173;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:96px;height:32px;padding:0 10px;font-size:.78rem;font-weight:700;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex;transform:none!important}.vocab-audio-play-btn:hover{color:#34d399;background:linear-gradient(135deg,#10b9813d,#06b6d42e);border-color:#10b981;transform:none!important}.vocab-audio-play-btn.btn-is-playing{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 12px #10b98180;transform:none!important}.seek-tape-btn{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:5px;width:96px;height:32px;font-size:.76rem;font-weight:700;display:inline-flex;color:#10b981!important;background:linear-gradient(135deg,#10b9811f,#06b6d414)!important;border:1px solid #10b98173!important;border-radius:999px!important;transform:none!important}.example-speak-active{color:#fff!important;background:#10b981!important;border-color:#10b981!important;box-shadow:0 0 12px #10b98180!important}.vocab-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.vocab-main-display{align-items:baseline;gap:10px;display:flex}.vocab-num-id{color:var(--text-faint);font-size:.75rem;font-weight:800}.vocab-hanzi-wrap{align-items:center;gap:8px;display:flex}.vocab-hanzi-text{font-family:var(--font-chinese);color:var(--text-main);cursor:pointer;transition:color var(--transition-fast);font-size:1.6rem;font-weight:700}.vocab-hanzi-text:hover{color:var(--primary);text-decoration:underline}.chengyu-badge{background-color:var(--accent-amber-surface);color:var(--accent-amber);border-radius:var(--radius-sm);border:1px solid #f59e0b4d;padding:2px 6px;font-size:.68rem;font-weight:700}.vocab-card-actions{align-items:center;gap:6px;display:flex}.vocab-icon-btn{border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.vocab-icon-btn:hover{color:var(--primary);background-color:var(--primary-surface)}.mastered-active{color:var(--accent-emerald)!important;background-color:var(--accent-emerald-surface)!important}.vocab-meta-row{align-items:center;gap:10px;display:flex}.vocab-pinyin{color:var(--primary);font-size:.95rem;font-weight:600}.vocab-pos-badge{background-color:var(--bg-surface-subtle);color:var(--text-muted);border-radius:var(--radius-sm);padding:2px 8px;font-size:.74rem;font-weight:600}.vocab-meaning-block{flex-direction:column;gap:4px;display:flex}.vocab-vi-meaning{color:var(--text-main);font-size:.98rem;font-weight:700}.meaning-bullet{color:var(--primary)}.vocab-en-meaning{color:var(--text-muted);font-size:.82rem}.vocab-example-box{background-color:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.example-header-row{justify-content:space-between;align-items:center;display:flex}.example-label{color:var(--text-faint);text-transform:uppercase;font-size:.72rem;font-weight:700}.example-speak-btn{color:var(--primary);align-items:center;gap:4px;font-size:.74rem;font-weight:600;display:flex}.example-cn-sentence{font-family:var(--font-chinese);color:var(--text-main);font-size:.92rem;font-weight:500;line-height:1.5}.example-pinyin-sentence{color:var(--primary);font-size:.8rem}.example-vi-sentence{color:var(--text-muted);font-size:.82rem}.empty-state-box{text-align:center;background-color:var(--bg-surface);border-radius:var(--radius-lg);color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.flashcard-deck-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.deck-progress-wrap{flex-direction:column;flex:1;gap:6px;min-width:240px;display:flex}.deck-progress-info{justify-content:space-between;font-size:.85rem;display:flex}.progress-label{color:var(--text-muted);font-weight:600}.progress-value{color:var(--accent-emerald);font-weight:700}.progress-track-bar{background-color:var(--bg-surface-elevated);border-radius:var(--radius-full);border:1px solid var(--border-subtle);width:100%;height:8px;overflow:hidden}.progress-fill-bar{background:linear-gradient(90deg, var(--primary), var(--accent-emerald));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.flashcard-stage{perspective:1200px;justify-content:center;padding:20px 0;display:flex}.flashcard-3d-card{width:100%;max-width:580px;min-height:380px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.card-is-flipped{transform:rotateY(180deg)}.card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-xl);background-color:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;justify-content:space-between;padding:32px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 16px 40px -8px #0006}.card-face-front{border-top:4px solid var(--primary)}.card-face-back{border-top:4px solid var(--accent-emerald);background:linear-gradient(180deg, var(--bg-surface), var(--bg-surface-elevated));transform:rotateY(180deg)}.card-top-indicator{justify-content:space-between;align-items:center;display:flex}.card-step-badge{color:var(--text-faint);font-size:.8rem;font-weight:700}.card-pos-pill{border-radius:var(--radius-full);background-color:var(--primary-surface);color:var(--primary);padding:3px 10px;font-size:.76rem;font-weight:700}.card-center-content{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px 0;display:flex}.card-hanzi-display{font-family:var(--font-chinese);color:var(--text-main);letter-spacing:.05em;text-shadow:0 2px 10px #0003;font-size:3.8rem;font-weight:800}.card-flip-hint{color:var(--text-faint);align-items:center;gap:8px;font-size:.82rem;display:flex}.card-bottom-actions{justify-content:center;align-items:center;gap:16px;display:flex}.card-quick-btn{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;display:flex}.card-quick-btn.sound{background-color:var(--primary-surface);color:var(--primary)}.card-quick-btn.pen{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted)}.card-quick-btn.shadowing{color:#f43f5e;background:linear-gradient(135deg,#f43f5e26,#a855f726);border:1px solid #f43f5e59}.card-quick-btn.shadowing:hover{background:linear-gradient(135deg,#f43f5e40,#a855f740);box-shadow:0 4px 14px #f43f5e4d}.card-quick-btn:hover{transform:translateY(-2px)}.card-hanzi-mini{font-family:var(--font-chinese);color:var(--text-main);font-size:1.5rem;font-weight:800}.card-pinyin-badge{color:var(--primary);font-size:1rem;font-weight:700}.card-center-details{flex-direction:column;gap:12px;padding:10px 0;display:flex}.card-vietnamese-definition{color:var(--text-main);font-size:1.3rem;font-weight:800}.vi-def-bullet{color:var(--accent-emerald)}.card-english-definition{color:var(--text-muted);font-size:.95rem;font-weight:500}.card-example-quote{background-color:var(--bg-surface-subtle);border-radius:var(--radius-md);border-left:3px solid var(--accent-emerald);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.example-quote-cn{font-family:var(--font-chinese);color:var(--text-main);justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;display:flex}.quote-sound-btn{color:var(--primary)}.example-quote-pinyin{color:var(--primary);font-size:.82rem}.example-quote-vi{color:var(--text-muted);font-size:.85rem}.card-flip-back-hint{color:var(--text-faint);justify-content:center;align-items:center;gap:6px;font-size:.78rem;display:flex}.flashcard-controls-panel{justify-content:center;align-items:center;gap:20px;display:flex}.deck-nav-btn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-main);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.deck-nav-btn:hover{border-color:var(--primary);color:var(--primary);transform:scale(1.05)}.srs-evaluation-group{align-items:center;gap:12px;display:flex}.srs-btn{border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:700;display:flex}.srs-btn.srs-review{background-color:var(--accent-rose-surface);color:var(--accent-rose);border:1px solid #f43f5e4d}.srs-btn.srs-flip{background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main)}.srs-btn.srs-mastered{background:linear-gradient(135deg, var(--accent-emerald), #059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.srs-btn:hover{transform:translateY(-2px)}.grammar-cards-list{flex-direction:column;gap:26px;display:flex}.grammar-point-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.grammar-card-header{align-items:center;gap:16px;display:flex}.point-badge-number{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 4px 14px #6366f14d}.point-header-text{flex-direction:column;gap:4px;display:flex}.point-main-title{color:var(--text-main);font-size:1.25rem;font-weight:800;font-family:var(--font-chinese), var(--font-sans)}.point-pinyin-tag{color:var(--primary);font-size:.85rem;font-weight:600}.grammar-formula-box{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border-left:4px solid #6366f1;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.formula-tag{color:#6366f1;text-transform:uppercase;font-size:.78rem;font-weight:800}.formula-code{font-family:var(--font-sans);color:var(--text-main);font-size:.92rem;font-weight:600}.grammar-explanation-text{color:var(--text-muted);flex-direction:column;gap:8px;font-size:.98rem;line-height:1.7;display:flex}.grammar-examples-section{flex-direction:column;gap:12px;display:flex}.examples-heading{color:var(--text-main);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.examples-list{flex-direction:column;gap:12px;display:flex}.example-item-box{background-color:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:14px 18px;display:flex}.example-sentence-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.example-cn-text{font-family:var(--font-chinese);color:var(--text-main);font-size:1.05rem;font-weight:600}.example-listen-btn{color:var(--primary)}.example-pinyin-sub{color:var(--primary);font-size:.85rem}.example-vi-sub{color:var(--text-muted);font-size:.88rem}.example-note-tag{color:var(--accent-amber);background-color:var(--accent-amber-surface);border-radius:var(--radius-sm);margin-top:4px;padding:6px 10px;font-size:.82rem}.grammar-practice-box{background:linear-gradient(135deg, var(--bg-surface-elevated), var(--bg-surface-subtle));border:1px dashed var(--border-highlight);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px;display:flex}.practice-header-row{color:var(--accent-emerald);align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.practice-question-text{font-family:var(--font-chinese);color:var(--text-main);margin-bottom:12px;font-size:1.02rem;font-weight:600}.practice-options-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.practice-option-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);transition:all var(--transition-fast);text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:600;display:flex}.practice-option-btn:hover{border-color:var(--primary)}.option-selected{border-color:var(--primary);background-color:var(--primary-surface)}.option-correct{border-color:var(--accent-emerald)!important;background-color:var(--accent-emerald-surface)!important;color:var(--accent-emerald)!important}.option-wrong{border-color:var(--accent-rose)!important;background-color:var(--accent-rose-surface)!important;color:var(--accent-rose)!important}.practice-feedback-banner{border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 16px;animation:.2s fadeIn;display:flex}.banner-correct{background-color:var(--accent-emerald-surface);border:1px solid #10b9814d}.banner-wrong{background-color:var(--accent-rose-surface);border:1px solid #f43f5e4d}.feedback-status-row{align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.feedback-icon-success{color:var(--accent-emerald)}.feedback-icon-error{color:var(--accent-rose)}.feedback-explanation{color:var(--text-main);font-size:.85rem}.reading-summary-desc{color:var(--text-muted);font-size:.95rem}.reading-paragraphs-flow{flex-direction:column;gap:20px;display:flex}.reading-paragraph-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;gap:14px;padding:26px;display:flex}.reading-paragraph-card.para-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.para-header-row{justify-content:space-between;align-items:center;display:flex}.para-num-tag{border-radius:var(--radius-full);background-color:var(--primary-surface);color:var(--primary);padding:2px 10px;font-size:.78rem;font-weight:800}.para-actions{align-items:center;gap:8px;display:flex}.para-sound-btn,.para-tool-btn{border-radius:var(--radius-md);background-color:var(--bg-surface-elevated);color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.para-sound-btn:hover,.para-tool-btn:hover{color:var(--primary);background-color:var(--primary-surface)}.sound-playing{background-color:var(--primary)!important;color:#fff!important}.para-cn-content{font-family:var(--font-chinese);color:var(--text-main);text-indent:2em;font-size:1.15rem;line-height:1.8}.para-pinyin-content{color:var(--primary);font-size:.88rem;line-height:1.6}.para-vi-content{color:var(--text-muted);border-top:1px dashed var(--border-subtle);padding-top:10px;font-size:.94rem;line-height:1.7}.reading-vocab-section{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:16px;padding:24px;display:flex}.reading-vocab-header{align-items:center;gap:10px;display:flex}.icon-emerald{color:var(--accent-emerald)}.reading-vocab-title{color:var(--text-main);font-size:1.1rem;font-weight:700}.vocab2-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.vocab2-item-card{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:14px;display:flex}.vocab2-top-row{align-items:center;gap:10px;display:flex}.vocab2-num-id{color:var(--primary);border-radius:var(--radius-sm,6px);background-color:#3b82f61f;border:1px solid #3b82f640;justify-content:center;align-items:center;min-width:28px;padding:2px 7px;font-size:.75rem;font-weight:700;display:inline-flex}.vocab2-word{font-family:var(--font-chinese);color:var(--text-main);cursor:pointer;font-size:1.25rem;font-weight:700}.vocab2-word:hover{color:var(--primary)}.vocab2-pinyin{color:var(--primary);font-size:.88rem;font-weight:600}.vocab2-pos{color:var(--text-faint);font-size:.72rem}.vocab2-sound-btn{color:var(--text-muted);margin-left:auto}.vocab2-meaning{color:var(--text-muted);font-size:.85rem}.vocab2-example{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:2px;padding-top:6px;font-size:.8rem;display:flex}.vocab2-ex-cn{font-family:var(--font-chinese);color:var(--text-main)}.vocab2-ex-vi{color:var(--text-faint)}.quiz-progress-section{flex-direction:column;gap:8px;display:flex}.quiz-stats-row{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.quiz-score-badge{color:var(--accent-emerald);font-weight:700}.quiz-pills-nav{align-items:center;gap:8px;padding:4px 0 16px;display:flex;overflow-x:auto}.quiz-q-pill{width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.pill-unanswered{background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted)}.pill-correct{background-color:var(--accent-emerald);color:#fff}.pill-wrong{background-color:var(--accent-rose);color:#fff}.pill-focused{box-shadow:0 0 0 3px var(--primary)}.current-q-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:30px;display:flex}.q-card-header{justify-content:space-between;align-items:center;display:flex}.q-type-badge{border-radius:var(--radius-full);background-color:var(--primary-surface);color:var(--primary);padding:3px 10px;font-size:.78rem;font-weight:700}.q-num-label{color:var(--text-faint);font-size:.85rem;font-weight:600}.q-text-display{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.q-cn-sentence{font-family:var(--font-chinese);color:var(--text-main);font-size:1.3rem;font-weight:700;line-height:1.6}.q-sound-btn{border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.q-pinyin-display{color:var(--text-muted);font-size:.95rem}.q-options-list{flex-direction:column;gap:12px;display:flex}.quiz-option-choice{border-radius:var(--radius-lg);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);transition:all var(--transition-fast);text-align:left;align-items:center;gap:16px;padding:16px 20px;display:flex}.quiz-option-choice:not(:disabled):hover{border-color:var(--primary);background-color:var(--bg-surface-subtle)}.choice-letter{background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.choice-text-wrap{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.choice-cn{font-family:var(--font-chinese);font-size:1.05rem;font-weight:600}.choice-vi{color:var(--text-muted);font-size:.88rem}.choice-correct{border-color:var(--accent-emerald)!important;background-color:var(--accent-emerald-surface)!important}.choice-correct .choice-letter{background-color:var(--accent-emerald);color:#fff}.choice-wrong{border-color:var(--accent-rose)!important;background-color:var(--accent-rose-surface)!important}.choice-wrong .choice-letter{background-color:var(--accent-rose);color:#fff}.choice-check-icon{color:var(--accent-emerald);flex-shrink:0}.choice-x-icon{color:var(--accent-rose);flex-shrink:0}.q-explanation-box{border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:16px 20px;animation:.25s fadeIn;display:flex}.box-correct{background-color:var(--accent-emerald-surface);border-left:4px solid var(--accent-emerald)}.box-wrong{background-color:var(--accent-rose-surface);border-left:4px solid var(--accent-rose)}.exp-status-row{align-items:center;gap:8px;font-weight:800;display:flex}.exp-icon-green{color:var(--accent-emerald)}.exp-icon-red{color:var(--accent-rose)}.exp-content{color:var(--text-main);font-size:.92rem;line-height:1.6}.q-card-footer-nav{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.q-prev-btn,.q-next-btn,.q-finish-btn{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;display:inline-flex}.q-prev-btn{background-color:var(--bg-surface-elevated);color:var(--text-muted)}.q-prev-btn:disabled{opacity:.4;cursor:not-allowed}.q-next-btn{background-color:var(--primary);color:#fff}.q-finish-btn{background:linear-gradient(135deg, var(--accent-emerald), #059669);color:#fff}.quiz-result-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);text-align:center;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;animation:.4s fadeIn;display:flex}.trophy-gold-icon{color:#f59e0b;animation:2s infinite pulseSound}.result-headline{color:var(--text-main);font-size:1.6rem;font-weight:800}.result-score-circle{justify-content:center;align-items:baseline;display:flex}.score-big-num{color:var(--accent-emerald);font-size:4.5rem;font-weight:900;line-height:1}.score-max-num{color:var(--text-faint);font-size:2rem;font-weight:700}.result-percent-tag{color:var(--primary);font-size:1.1rem;font-weight:700}.result-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.overview-hero-card{background:linear-gradient(135deg, var(--bg-surface), var(--bg-surface-elevated));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:36px;display:flex;position:relative}.hero-top-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-pill-badge{border-radius:var(--radius-full);background-color:var(--primary-surface);color:var(--primary);padding:4px 12px;font-size:.78rem;font-weight:800}.hero-theme-badge{border-radius:var(--radius-full);background-color:var(--accent-emerald-surface);color:var(--accent-emerald);padding:4px 12px;font-size:.78rem;font-weight:700}.hero-main-title{font-family:var(--font-chinese), var(--font-sans);letter-spacing:-.02em;color:var(--text-main);font-size:2.4rem;font-weight:900}.hero-vi-title{color:var(--primary);font-size:1.3rem;font-weight:700}.hero-en-title{color:var(--text-faint);font-size:1rem;font-weight:500}.hero-intro-text{color:var(--text-muted);max-width:900px;font-size:1.05rem;line-height:1.7}.quick-launch-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:14px;display:grid}.quick-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:16px;padding:20px;display:flex}.quick-card:hover{border-color:var(--primary);box-shadow:0 8px 24px -4px var(--primary-glow);transform:translateY(-3px)}.quick-card-icon{border-radius:var(--radius-md);background-color:var(--primary-surface);width:46px;height:46px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-card-content{flex:1}.quick-card-content h4{color:var(--text-main);margin-bottom:4px;font-size:.98rem;font-weight:700}.quick-card-content p{color:var(--text-muted);font-size:.8rem;line-height:1.4}.quick-arrow{color:var(--text-faint);transition:transform var(--transition-fast)}.quick-card:hover .quick-arrow{color:var(--primary);transform:translate(4px)}.objectives-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:30px;display:flex}.objectives-header{align-items:center;gap:14px;display:flex}.objectives-title{color:var(--text-main);font-size:1.2rem;font-weight:800}.objectives-subtitle{color:var(--text-muted);font-size:.85rem}.objectives-list{flex-direction:column;gap:12px;display:flex}.objective-item{background-color:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.obj-check-icon{color:var(--accent-emerald);flex-shrink:0;margin-top:2px}.obj-text{color:var(--text-main);font-size:.92rem;font-weight:500;line-height:1.5}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hanzi-modal-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.modal-header{justify-content:space-between;align-items:flex-start;display:flex}.modal-eyebrow{text-transform:uppercase;color:var(--primary);letter-spacing:.05em;font-size:.75rem;font-weight:700}.modal-title-text{font-family:var(--font-chinese);color:var(--text-main);font-size:1.8rem;font-weight:800}.modal-close-btn{background-color:var(--bg-surface-elevated);width:34px;height:34px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:var(--accent-rose);background-color:var(--accent-rose-surface)}.char-tabs-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.char-tab-label{color:var(--text-faint);font-size:.8rem}.char-tab-btn{border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:36px;height:36px;font-family:var(--font-chinese);color:var(--text-main);transition:all var(--transition-fast);font-size:1.2rem;font-weight:700}.char-tab-active{border-color:var(--primary);background-color:var(--primary-surface);color:var(--primary)}.hanzi-canvas-wrapper{justify-content:center;padding:10px 0;display:flex}.tianzige-grid{background-color:var(--bg-surface-elevated);border:2px solid var(--border-highlight);border-radius:var(--radius-md);justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.grid-cross-horizontal{pointer-events:none;border-top:1px dashed #ffffff26;height:1px;position:absolute;top:50%;left:0;right:0}[data-theme=light] .grid-cross-horizontal,[data-theme=warm] .grid-cross-horizontal{border-top:1px dashed #00000026}.grid-cross-vertical{pointer-events:none;border-left:1px dashed #ffffff26;width:1px;position:absolute;top:0;bottom:0;left:50%}[data-theme=light] .grid-cross-vertical,[data-theme=warm] .grid-cross-vertical{border-left:1px dashed #00000026}.hanzi-render-target{z-index:10;position:relative}.writer-feedback-badge{border-radius:var(--radius-md);text-align:center;background-color:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-subtle);padding:8px 14px;font-size:.82rem;font-weight:600}.writer-feedback-badge.quiz-active{background-color:var(--primary-surface);color:var(--primary);border-color:#38bdf84d}.modal-action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hanzi-action-btn{border-radius:var(--radius-md);background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.hanzi-action-btn:hover{border-color:var(--primary);color:var(--primary)}.btn-active-primary{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.btn-active-success{background-color:var(--accent-emerald)!important;color:#fff!important;border-color:var(--accent-emerald)!important}.hanzi-footer-tip{color:var(--text-faint);text-align:center;font-size:.76rem;line-height:1.4}.app-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);margin-top:auto;padding:24px 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.footer-left{flex-direction:column;display:flex}.footer-title{color:var(--text-main);font-size:.95rem;font-weight:800}.footer-sub{color:var(--text-muted);font-size:.78rem}.footer-right{color:var(--text-faint);font-size:.8rem}@media (max-width:768px){.header-container{flex-direction:column;align-items:stretch}.header-controls{justify-content:flex-start}.dialogue-bubble{max-width:95%}.vocab-cards-grid{grid-template-columns:1fr}.card-hanzi-display{font-size:2.8rem}}.textbook-audio-player-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid #3b82f640;margin-bottom:20px;padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d,0 0 15px #3b82f61a}.textbook-audio-player-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);height:2px;position:absolute;top:0;left:0;right:0}.audio-player-top-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.audio-info-col{flex-direction:column;gap:4px;display:flex}.audio-badge-group{align-items:center;gap:8px;display:flex}.audio-type-badge{color:#60a5fa;border-radius:var(--radius-full);background:#3b82f626;border:1px solid #3b82f64d;align-items:center;gap:5px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.audio-code-badge{color:#a78bfa;border-radius:var(--radius-full);background:#8b5cf626;border:1px solid #8b5cf64d;align-items:center;padding:2px 7px;font-family:monospace;font-size:.72rem;font-weight:800;display:inline-flex}.audio-track-title{color:#f8fafc;margin:0;font-size:1.05rem;font-weight:700}.audio-track-sub{color:#94a3b8;margin:0;font-size:.8rem}.audio-speed-chips{border-radius:var(--radius-full);background:#00000040;border:1px solid #ffffff14;align-items:center;gap:4px;padding:3px;display:flex}.speed-chip-btn{color:#94a3b8;border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;padding:3px 8px;font-size:.75rem;font-weight:700;transition:all .18s}.speed-chip-btn:hover{color:#fff}.speed-chip-btn.speed-active{color:#fff;background:#3b82f6;box-shadow:0 2px 6px #3b82f666}.audio-error-msg{color:#f87171;border-radius:var(--radius-md);background:#ef444426;border:1px solid #ef44444d;margin-bottom:10px;padding:6px 12px;font-size:.82rem}.audio-progress-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.time-display{color:#94a3b8;min-width:36px;font-family:monospace;font-size:.78rem;font-weight:700}.time-current{text-align:right;color:#60a5fa}.audio-slider-wrap{background:#ffffff1a;border-radius:999px;flex:1;align-items:center;height:6px;display:flex;position:relative}.audio-timeline-slider{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.audio-slider-fill{pointer-events:none;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:999px;height:100%;box-shadow:0 0 10px #3b82f680}.audio-controls-row{justify-content:space-between;align-items:center;display:flex}.controls-center-group{align-items:center;gap:12px;display:flex}.ctrl-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.skip-btn{color:#cbd5e1;background:#ffffff14;width:34px;height:34px;position:relative}.skip-btn:hover{color:#fff;background:#ffffff29;transform:scale(1.05)}.btn-tiny-label{font-size:.6rem;font-weight:800;position:absolute;top:10px}.play-main-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);width:44px;height:44px;box-shadow:0 4px 14px #3b82f666}.play-main-btn:hover{transform:scale(1.08);box-shadow:0 6px 18px #3b82f699}.play-main-btn.is-playing{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98166}.play-icon-offset{margin-left:2px}.controls-right-volume{align-items:center;gap:8px;display:flex}.volume-mute-btn{color:#94a3b8;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.volume-mute-btn:hover{color:#fff}.volume-slider{accent-color:#3b82f6;cursor:pointer;width:70px;height:4px}.custom-bg-root{z-index:-10;pointer-events:none;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.custom-bg-video-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.custom-bg-iframe{pointer-events:none;border:none;width:100vw;min-width:177.78vh;height:100vh;min-height:56.25vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.custom-bg-overlay{pointer-events:none;transition:background-color .3s;position:absolute;top:0;bottom:0;left:0;right:0}body.has-custom-bg,body.has-custom-bg .app-layout,body.has-custom-bg .app-main-content,body.has-custom-bg .app-container,body.has-custom-bg .tab-render-container{background:0 0!important}body.has-custom-bg .app-header{-webkit-backdrop-filter:blur(12px)!important;background:linear-gradient(#080c16f0 0%,#0d1424e0 100%)!important;border-bottom:1px solid #ffffff24!important;box-shadow:0 6px 28px #0009!important}body.has-custom-bg .tab-nav-bar{box-shadow:0 6px 20px #00000059;-webkit-backdrop-filter:blur(16px)!important;background:#0d1424e0!important;border:1px solid #ffffff24!important}body.has-custom-bg .learning-content-card,.learning-content-card{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;gap:32px!important;padding:0!important}body.has-custom-bg .personalization-container,.personalization-container{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;gap:28px!important;padding:0!important}body.has-custom-bg .dimension-section,.dimension-section{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;gap:26px!important;padding:0!important}body.has-custom-bg .dimension-content-area,.dimension-content-area{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}body.has-custom-bg .section-intro-card{-webkit-backdrop-filter:blur(20px)!important;background:#0f172ae0!important;border:1px solid #ffffff24!important;border-radius:22px!important;margin-bottom:28px!important;padding:24px 28px!important;box-shadow:0 12px 36px #00000073!important}body.has-custom-bg .section-intro-card:before{display:none!important}body.has-custom-bg .dialogue-setting-box{border:1px solid #ffffff1f!important;border-left:4px solid var(--primary)!important;-webkit-backdrop-filter:blur(14px)!important;background:#0f172ad1!important;border-radius:16px!important;margin:18px 0!important;padding:16px 20px!important;box-shadow:0 6px 20px #00000059!important}body.has-custom-bg .speaker-tag{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f172ae6!important;border-radius:10px!important}body.has-custom-bg .textbook-audio-player-card{-webkit-backdrop-filter:blur(18px)!important;background:#0f172aeb!important;border:1px solid #38bdf847!important;border-radius:18px!important;margin-top:20px!important;padding:16px 20px!important;box-shadow:0 10px 30px #00000080!important}body.has-custom-bg .dialogue-control-bar{background:#0f172acc!important;border:1px solid #ffffff1a!important;border-radius:16px!important;margin-top:18px!important;padding:14px 20px!important}body.has-custom-bg .dialogue-stream-container{background:0 0!important;flex-direction:column!important;gap:22px!important;display:flex!important}body.has-custom-bg .dialogue-line-card{background:0 0!important;margin-bottom:4px!important}body.has-custom-bg .dialogue-line-card.speaker-left .dialogue-bubble{-webkit-backdrop-filter:blur(16px)!important;background:#0f172ae6!important;border:1px solid #3b82f659!important;border-radius:20px!important;padding:18px 24px!important;box-shadow:0 8px 24px #00000073!important}body.has-custom-bg .dialogue-line-card.speaker-right .dialogue-bubble{-webkit-backdrop-filter:blur(16px)!important;background:#064e3bd9!important;border:1px solid #10b98166!important;border-radius:20px!important;padding:18px 24px!important;box-shadow:0 8px 24px #00000073!important}body.has-custom-bg .vocab-toolbar{-webkit-backdrop-filter:blur(16px)!important;background:#0f172ad9!important;border:1px solid #ffffff1f!important;border-radius:18px!important;margin-bottom:24px!important;padding:14px 20px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .vocab-grid{gap:20px!important}body.has-custom-bg .vocab-item-card{-webkit-backdrop-filter:blur(16px)!important;background:#0f172ae6!important;border:1px solid #ffffff1f!important;border-radius:18px!important;padding:20px 22px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .reading-paragraphs-flow{background:0 0!important;flex-direction:column!important;gap:24px!important;display:flex!important}body.has-custom-bg .reading-paragraph-card{-webkit-backdrop-filter:blur(18px)!important;background:#0f172ae6!important;border:1px solid #ffffff1f!important;border-radius:20px!important;padding:24px 28px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .reading-vocab-section{-webkit-backdrop-filter:blur(18px)!important;background:#0f172ae6!important;border:1px solid #ffffff24!important;border-radius:22px!important;margin-top:36px!important;padding:26px 28px!important;box-shadow:0 10px 32px #0006!important}body.has-custom-bg .vocab2-item-card{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#1e293bcc!important;border:1px solid #ffffff1a!important;border-radius:16px!important;padding:16px 18px!important}body.has-custom-bg .grammar-cards-list{background:0 0!important;flex-direction:column!important;gap:28px!important;display:flex!important}body.has-custom-bg .grammar-point-card{-webkit-backdrop-filter:blur(18px)!important;background:#0f172ae6!important;border:1px solid #ffffff24!important;border-radius:22px!important;padding:26px 30px!important;box-shadow:0 10px 30px #0006!important}body.has-custom-bg .quiz-question-hero-card,body.has-custom-bg .quiz-hud-panel,body.has-custom-bg .quiz-result-hero-card,body.has-custom-bg .practice-intro-card{-webkit-backdrop-filter:blur(20px)!important;background:#0f172aeb!important;border:1px solid #38bdf847!important;border-radius:22px!important;box-shadow:0 16px 40px #0009!important}body.has-custom-bg .quiz-choice-card,body.has-custom-bg .mode-select-card{background:#121a2eeb!important;border:1.5px solid #ffffff24!important;border-radius:16px!important}body.has-custom-bg .tank-game-container,body.has-custom-bg .barrier-game-container,body.has-custom-bg .tree-game-container,body.has-custom-bg .typing-test-container{-webkit-backdrop-filter:blur(24px)!important;background:#0d1424f0!important;border:1px solid #38bdf84d!important;border-radius:24px!important;box-shadow:0 16px 48px #000000b3!important}body.has-custom-bg .profile-hero-card{-webkit-backdrop-filter:blur(20px)!important;background:#0f172ae6!important;border:1px solid #38bdf847!important;border-radius:24px!important;margin-bottom:24px!important;padding:24px 28px!important;box-shadow:0 12px 36px #00000080!important}body.has-custom-bg .auth-sync-banner{-webkit-backdrop-filter:blur(16px)!important;background:#0f172ae0!important;border:1px solid #ffffff1f!important;border-radius:18px!important;margin:0 0 24px!important;padding:16px 22px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .dimension-tabs-row{border-bottom:1px solid #ffffff1a!important;gap:10px!important;margin-bottom:26px!important;padding-bottom:16px!important}body.has-custom-bg .dim-tab-btn{-webkit-backdrop-filter:blur(14px)!important;background:#0f172ac7!important;border:1px solid #ffffff1f!important;border-radius:14px!important;padding:10px 20px!important}body.has-custom-bg .daily-stats-row{gap:20px!important;margin-bottom:24px!important}body.has-custom-bg .daily-stat-card{-webkit-backdrop-filter:blur(14px)!important;border-radius:18px!important;padding:20px 22px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .daily-timeline-box,body.has-custom-bg .weekly-chart-box,body.has-custom-bg .month-heatmap-box{-webkit-backdrop-filter:blur(18px)!important;background:#0f172ae0!important;border:1px solid #ffffff1f!important;border-radius:22px!important;padding:26px 28px!important;box-shadow:0 10px 30px #0006!important}body.has-custom-bg .lesson-progress-grid{gap:22px!important}body.has-custom-bg .lesson-progress-card{-webkit-backdrop-filter:blur(14px)!important;background:#0f172ad9!important;border:1px solid #ffffff1f!important;border-radius:18px!important;padding:22px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .leaderboard-table-card,body.has-custom-bg .leaderboard-podium-card{-webkit-backdrop-filter:blur(18px)!important;background:#0f172ae0!important;border:1px solid #ffffff1f!important;border-radius:22px!important;padding:26px 28px!important;box-shadow:0 10px 30px #0006!important}body.has-custom-bg .admin-dashboard-container{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;gap:28px!important}body.has-custom-bg .admin-hero-card{-webkit-backdrop-filter:blur(20px)!important;background:#0f172ae6!important;border:1px solid #38bdf847!important;border-radius:22px!important;margin-bottom:24px!important;padding:24px 28px!important;box-shadow:0 12px 36px #00000080!important}body.has-custom-bg .admin-kpi-card{-webkit-backdrop-filter:blur(16px)!important;background:#0f172ad9!important;border:1px solid #ffffff1f!important;border-radius:18px!important;padding:20px 22px!important;box-shadow:0 8px 24px #00000059!important}body.has-custom-bg .pending-approvals-card,body.has-custom-bg .admin-student-table-card{-webkit-backdrop-filter:blur(18px)!important;background:#0f172ae0!important;border:1px solid #ffffff1f!important;border-radius:22px!important;padding:24px 28px!important;box-shadow:0 10px 30px #0006!important}body.has-custom-bg .overview-stat-card{-webkit-backdrop-filter:blur(16px)!important;background:#0f172ae0!important;border:1px solid #ffffff1f!important;border-radius:18px!important}body.has-custom-bg .app-footer{-webkit-backdrop-filter:blur(16px)!important;background:#0d1424e0!important;border-top:1px solid #ffffff1a!important}.wallpaper-toggle-btn.wallpaper-active{box-shadow:0 0 12px #10b9814d;color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.bg-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out bgFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.bg-modal-dialog{background:#111827;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:590px;max-height:92vh;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000d9}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.bg-modal-top-bar{justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.bg-modal-title-wrap{align-items:center;gap:10px;display:flex}.bg-modal-title-icon{color:#f1f5f9}.bg-modal-title-text{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.12rem;font-weight:700}.bg-modal-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.bg-modal-btn-close:hover{color:#fff;background:#ffffff1a}.bg-modal-body{flex-direction:column;gap:14px;padding:0 22px 16px;display:flex;overflow-y:auto}.bg-modal-body::-webkit-scrollbar{width:6px}.bg-modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.bg-modal-input-section{flex-direction:column;gap:8px;display:flex}.bg-modal-input-label{color:#f8fafc;font-size:.92rem;font-weight:700}.bg-modal-input-box{background:#1e293b;border:1px solid #ffffff24;border-radius:9px;align-items:center;padding:2px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.bg-modal-input-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.bg-modal-yt-badge{color:#ef4444;flex-shrink:0;justify-content:center;align-items:center;margin-right:10px;display:flex}.bg-modal-text-input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 0;font-size:.88rem}.bg-modal-text-input::placeholder{color:#64748b;font-size:.84rem}.bg-modal-hint-text{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.4}.bg-modal-error-text{color:#f87171;margin:0;font-size:.8rem;font-weight:500}.bg-modal-current-pill{background:#1e293bcc;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;display:flex;overflow:hidden}.bg-current-check-icon{color:#10b981;flex-shrink:0}.bg-current-label{color:#cbd5e1;white-space:nowrap;font-weight:600}.bg-current-url{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;overflow:hidden}.bg-modal-divider{align-items:center;gap:12px;margin:4px 0 2px;display:flex}.bg-divider-line{background:#ffffff1a;flex:1;height:1px}.bg-divider-text{color:#94a3b8;white-space:nowrap;font-size:.82rem;font-weight:500}.bg-modal-categories-wrap{flex-direction:column;gap:16px;display:flex}.bg-category-block{flex-direction:column;gap:8px;display:flex}.bg-category-title-row{align-items:center;gap:6px;display:flex}.bg-category-title{color:#f1f5f9;font-size:.86rem;font-weight:700}.category-yt-icon{vertical-align:middle;display:inline-block}.bg-thumbnails-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.bg-thumb-card{aspect-ratio:16/9;cursor:pointer;background:#1e293b;border:2px solid #0000;border-radius:8px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.bg-thumb-card:hover{border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 14px #0006}.bg-thumb-card.thumb-card-active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f666,0 4px 16px #3b82f64d}.bg-thumb-img{background-position:50%;background-size:cover;width:100%;height:100%;position:relative}.bg-thumb-center-check{color:#fff;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.bg-thumb-yt-badge{background:#000000a6;border-radius:3px;justify-content:center;align-items:center;padding:1px 3px;display:flex;position:absolute;bottom:4px;right:5px}.bg-modal-footer-bar{background:#111827;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 22px 18px;display:flex}.bg-btn-clear{color:#e2e8f0;cursor:pointer;background:#1e293b;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.bg-btn-clear:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.bg-modal-footer-right{align-items:center;gap:12px;display:flex}.bg-btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:color .15s}.bg-btn-cancel:hover{color:#fff}.bg-btn-apply{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 22px;font-size:.88rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 10px #ffffff26}.bg-btn-apply:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 14px #ffffff40}.bg-btn-apply:active{transform:translateY(0)}.btn-sync-toggle{color:#94a3b8;cursor:pointer;background:#0f172aa6;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0003}.btn-sync-toggle:hover{color:#fff;background:#1e293bd9;border-color:#38bdf866}.btn-sync-toggle.sync-active{color:#38bdf8;background:linear-gradient(135deg,#06b6d433,#3b82f640);border-color:#38bdf899;box-shadow:0 0 16px #38bdf840}.pulsing-sync-icon{color:#38bdf8;animation:2s ease-in-out infinite pulseRotate}@keyframes pulseRotate{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}to{opacity:.8;transform:scale(1)}}.bubble-speaker-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.line-time-tag{color:#94a3b8;letter-spacing:.03em;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;font-weight:600}.live-synced-badge{color:#6ee7b7;letter-spacing:.02em;background:linear-gradient(135deg,#10b98140,#06b6d44d);border:1px solid #34d39999;border-radius:9999px;align-items:center;gap:4px;padding:2px 9px;font-size:.72rem;font-weight:700;animation:2.5s infinite alternate badgeGlow;display:inline-flex;box-shadow:0 0 14px #34d39959}@keyframes badgeGlow{0%{box-shadow:0 0 8px #34d39940}to{box-shadow:0 0 18px #34d3998c}}.wave-bar{background-color:#34d399;border-radius:2px;width:2.5px;height:9px;animation:.8s ease-in-out infinite alternate wavePulse;display:inline-block}.wave-bar:first-child{height:6px;animation-delay:0s}.wave-bar:nth-child(2){height:11px;animation-delay:.25s}.wave-bar:nth-child(3){height:8px;animation-delay:.5s}@keyframes wavePulse{0%{opacity:.6;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1.2)}}.bubble-btn-seek,.para-seek-btn{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf859;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .18s;display:inline-flex}.bubble-btn-seek:hover,.para-seek-btn:hover{color:#fff;background:#38bdf847;border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 2px 10px #38bdf84d}.seek-btn-active{color:#0f172a!important;background:#38bdf8!important;border-color:#38bdf8!important;box-shadow:0 0 12px #38bdf880!important}.dialogue-line-card.audio-synced-active{transition:transform .35s cubic-bezier(.16,1,.3,1);transform:scale(1.012)}.dialogue-bubble.bubble-synced-glow{transition:all .3s;background:#0f172ad9!important;border:1.5px solid #38bdf8bf!important;box-shadow:0 0 30px #38bdf84d,inset 0 0 16px #38bdf814!important}.speaker-avatar-wrap.avatar-pulsing{animation:1.8s ease-in-out infinite avatarPulse;box-shadow:0 0 20px #38bdf899}@keyframes avatarPulse{0%{transform:scale(1);box-shadow:0 0 10px #38bdf866}50%{transform:scale(1.08);box-shadow:0 0 25px #38bdf8d9}to{transform:scale(1);box-shadow:0 0 10px #38bdf866}}.reading-paragraph-card.para-synced-active{transition:all .35s cubic-bezier(.16,1,.3,1);transform:scale(1.01);background:#0f172ad9!important;border:1.5px solid #38bdf8bf!important;box-shadow:0 0 32px #38bdf847,inset 0 0 18px #38bdf80f!important}.cn-text-reading-glow{text-shadow:0 0 16px #38bdf873;color:#f8fafc!important}.flashcard-shortcuts-legend{color:#94a3b8;background:#0f172aa6;border:1px solid #ffffff1a;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding:10px 18px;font-size:.78rem;display:flex;box-shadow:0 4px 16px #00000040}.shortcuts-icon{color:#38bdf8}.shortcuts-title{color:#cbd5e1;margin-right:2px;font-weight:700}.shortcut-badge{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.shortcut-badge kbd{color:#38bdf8;background:#1e293be6;border:1px solid #38bdf866;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;font-weight:700;box-shadow:0 1px 3px #0000004d}.personalization-container{flex-direction:column;gap:24px;display:flex}.profile-hero-card{background:linear-gradient(135deg,#0f172af2 0%,#1e293be6 100%);border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 12px 32px #0006}.profile-hero-left{align-items:center;gap:18px;display:flex}.profile-avatar-giant{background:radial-gradient(circle,#38bdf840 0%,#0f172acc 100%);border:2px solid #38bdf880;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.8rem;display:flex;box-shadow:0 0 20px #38bdf84d}.profile-info-block{flex-direction:column;gap:6px;display:flex}.profile-title-row{align-items:center;gap:12px;display:flex}.profile-name{color:#fff;margin:0;font-size:1.5rem;font-weight:800}.profile-level-badge{color:#0f172a;background:linear-gradient(90deg,#38bdf8 0%,#818cf8 100%);border-radius:12px;padding:3px 10px;font-size:.78rem;font-weight:800;box-shadow:0 2px 8px #38bdf84d}.profile-target-text{color:#94a3b8;align-items:center;gap:6px;margin:0;font-size:.88rem;display:flex}.profile-hero-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-stat-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;min-width:90px;padding:10px 16px;display:flex}.profile-stat-box .stat-label{color:#94a3b8;align-items:center;gap:5px;font-size:.75rem;font-weight:600;display:flex}.profile-stat-box .stat-number{color:#f8fafc;margin-top:2px;font-size:1.25rem;font-weight:800}.profile-switch-actions{align-items:center;gap:8px;display:flex}.profile-select-control{color:#f1f5f9;cursor:pointer;background:#1e293b;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:8px 12px;font-size:.82rem;font-weight:600}.btn-add-profile{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-profile:hover{filter:brightness(1.1);transform:translateY(-1px)}.dimension-tabs-row{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:8px;padding-bottom:12px;display:flex}.dim-tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.dim-tab-btn:hover{color:#f1f5f9;background:#ffffff14}.dim-tab-active{box-shadow:0 4px 14px #2563eb66;color:#fff!important;background:#2563eb!important;border-color:#3b82f6!important}.dim-tab-active.highlight-gold{box-shadow:0 4px 14px #f59e0b66;background:linear-gradient(135deg,#d97706 0%,#b45309 100%)!important;border-color:#f59e0b!important}.dimension-section{flex-direction:column;gap:20px;display:flex}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.dimension-title{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.dimension-desc{color:#94a3b8;margin:4px 0 0;font-size:.85rem}.date-badge-pill{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:4px 12px;font-size:.8rem}.lesson-progress-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.lesson-progress-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex}.lesson-progress-card:hover{border-color:#38bdf84d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.active-lesson-card{box-shadow:0 0 0 1px #10b981,0 8px 24px #10b98126;background:#10b9810d!important;border-color:#10b981!important}.card-top-header{justify-content:space-between;align-items:center;display:flex}.lesson-badge-pill{color:#38bdf8;background:#1e293b;border:1px solid #38bdf84d;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:800}.lesson-status-tag{color:#cbd5e1;font-size:.78rem;font-weight:600}.lesson-progress-title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.lesson-progress-vi{color:#94a3b8;margin:0;font-size:.85rem}.progress-meter-wrap{flex-direction:column;gap:6px;display:flex}.progress-meter-header{color:#cbd5e1;justify-content:space-between;font-size:.78rem;display:flex}.progress-meter-track{background:#0006;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-meter-fill{border-radius:4px;height:100%;transition:width .4s}.lesson-meta-stats{color:#94a3b8;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:8px;font-size:.78rem;display:flex}.meta-stat-item{align-items:center;gap:5px;display:flex}.btn-jump-lesson{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.btn-jump-lesson:hover{color:#fff;background:#0284c7}.daily-stats-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.daily-stat-card{border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:18px;display:flex}.daily-stat-card.card-green{background:linear-gradient(135deg,#10b98126 0%,#05966914 100%);border-color:#10b9814d}.daily-stat-card.card-blue{background:linear-gradient(135deg,#38bdf826 0%,#2563eb14 100%);border-color:#38bdf84d}.daily-stat-card.card-gold{background:linear-gradient(135deg,#f59e0b26 0%,#d9770614 100%);border-color:#f59e0b4d}.daily-stat-card.card-purple{background:linear-gradient(135deg,#a855f726 0%,#7e22ce14 100%);border-color:#a855f74d}.daily-card-icon{font-size:2.2rem}.daily-card-info{flex-direction:column;display:flex}.daily-card-num{color:#fff;font-size:1.4rem;font-weight:800}.daily-card-label{color:#cbd5e1;font-size:.78rem}.daily-timeline-box{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;padding:20px}.timeline-heading{color:#f1f5f9;align-items:center;gap:8px;margin:0 0 16px;font-size:1rem;display:flex}.timeline-items-flow{flex-direction:column;gap:14px;display:flex}.timeline-item{color:#cbd5e1;align-items:center;gap:14px;font-size:.88rem;display:flex}.tl-time{color:#38bdf8;width:50px;font-family:monospace;font-weight:700}.tl-dot{background:#10b981;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #10b981}.weekly-chart-box{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:24px;padding:24px;display:flex}.chart-bars-wrap{border-bottom:1px solid #ffffff1a;justify-content:space-around;align-items:flex-end;height:180px;padding-bottom:8px;display:flex}.chart-bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-val-top{color:#38bdf8;font-size:.72rem;font-weight:700}.bar-track{background:#0000004d;border-radius:6px;align-items:flex-end;width:28px;height:120px;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(#38bdf8 0%,#2563eb 100%);border-radius:6px;width:100%;transition:height .5s}.bar-day-label{color:#cbd5e1;font-size:.8rem;font-weight:600}.bar-min-sub{color:#64748b;font-size:.7rem}.weekly-summary-row{text-align:center;justify-content:space-around;display:flex}.w-summary-item .w-num{color:#10b981;font-size:1.4rem;font-weight:800;display:block}.w-summary-item .w-lbl{color:#94a3b8;font-size:.78rem}.month-heatmap-box{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:18px;padding:24px;display:flex}.heatmap-days-grid{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.heatmap-cell{aspect-ratio:1;color:#f8fafc;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;transition:transform .15s;display:flex}.heatmap-cell:hover{transform:scale(1.1)}.heat-level-0{color:#64748b;background:#ffffff0a}.heat-level-1{color:#6ee7b7;background:#10b98140}.heat-level-2{color:#a7f3d0;background:#10b98173}.heat-level-3{color:#fff;background:#10b981b3}.heat-level-4{color:#fff;background:#10b981;box-shadow:0 0 10px #10b98180}.heatmap-legend-row{color:#94a3b8;justify-content:flex-end;align-items:center;gap:6px;font-size:.75rem;display:flex}.leaderboard-table-wrap{background:#1e293b80;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.leaderboard-filter-group{gap:6px;display:flex}.leaderboard-filter-group .filter-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.leaderboard-filter-group .btn-active{color:#fff;background:#3b82f6}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#0f172acc;border-bottom:1px solid #ffffff14;padding:14px 18px;font-size:.78rem;font-weight:700}.leaderboard-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0d;padding:14px 18px;font-size:.9rem}.current-user-row{box-shadow:inset 0 0 0 1px #10b981;background:#10b98126!important}.current-user-row .user-display-name{color:#10b981!important;font-weight:800!important}.you-pill{color:#fff;background:#10b981;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.65rem;font-weight:900}.trophy-badge{border-radius:8px;padding:3px 8px;font-size:.88rem;font-weight:800}.trophy-badge.gold{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.trophy-badge.silver{color:#e2e8f0;background:#94a3b833;border:1px solid #94a3b866}.trophy-badge.bronze{color:#f97316;background:#b4530933;border:1px solid #b4530966}.user-info-flex{align-items:center;gap:12px;display:flex}.user-avatar-small{font-size:1.5rem}.user-display-name{color:#fff;font-weight:700}.streak-badge{color:#f59e0b;align-items:center;gap:4px;font-weight:700;display:inline-flex}.words-count{color:#38bdf8;font-weight:800}.xp-count{color:#a855f7;font-weight:800}.modal-backdrop-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-window-card{background:#1e293b;border:1px solid #ffffff26;border-radius:18px;width:100%;max-width:480px;padding:28px;box-shadow:0 20px 40px #0009}.modal-header-title{color:#fff;margin:0 0 6px;font-size:1.3rem;font-weight:800}.modal-header-subtitle{color:#94a3b8;margin:0 0 20px;font-size:.85rem}.new-profile-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#cbd5e1;font-size:.82rem;font-weight:700}.form-text-input{color:#fff;background:#0f172a;border:1px solid #ffffff26;border-radius:8px;padding:10px 14px;font-size:.9rem}.avatar-selection-row{flex-wrap:wrap;gap:8px;display:flex}.avatar-choice-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;transition:all .15s;display:flex}.avatar-choice-btn:hover{transform:scale(1.15)}.av-selected{box-shadow:0 0 12px #38bdf880;background:#38bdf833!important;border-color:#38bdf8!important}.modal-footer-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-cancel-modal{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.btn-confirm-modal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:10px 20px;font-weight:700}.practice-header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.practice-xp-tag{color:#fbbf24;border-radius:var(--radius-full);background:#f59e0b1f;border:1px solid #f59e0b4d;align-items:center;padding:3px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.practice-mode-nav-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:18px;display:grid}.mode-select-card{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172abf;border:1.5px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mode-select-card:hover{background:#1e293bd9;border-color:#38bdf873;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.mode-card-active{transform:translateY(-2px);background:linear-gradient(135deg,#0369a1 0%,#0284c7 100%)!important;border-color:#38bdf8!important;box-shadow:0 8px 24px #0284c773!important}.mode-card-icon-wrap{background:#ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mode-card-active .mode-card-icon-wrap{background:#fff3}.mode-card-text{flex:1;min-width:0}.mode-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.mode-card-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.mode-card-active .mode-card-sub{color:#ffffffd9}.mode-card-badge{border:1px solid;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:.68rem;font-weight:700}.quiz-interactive-wrapper{flex-direction:column;gap:18px;margin-top:20px;display:flex}.quiz-hud-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172aeb;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #00000059}.quiz-hud-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hud-badge-group{align-items:center;gap:10px;display:flex}.quiz-category-tag{border-radius:var(--radius-full);padding:4px 12px;font-size:.78rem;font-weight:700}.cat-vocab{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e94d}.cat-grammar{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.cat-reading{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.quiz-stepper-counter{color:#cbd5e1;font-size:.88rem;font-weight:600}.quiz-stepper-counter strong{color:#fff;font-size:1rem}.hud-score-group{align-items:center;gap:8px;display:flex}.hud-stat-pill,.hud-score-pill{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:4px 10px;font-size:.82rem}.hud-stat-pill strong{color:#fff}.hud-score-pill{color:#10b981;background:#10b9811f;border-color:#10b98140}.btn-view-results-quick{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #f59e0b59}.btn-view-results-quick:hover{filter:brightness(1.1);transform:translateY(-1px)}.quiz-linear-progress-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.quiz-linear-progress-fill{background:linear-gradient(90deg,#38bdf8 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .35s}.quiz-jump-map{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.jump-map-label{color:#94a3b8;font-size:.78rem;font-weight:600}.jump-dots-row{flex-wrap:wrap;gap:8px;display:flex}.jump-dot-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dot-unanswered{color:#94a3b8;background:#ffffff0f;border-color:#ffffff1a}.dot-unanswered:hover{color:#fff;background:#ffffff1f}.dot-current{transform:scale(1.1);color:#fff!important;background:#38bdf833!important;border-color:#38bdf8!important;box-shadow:0 0 12px #38bdf880!important}.dot-correct{color:#fff!important;background:#10b981!important;border-color:#34d399!important}.dot-incorrect{color:#fff!important;background:#ef4444!important;border-color:#f87171!important}.dot-icon{color:#0f172a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 4px #0000004d}.quiz-question-hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af0;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:22px;padding:28px;display:flex;box-shadow:0 12px 36px #00000080}.question-header-row{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.q-number-pill{letter-spacing:.06em;color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:800}.q-type-label{color:#94a3b8;font-size:.8rem}.question-prompt-box{padding:4px 0 10px}.question-chinese-text{font-family:var(--font-chinese);color:#fff;margin:0 0 8px;font-size:1.38rem;font-weight:700;line-height:1.65}.question-pinyin-text{color:#38bdf8;font-size:1rem;font-weight:500}.quiz-options-interactive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.quiz-choice-card{cursor:pointer;color:#f1f5f9;text-align:left;background:#1e293ba6;border:1.5px solid #ffffff1f;border-radius:14px;align-items:center;gap:16px;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.quiz-choice-card:not(:disabled):hover{background:#38bdf81a;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.choice-badge-letter{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex}.choice-content-wrap{flex-direction:column;flex:1;gap:3px;display:flex}.choice-chinese-word{font-family:var(--font-chinese);color:#fff;font-size:1.15rem;font-weight:700}.choice-vietnamese-sub{color:#94a3b8;font-size:.86rem}.choice-state-icon{flex-shrink:0}.choice-state-icon.correct-badge{color:#10b981}.choice-state-icon.error-badge{color:#ef4444}.state-correct{background:#10b98133!important;border-color:#10b981!important;box-shadow:0 0 16px #10b98159!important}.state-correct .choice-badge-letter{color:#fff!important;background:#10b981!important;border-color:#34d399!important}.state-incorrect{background:#ef444433!important;border-color:#ef4444!important;box-shadow:0 0 16px #ef444459!important}.state-incorrect .choice-badge-letter{color:#fff!important;background:#ef4444!important;border-color:#f87171!important}.state-faded{opacity:.5}.quiz-pedagogy-explanation-box{border-radius:14px;flex-direction:column;gap:8px;padding:16px 20px;animation:.3s fadeIn;display:flex}.box-correct-state{background:#10b9811f;border:1px solid #10b98159;border-left:5px solid #10b981}.box-incorrect-state{background:#ef44441f;border:1px solid #ef444459;border-left:5px solid #ef4444}.pedagogy-header{align-items:center;gap:8px;display:flex}.pedagogy-title{font-size:.95rem;font-weight:700}.pedagogy-explanation-content{color:#f1f5f9;font-size:.92rem;line-height:1.6}.quiz-bottom-nav-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.btn-nav-step{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-nav-prev{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f}.btn-nav-prev:not(:disabled):hover{color:#fff;background:#ffffff26}.btn-nav-prev:disabled{opacity:.35;cursor:not-allowed}.btn-nav-next{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 14px #0284c766}.btn-nav-next:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-nav-finish{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 16px #f59e0b73}.btn-nav-finish:hover{filter:brightness(1.1);transform:translateY(-1px)}.quiz-nav-status-indicator{color:#94a3b8;font-size:.85rem}.quiz-nav-status-indicator strong{color:#fff}.quiz-result-hero-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;background:#0f172af2;border:1.5px solid #38bdf859;border-radius:22px;flex-direction:column;align-items:center;gap:24px;padding:40px 28px;display:flex;box-shadow:0 20px 60px #000000a6}.result-trophy-ring{background:radial-gradient(circle,#f59e0b40 0%,#f59e0b0d 70%);border:2px solid #f59e0b66;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 0 30px #f59e0b4d}.trophy-gold-glow{color:#fbbf24;filter:drop-shadow(0 0 10px #f59e0b99)}.result-main-title{color:#fff;margin:0 0 6px;font-size:1.45rem;font-weight:800}.result-sub-title{color:#94a3b8;margin:0;font-size:.9rem}.result-stats-dashboard{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:600px;display:grid}.result-stat-card{background:#1e293ba6;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;display:flex}.stat-big-value{color:#fff;font-size:1.7rem;font-weight:800}.stat-label{color:#94a3b8;font-size:.78rem}.result-actions-toolbar{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.btn-review-answers,.btn-restart-action,.btn-switch-game-action{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-review-answers{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.btn-review-answers:hover{background:#38bdf840;transform:translateY(-2px)}.btn-restart-action{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 4px 16px #0284c766}.btn-restart-action:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-switch-game-action{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 16px #10b98166}.btn-switch-game-action:hover{filter:brightness(1.1);transform:translateY(-2px)}.typing-test-container{flex-direction:column;gap:20px;margin-top:18px;display:flex}.typing-header-bar{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.stat-pill{color:#94a3b8;align-items:center;gap:6px;font-size:.85rem;display:flex}.stat-pill strong{color:#fff}.streak-pill strong{color:#f59e0b}.typing-question-card{background:linear-gradient(135deg,#1e293bb3 0%,#0f172acc 100%);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:16px;padding:36px 28px;display:flex;box-shadow:0 12px 36px #0006}.typing-hanzi-display{align-items:center;gap:16px;display:flex}.hanzi-big-text{font-size:3.2rem;font-weight:800;font-family:var(--font-chinese);color:#fff;letter-spacing:.05em;text-shadow:0 0 20px #38bdf84d}.typing-sound-btn{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.typing-sound-btn:hover{color:#fff;background:#0284c7;transform:scale(1.1)}.typing-pinyin-display{color:#38bdf8;font-size:1.25rem;font-weight:600}.typing-input-form{width:100%;max-width:580px}.input-group-row{gap:10px;display:flex}.typing-text-field{color:#fff;background:#0f172ae6;border:2px solid #ffffff26;border-radius:12px;outline:none;flex:1;padding:14px 18px;font-size:1.05rem;transition:border-color .2s}.typing-text-field:focus{border-color:#38bdf8}.field-correct{background:#10b9811a!important;border-color:#10b981!important}.field-wrong{background:#ef44441a!important;border-color:#ef4444!important}.btn-submit-answer,.btn-next-word{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:0 24px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-submit-answer{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.btn-next-word{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-show-hint{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.8rem;text-decoration:underline;display:inline-flex}.hint-text{color:#fbbf24;margin-left:8px;font-size:.82rem}.typing-feedback-box{border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:580px;padding:16px 20px;display:flex}.box-correct{color:#ecfdf5;background:#10b98126;border:1px solid #10b98166}.box-wrong{color:#fef2f2;background:#ef444426;border:1px solid #ef444466}.tank-game-container{flex-direction:column;gap:16px;margin-top:18px;display:flex}.tank-hud-bar{background:#1e293bb3;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.hud-lives-row{gap:6px;display:flex}.heart-full{color:#ef4444}.heart-empty{color:#475569}.hud-score-center{align-items:center;gap:8px;display:flex}.score-label{color:#94a3b8;font-size:.85rem;font-weight:700}.score-val{color:#38bdf8;font-size:1.4rem;font-weight:900}.combo-badge{color:#0f172a;background:#f59e0b;border-radius:8px;padding:2px 8px;font-size:.72rem;font-weight:800}.tank-target-mission-box{background:linear-gradient(135deg,#0f172ae6 0%,#1e293be6 100%);border:2px solid #38bdf8;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;display:flex;box-shadow:0 0 20px #38bdf840}.target-mission-label{letter-spacing:.05em;color:#38bdf8;align-items:center;gap:6px;font-size:.75rem;font-weight:800;display:flex}.target-hanzi-row{align-items:center;gap:12px;display:flex}.target-hanzi{font-size:2.2rem;font-weight:800;font-family:var(--font-chinese);color:#fff}.target-pinyin{color:#cbd5e1;font-size:1.1rem}.tank-battlefield-arena{background:radial-gradient(circle at 50% 20%,#1e3a8a33 0%,#0f172af2 100%);border:2px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;height:380px;padding:16px;display:flex;position:relative;overflow:hidden}.lanes-track-grid{grid-template-columns:repeat(3,1fr);gap:12px;height:260px;display:grid}.battle-lane{cursor:pointer;border:1px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px;transition:all .2s;display:flex;position:relative}.lane-targeted{background:#38bdf814;border-color:#38bdf880;box-shadow:inset 0 0 20px #38bdf826}.lane-header-marker{color:#64748b;font-size:.7rem;font-weight:700}.enemy-tank-unit{text-align:center;background:#ef444426;border:2px solid #ef4444;border-radius:12px;width:90%;margin-top:14px;padding:12px 14px;transition:all .3s;box-shadow:0 6px 18px #ef44444d}.enemy-tank-body{flex-direction:column;align-items:center;gap:6px;display:flex}.enemy-text-meaning{color:#fff;font-size:.88rem;font-weight:700}.enemy-exploded{opacity:0;filter:brightness(2);transform:scale(1.3)}.laser-fire-beam{background:linear-gradient(#38bdf8 0%,#60a5fa 100%);width:8px;height:100%;animation:.25s linear forwards laserShoot;position:absolute;bottom:0;box-shadow:0 0 14px #38bdf8}@keyframes laserShoot{0%{height:0%;top:100%}to{height:100%;top:0%}}.player-tank-row{grid-template-columns:repeat(3,1fr);gap:12px;height:70px;display:grid}.player-tank-unit{flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:relative}.lane-pos-0{grid-column:1}.lane-pos-1{grid-column:2}.lane-pos-2{grid-column:3}.tank-cannon{background:#38bdf8;border-radius:4px;width:8px;height:20px;box-shadow:0 0 8px #38bdf8}.tank-turret{background:#0284c7;border:1px solid #38bdf8;border-radius:8px;justify-content:center;align-items:center;width:44px;height:30px;font-size:1.1rem;display:flex}.tank-tracks{background:#1e293b;border:1px solid #475569;border-radius:4px;width:60px;height:10px}.tank-controls-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.lane-switch-buttons{gap:8px;display:flex}.btn-steer-tank{color:#f1f5f9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-fire-cannon{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 6px 20px #ef444466}.btn-fire-cannon:hover{filter:brightness(1.1);transform:scale(1.02)}.barrier-game-container{flex-direction:column;gap:20px;margin-top:18px;display:flex}.barrier-hud-bar{background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.hud-timer-badge{color:#cbd5e1;align-items:center;gap:6px;font-size:.9rem;display:flex}.timer-urgent{color:#ef4444;animation:.5s infinite pulse}.barrier-progress-pills{gap:6px;display:flex}.barrier-step-pill{border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:700}.step-done{color:#10b981;background:#10b98133;border-color:#10b981}.step-current{color:#38bdf8;background:#38bdf840;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.step-pending{color:#64748b;background:#0003}.barrier-visual-stage{background:linear-gradient(135deg,#1e293bb3 0%,#0f172ae6 100%);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:20px;padding:28px;display:flex}.barrier-title-banner{align-items:center;gap:10px;display:flex}.b-icon{font-size:1.8rem}.b-name{color:#fff;margin:0;font-size:1.3rem;font-weight:800}.barrier-wall-graphic{background:#0f172a;border:2px solid #fff3;border-radius:12px;justify-content:center;align-items:center;height:60px;transition:all .3s;display:flex;position:relative;overflow:hidden}.barrier-health-bar{height:100%;transition:width .3s;position:absolute;top:0;left:0}.barrier-texture{z-index:2;position:relative}.barrier-status-text{letter-spacing:.05em;color:#fff;text-shadow:0 1px 4px #000c;font-size:.85rem;font-weight:800}.barrier-shattered{opacity:.3;filter:blur(2px);transform:scale(.96)}.barrier-puzzle-box{flex-direction:column;align-items:center;gap:16px;display:flex}.puzzle-target-word{align-items:center;gap:12px;display:flex}.puzzle-target-word .word-text{font-size:2.6rem;font-weight:800;font-family:var(--font-chinese);color:#fff}.puzzle-target-word .pinyin-text{color:#38bdf8;font-size:1.15rem}.puzzle-options-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:100%;display:grid}.puzzle-option-btn{cursor:pointer;color:#f1f5f9;text-align:left;background:#0f172acc;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.puzzle-option-btn:hover{background:#38bdf81f;border-color:#38bdf8}.opt-key{color:#38bdf8;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.opt-correct{color:#10b981!important;background:#10b98133!important;border-color:#10b981!important}.opt-wrong{color:#ef4444!important;background:#ef444433!important;border-color:#ef4444!important}.vocab-tree-container{flex-direction:column;gap:20px;margin-top:18px;display:flex}.tree-hud-bar{background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.tree-stat-item{color:#cbd5e1;align-items:center;gap:8px;font-size:.88rem;display:flex}.tree-main-split{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.tree-main-split{grid-template-columns:1fr}}.tree-garden-visual{background:radial-gradient(circle at 50% 30%,#1e3a8a 0%,#0f172a 100%);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:380px;padding:24px;display:flex;position:relative;overflow:hidden}.garden-sky-clouds{justify-content:space-between;display:flex}.sun-giant{filter:drop-shadow(0 0 16px #f59e0b);font-size:3rem}.cloud{opacity:.6;font-size:2.2rem}.tree-display-stage{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.watering-can-anim{font-size:2.2rem;animation:.6s infinite bounce;position:absolute;top:-40px}.tree-graphic-stage{flex-direction:column;align-items:center;gap:10px;display:flex}.plant-emoji{filter:drop-shadow(0 8px 16px #00000080);font-size:5rem}.tree-giant-emoji{filter:drop-shadow(0 12px 24px #0009);font-size:7.5rem}.stage-caption{color:#6ee7b7;text-align:center;font-size:.85rem;font-weight:700}.fruitful-tree-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.apples-cluster{justify-content:space-around;align-items:center;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.apple-fruit-btn{cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:all .2s;animation:1.5s infinite pulse}.apple-fruit-btn:hover{transform:scale(1.3)}.apple-harvested{opacity:.2;filter:grayscale();cursor:default}.garden-soil-ground{text-align:center;background:#78350f;border-top:4px solid #10b981;border-radius:8px;padding:8px 16px}.soil-text{color:#fde68a;font-size:.75rem;font-weight:700}.tree-question-panel{background:#1e293b99;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.panel-badge-top{color:#38bdf8;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.tree-word-card{background:#0f172acc;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.tree-hanzi{font-size:2.2rem;font-weight:800;font-family:var(--font-chinese);color:#fff}.tree-pinyin{color:#38bdf8;font-size:1.1rem}.tree-options-list{flex-direction:column;gap:10px;display:flex}.tree-option-item{color:#f1f5f9;cursor:pointer;text-align:left;background:#0f172ab3;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.92rem;font-weight:600;transition:all .2s;display:flex}.tree-option-item:hover{background:#38bdf81f;border-color:#38bdf8}.opt-water-correct{color:#10b981!important;background:#10b98133!important;border-color:#10b981!important}.opt-water-wrong{color:#ef4444!important;background:#ef444433!important;border-color:#ef4444!important}.harvest-complete-banner{color:#fbbf24;text-align:center;background:linear-gradient(135deg,#f59e0b33 0%,#d977061a 100%);border:1px solid #f59e0b;border-radius:10px;padding:12px 16px;font-size:.88rem;font-weight:700}.active-tape-live-prompter{background:linear-gradient(135deg,#0f172afa 0%,#1e293bf5 100%);border:2px solid #38bdf8;border-radius:18px;margin-top:14px;padding:16px 20px;animation:2.5s ease-in-out infinite alternate prompterGlow;box-shadow:0 10px 30px #38bdf840}@keyframes prompterGlow{0%{border-color:#38bdf8;box-shadow:0 8px 24px #38bdf833}to{border-color:#0ea5e9;box-shadow:0 12px 36px #38bdf873}}.live-prompter-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.live-prompter-badge{color:#38bdf8;letter-spacing:.5px;align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}.live-pulse-dot{background:#ef4444;border-radius:50%;width:9px;height:9px;animation:1.2s infinite pulseDot;box-shadow:0 0 10px #ef4444}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.prompter-action-btn{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf859;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.prompter-action-btn:hover{background:#38bdf840;transform:translateY(-1px)}.live-prompter-word-row{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.live-prompter-hanzi{color:#fff;font-size:2.1rem;font-weight:800;font-family:var(--font-chinese)}.live-prompter-pinyin{color:#38bdf8;font-size:1.15rem;font-weight:700}.live-prompter-pos{color:#94a3b8;background:#ffffff14;border-radius:6px;padding:2px 8px;font-size:.82rem}.live-prompter-meaning{color:#34d399;font-size:1rem;font-weight:600}.live-prompter-example-card{background:#0f172ab3;border:1px solid #ffffff1a;border-left:4px solid #38bdf8;border-radius:10px;padding:12px 16px}.live-example-title{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:700}.live-example-cn{color:#f1f5f9;font-size:1.05rem;font-weight:700;font-family:var(--font-chinese);line-height:1.6}.live-example-pinyin{color:#38bdf8;margin-top:3px;font-size:.88rem}.live-example-vi{color:#cbd5e1;margin-top:3px;font-size:.92rem;font-style:italic}.export-pdf-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:7px 18px;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0284c759}.export-pdf-action-btn:hover{border-color:#fff6;transform:translateY(-1px);box-shadow:0 6px 20px #0284c780}.export-pdf-action-btn.export-pdf-btn-active{background:linear-gradient(135deg,#0369a1 0%,#0891b2 100%);border-color:#38bdf8;box-shadow:0 0 14px #06b6d499}.vocab-pdf-top-editor-panel{-webkit-backdrop-filter:blur(24px);color:#f8fafc;background:#0f172af5;border:1px solid #38bdf859;border-radius:20px;margin:16px 0 20px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideDownFade;position:relative;box-shadow:0 18px 45px #000000a6,0 0 0 1px #38bdf826}body.has-custom-bg .vocab-pdf-top-editor-panel{background:#0d1424f2!important;border:1px solid #38bdf866!important}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vocab-pdf-top-editor-panel .pill-option-btn{color:#cbd5e1;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.vocab-pdf-top-editor-panel .pill-option-btn:hover{color:#fff;background:#ffffff1f;border-color:#38bdf866}.vocab-pdf-top-editor-panel .pill-option-btn.active-pill{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#0284c7,#06b6d4)!important;border-color:#38bdf8!important;box-shadow:0 4px 14px #0284c766!important}.vocab-pdf-top-editor-panel .checkbox-item-label{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:9px 14px;font-size:.86rem;transition:all .2s;display:flex}.vocab-pdf-top-editor-panel .checkbox-item-label:hover{background:#ffffff14;border-color:#38bdf84d}.vocab-pdf-top-editor-panel .checkbox-item-label input[type=checkbox]{accent-color:#0284c7;cursor:pointer;width:16px;height:16px}.flashcard-page-transparent,body.has-custom-bg .flashcard-page-transparent{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0 6px!important}.flashcard-page-transparent .section-intro-card,body.has-custom-bg .flashcard-page-transparent .section-intro-card{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:8px!important;padding:8px 0 16px!important}.flashcard-page-transparent .section-main-heading{text-shadow:0 2px 10px #000000b3}.flashcard-page-transparent .section-sub-heading{text-shadow:0 1px 8px #000000b3;color:#cbd5e1!important}.flashcard-page-transparent .flashcard-deck-bar{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#0f172ab8!important;border:1px solid #ffffff1f!important;border-radius:16px!important;padding:12px 18px!important;box-shadow:0 6px 20px #00000059!important}.flashcard-page-transparent .card-face{-webkit-backdrop-filter:blur(24px)!important;background:#0f172af2!important;border:1px solid #38bdf859!important;box-shadow:0 24px 60px -10px #000c!important}.flashcard-page-transparent .flashcard-controls-panel{max-width:600px;margin:18px auto 0;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#0f172abf!important;border:1px solid #ffffff1f!important;border-radius:999px!important;padding:8px 18px!important;box-shadow:0 8px 25px #00000080!important}.flashcard-page-transparent .flashcard-shortcuts-legend{max-width:720px;margin:16px auto 0;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0f172a99!important;border:1px solid #ffffff14!important;border-radius:999px!important}.profile-hero-card{position:relative;overflow:hidden;border-radius:20px 42px 20px 20px!important}.personalization-container{border-top-right-radius:40px!important}.auth-sync-banner{background:#0f172ad9;border:1px solid #ffffff1f;border-radius:16px;margin:16px 0 20px;padding:14px 20px}.auth-prompt-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-prompt-text{color:#e2e8f0;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.auth-buttons-group{align-items:center;gap:10px;display:flex}.btn-social-login{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-google{color:#1e293b;background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 8px #00000026}.btn-google:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-apple{color:#fff;background:#000;border:1px solid #fff3}.btn-apple:hover{background:#18181b;transform:translateY(-1px)}.auth-connected-box{justify-content:space-between;align-items:center;display:flex}.auth-connected-left{align-items:center;gap:12px;display:flex}.auth-user-email{color:#fff;font-size:.92rem}.auth-status-sync{color:#10b981;font-size:.78rem;font-weight:600}.btn-auth-disconnect{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.btn-auth-disconnect:hover{background:#ef444440}.admin-dashboard-container{margin-top:16px;animation:.3s ease-out fadeIn}.admin-toast-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#f8fafc;z-index:10000;background:#0f172af2;border:1px solid #10b98180;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;font-weight:600;animation:.3s ease-out slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 16px 36px #0009}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.admin-hero-card{background:linear-gradient(135deg,#0f172aeb 0%,#1e293be6 100%);border:1px solid #38bdf859;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 12px 32px #00000080}.admin-hero-badge{color:#38bdf8;letter-spacing:.5px;background:#38bdf826;border:1px solid #38bdf859;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:3px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.admin-hero-title{color:#fff;margin:0 0 6px;font-size:1.4rem;font-weight:800}.admin-hero-desc{color:#94a3b8;max-width:650px;margin:0;font-size:.88rem}.auto-approve-toggle-box{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:16px;padding:12px 18px;transition:all .2s;display:flex}.auto-approve-toggle-box:hover{background:#ffffff14;border-color:#38bdf866}.toggle-info{flex-direction:column;gap:3px;display:flex}.toggle-label{color:#cbd5e1;font-size:.8rem;font-weight:600}.toggle-state-tag{font-size:.75rem;font-weight:800}.state-on{color:#10b981}.state-off{color:#f59e0b}.toggle-switch-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-kpi-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:16px;padding:18px 20px;transition:all .2s;display:flex}.admin-kpi-card:hover{border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.kpi-card-alert{border-color:#f59e0b66!important;box-shadow:0 0 16px #f59e0b33!important}.kpi-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kpi-blue{color:#38bdf8;background:#38bdf826}.kpi-amber{color:#f59e0b;background:#f59e0b26}.kpi-emerald{color:#10b981;background:#10b98126}.kpi-purple{color:#a855f7;background:#a855f726}.kpi-content{flex-direction:column;display:flex}.kpi-label{color:#94a3b8;font-size:.78rem;font-weight:600}.kpi-value{color:#fff;font-size:1.5rem;font-weight:800;line-height:1.2}.kpi-sub{color:#64748b;margin-top:2px;font-size:.72rem}.admin-nav-tabs-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:8px 12px;display:flex}.admin-tab-group{flex-wrap:wrap;gap:8px;display:flex}.admin-nav-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.admin-nav-tab-btn:hover{color:#fff;background:#ffffff0f}.admin-nav-tab-btn.tab-btn-active{color:#fff;background:linear-gradient(135deg,#0284c7,#06b6d4);box-shadow:0 4px 14px #0284c766}.pending-badge-pulsing{color:#000;background:#f59e0b;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:900;animation:1.8s infinite pulseAmber}@keyframes pulseAmber{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.admin-search-wrap{align-items:center;display:flex;position:relative}.admin-search-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;outline:none;width:250px;padding:7px 32px;font-size:.84rem;transition:all .2s}.admin-search-input:focus{background:#0f172af2;border-color:#38bdf8;width:290px;box-shadow:0 0 12px #38bdf84d}.admin-search-wrap .search-icon{color:#94a3b8;position:absolute;left:10px}.admin-search-wrap .clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.75rem;position:absolute;right:10px}.pending-cards-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:14px;display:grid}.pending-user-card{background:#0f172ae6;border:1px solid #f59e0b59;border-radius:20px;flex-direction:column;justify-content:space-between;gap:16px;padding:18px 20px;display:flex;box-shadow:0 8px 24px #0006}.pending-card-top{gap:14px;display:flex}.user-avatar-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.6rem;display:flex}.user-details{flex-direction:column;gap:3px;display:flex}.user-name-row{align-items:center;gap:8px;display:flex}.user-name{color:#fff;font-size:1rem;font-weight:800}.google-verified-tag{color:#93c5fd;background:#4285f42e;border:1px solid #4285f459;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:700;display:inline-flex}.user-email{color:#38bdf8;font-size:.8rem}.user-target{color:#cbd5e1;margin-top:2px;font-size:.78rem}.user-date{color:#64748b;font-size:.72rem}.pending-actions-row{justify-content:flex-end;gap:10px;display:flex}.btn-action-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b98166}.btn-action-approve:hover{transform:translateY(-1px);box-shadow:0 6px 18px #10b98180}.btn-action-reject{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-reject:hover{background:#ef444440}.btn-approve-all{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #10b98166}.admin-table-wrapper{background:#0f172aeb;border:1px solid #ffffff1f;border-radius:20px;overflow-x:auto;box-shadow:0 12px 32px #00000080}.admin-student-table{border-collapse:collapse;color:#cbd5e1;width:100%;font-size:.86rem}.admin-student-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#1e293be6;border-bottom:1px solid #ffffff1a;padding:12px 14px;font-size:.76rem;font-weight:700}.admin-student-table td{vertical-align:middle;border-bottom:1px solid #ffffff0f;padding:14px}.admin-student-table tr:hover td{background:#ffffff08}.row-pending td{background:#f59e0b0d!important}.student-profile-flex{align-items:center;gap:10px;display:flex}.avatar-chip{background:#ffffff14;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.3rem;display:flex}.student-name-row{align-items:center;gap:6px;display:flex}.student-name{color:#fff;font-weight:800}.student-email-row{color:#94a3b8;align-items:center;gap:4px;font-size:.78rem;display:flex}.adm-badge{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:800}.curr-badge{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866;border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:800}.status-badge-active{color:#10b981;white-space:nowrap;background:#10b98126;border:1px solid #10b98159;border-radius:999px;align-items:center;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.status-badge-pending{color:#f59e0b;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:999px;align-items:center;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.vocab-progress-cell{width:140px}.vocab-progress-num{color:#cbd5e1;margin-bottom:4px;font-size:.78rem}.progress-bar-track{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:999px;height:100%;transition:width .3s}.lessons-info-cell{flex-direction:column;gap:4px;display:flex}.lesson-badge{color:#38bdf8;align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.audio-minutes-badge{color:#a78bfa;align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.quiz-xp-cell{flex-direction:column;gap:4px;display:flex}.quiz-score-tag{color:#10b981;align-items:center;gap:4px;font-size:.78rem;font-weight:700;display:inline-flex}.xp-tag{color:#f59e0b;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:inline-flex}.last-active-text{color:#94a3b8;font-size:.78rem}.action-buttons-wrap{justify-content:center;align-items:center;gap:6px;display:flex}.btn-tbl-action{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-tbl-action:hover{color:#fff;background:#ffffff1f;border-color:#38bdf84d}.btn-inspect{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.btn-approve{color:#10b981;background:#10b98126;border-color:#10b98166}.btn-delete{color:#ef4444;background:#ef44441a;border-color:#ef44444d;padding:5px 7px}.student-detail-modal-card{color:#f8fafc;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0f172afa;border:1px solid #38bdf859;border-radius:24px;width:90%;max-width:620px;padding:28px;position:relative;box-shadow:0 25px 60px #000c}.detail-modal-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.detail-avatar{background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:2rem;display:flex}.detail-name{color:#fff;margin:0;font-size:1.3rem;font-weight:800}.detail-target-banner{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf840;border-radius:12px;margin-bottom:20px;padding:10px 14px;font-size:.85rem}.detail-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.detail-metric-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;padding:12px 14px;display:flex}.metric-title{color:#94a3b8;font-size:.75rem;font-weight:600}.metric-val{color:#38bdf8;margin:2px 0;font-size:1.3rem;font-weight:800}.metric-sub{color:#64748b;font-size:.72rem}.detail-lesson-breakdown{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:20px;padding:14px}.lesson-item-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;font-size:.82rem;display:flex}.lesson-item-row:last-child{border-bottom:none}.tag-done{color:#10b981;font-weight:700}.tag-learning{color:#38bdf8;font-weight:700}.tag-pending{color:#94a3b8}.detail-modal-footer{justify-content:flex-end;gap:10px;display:flex}.btn-modal-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-modal-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:9px 20px;font-size:.85rem;font-weight:600}.profile-create-optimized-modal{background:#0f172afa!important;border:1px solid #38bdf859!important;border-radius:24px!important;max-width:540px!important;padding:26px!important;box-shadow:0 25px 60px #000000d9!important}.modal-header-banner{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.modal-title-icon-box{background:#38bdf826;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-close-round-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-close-round-btn:hover{color:#fff;background:#ffffff29}.profile-reg-type-switcher{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.reg-type-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.reg-type-btn.reg-type-active{color:#38bdf8;background:#38bdf82e;border-color:#38bdf8;box-shadow:0 0 12px #38bdf840}.google-quick-fill-hint{color:#93c5fd;background:#4285f41a;border:1px solid #4285f440;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:.78rem;display:flex}.btn-quick-fill-google{color:#fff;cursor:pointer;white-space:nowrap;background:#4285f4;border:none;border-radius:8px;padding:5px 10px;font-size:.74rem;font-weight:700}.input-with-icon-wrap{align-items:center;display:flex;position:relative}.input-with-icon-wrap svg{position:absolute;left:12px}.input-iconic{padding-left:36px!important}.field-hint-text{color:#64748b;margin-top:3px;font-size:.73rem;display:block}.target-presets-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.target-preset-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:4px 10px;font-size:.75rem;transition:all .2s}.target-preset-chip:hover{color:#fff;background:#ffffff1f}.target-preset-chip.preset-active{color:#38bdf8;background:#38bdf833;border-color:#38bdf8;font-weight:700}.approval-notice-box{color:#cbd5e1;background:#38bdf814;border:1px solid #38bdf833;border-radius:12px;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;font-size:.78rem;display:flex}.btn-admin-shortcut{color:#38bdf8;cursor:pointer;background:linear-gradient(135deg,#38bdf833,#6366f133);border:1px solid #38bdf866;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-admin-shortcut:hover{color:#fff;background:linear-gradient(135deg,#38bdf859,#6366f159);border-color:#38bdf8;transform:translateY(-1px)}.admin-pending-pill-mini{color:#000;background:#f59e0b;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:800}.highlight-admin{color:#38bdf8!important;background:linear-gradient(135deg,#38bdf840,#6366f140)!important;border-color:#38bdf8!important}.shadowing-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172acc;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.shadowing-modal-card{background:var(--bg-surface,#0f172a);border:1px solid var(--border-medium,#94a3b833);border-radius:var(--radius-lg,16px);flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 45px #00000080,0 0 30px #f43f5e26}.shadowing-modal-header{border-bottom:1px solid var(--border-subtle,#94a3b81a);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.shadowing-header-title-wrap{align-items:center;gap:12px;display:flex}.shadowing-badge-icon{color:#fff;background:linear-gradient(135deg,#f43f5e,#a855f7);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 14px #f43f5e59}.shadowing-main-title{color:var(--text-main,#f8fafc);margin:0;font-size:1.15rem;font-weight:800}.shadowing-sub-title{color:var(--text-muted,#94a3b8);margin:2px 0 0;font-size:.8rem}.shadowing-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.shadowing-close-btn:hover{color:var(--text-main,#f8fafc);background:#94a3b81f}.shadowing-mode-tabs{gap:8px;padding:12px 24px 0;display:flex}.shadowing-mode-pill{border:1px solid var(--border-subtle,#94a3b833);background:var(--bg-surface-elevated,#1e293b80);color:var(--text-muted,#94a3b8);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.shadowing-mode-pill.pill-active{color:#f43f5e;background:linear-gradient(135deg,#f43f5e33,#a855f733);border-color:#f43f5e}.shadowing-target-card{border:1px solid var(--border-subtle,#94a3b826);text-align:center;background:linear-gradient(145deg,#0f172acc,#1e293b99);border-radius:14px;margin:16px 24px;padding:18px}.shadowing-target-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shadowing-target-badge{letter-spacing:.5px;color:#38bdf8;background:#38bdf81a;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.shadowing-pos-tag{color:var(--text-muted,#94a3b8);font-size:.72rem}.shadowing-target-text{font-family:var(--font-chinese,serif);color:var(--text-main,#f8fafc);margin:8px 0;font-size:2.2rem;font-weight:800;line-height:1.3}.shadowing-target-text.example-mode-text{text-align:left;font-size:1.3rem;font-weight:700}.shadowing-target-pinyin{color:#38bdf8;margin-bottom:4px;font-size:1.05rem;font-weight:600}.shadowing-target-meaning{color:var(--text-muted,#cbd5e1);font-size:.9rem}.shadowing-studio-panel{flex-direction:column;gap:16px;padding:0 24px 16px;display:flex}.shadowing-reference-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.btn-reference-audio,.btn-user-audio-play{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-reference-audio{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859}.btn-reference-audio:hover,.btn-reference-audio.btn-is-playing-ref{background:#38bdf840;box-shadow:0 0 16px #38bdf84d}.btn-user-audio-play{color:#c084fc;background:#a855f71f;border:1px solid #a855f759}.btn-user-audio-play:hover,.btn-user-audio-play.btn-is-playing-user{background:#a855f740;box-shadow:0 0 16px #a855f74d}.shadowing-recorder-center{justify-content:center;padding:10px 0;display:flex}.btn-big-record{cursor:pointer;color:var(--text-main,#f8fafc);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:.92rem;font-weight:700;transition:all .25s;display:flex}.record-icon-ring{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .25s;display:flex;box-shadow:0 0 25px #f43f5e80}.btn-big-record:hover .record-icon-ring{transform:scale(1.08);box-shadow:0 0 35px #f43f5ebf}.recording-active-cluster{flex-direction:column;align-items:center;gap:12px;display:flex}.recording-wave-visualizer{align-items:center;gap:5px;height:36px;display:flex}.wave-bar-pulse{background:#f43f5e;border-radius:4px;width:5px;animation:1s ease-in-out infinite alternate wavePulse}.wave-bar-pulse:first-child{height:14px;animation-delay:.1s}.wave-bar-pulse:nth-child(2){height:28px;animation-delay:.3s}.wave-bar-pulse:nth-child(3){height:36px;animation-delay:.5s}.wave-bar-pulse:nth-child(4){height:22px;animation-delay:.2s}.wave-bar-pulse:nth-child(5){height:16px;animation-delay:.4s}.recording-timer-badge{color:#f43f5e;background:#f43f5e1f;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:flex}.pulsing-live-dot{animation:1s infinite liveBlink}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.2}}.btn-stop-record{color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #f43f5e66}.btn-stop-record:hover{background:#e11d48;transform:translateY(-2px)}.shadowing-error-box{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.shadowing-result-card{border:1px solid var(--border-medium,#94a3b833);background:var(--bg-surface-elevated,#1e293bb3);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.shadowing-result-card.score-excellent{background:linear-gradient(145deg,#10b9811f,#1e293bcc);border-color:#10b98180}.shadowing-result-card.score-great{background:linear-gradient(145deg,#38bdf81f,#1e293bcc);border-color:#38bdf880}.shadowing-result-card.score-good{background:linear-gradient(145deg,#f59e0b1f,#1e293bcc);border-color:#f59e0b80}.shadowing-result-card.score-need-work{background:linear-gradient(145deg,#ef44441f,#1e293bcc);border-color:#ef444480}.result-score-header{align-items:center;gap:16px;display:flex}.score-meter-wrap{background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:90px;padding:8px 12px;display:flex}.score-number-big{color:#10b981;font-size:2rem;font-weight:900;line-height:1}.score-excellent .score-number-big{color:#10b981}.score-great .score-number-big{color:#38bdf8}.score-good .score-number-big{color:#f59e0b}.score-need-work .score-number-big{color:#ef4444}.score-label{text-transform:uppercase;color:var(--text-muted,#94a3b8);margin-top:4px;font-size:.65rem;font-weight:700}.score-commentary-wrap{flex:1}.score-grade-pill{color:var(--text-main,#f8fafc);align-items:center;gap:6px;margin-bottom:4px;font-size:.95rem;font-weight:700;display:inline-flex}.score-feedback-text{color:var(--text-muted,#94a3b8);margin:0;font-size:.82rem;line-height:1.4}.shadowing-char-breakdown{border-top:1px dashed #94a3b833;flex-direction:column;gap:8px;padding-top:10px;display:flex}.char-breakdown-row{align-items:center;gap:10px;display:flex}.breakdown-label{color:var(--text-muted,#94a3b8);min-width:80px;font-size:.72rem;font-weight:700}.char-tokens-wrap{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.char-token{font-family:var(--font-chinese,serif);border-radius:6px;padding:2px 7px;font-size:1.15rem;font-weight:700;line-height:1.2}.punct-token{font-family:var(--font-chinese,serif);color:var(--text-muted,#64748b);padding:0 2px;font-size:1rem}.token-match{color:#10b981;background:#10b98133;border:1px solid #10b98166}.token-miss{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.token-spoken-match{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf859}.token-spoken-diff{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.shadowing-modal-footer{border-top:1px solid var(--border-subtle,#94a3b81a);justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.btn-modal-cancel{border:1px solid var(--border-subtle,#94a3b833);color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.btn-modal-cancel:hover{color:var(--text-main,#f8fafc);background:#94a3b81a}.btn-modal-retry{color:#f59e0b;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-modal-retry:hover{background:#f59e0b40}.btn-modal-master-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #10b98159}.btn-modal-master-next:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.ai-dimensions-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.ai-dim-card{background:#0f172a99;border:1px solid #94a3b826;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ai-dim-top{justify-content:space-between;align-items:center;display:flex}.dim-name{color:var(--text-main,#f8fafc);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.dim-score{color:#38bdf8;font-size:.8rem;font-weight:800}.dim-progress-track{background:#94a3b833;border-radius:99px;width:100%;height:5px;overflow:hidden}.dim-progress-fill{border-radius:99px;height:100%;transition:width .4s ease-out}.dim-comment{color:var(--text-muted,#94a3b8);font-size:.72rem;line-height:1.35}.ai-syllables-diagnostic{border-top:1px dashed #94a3b833;flex-direction:column;gap:8px;padding-top:8px;display:flex}.diag-section-title{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:.76rem;font-weight:700}.syllables-cards-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.syllable-diag-box{border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;min-width:80px;padding:10px 14px;display:flex;position:relative}.syllable-diag-box.syl-correct{background:#10b9811f;border-color:#10b98159}.syllable-diag-box.syl-imprecise{background:#f59e0b1f;border-color:#f59e0b59}.syllable-diag-box.syl-missed{background:#ef44441f;border-color:#ef444459}.syl-hanzi{font-family:var(--font-chinese,serif);color:var(--text-main,#f8fafc);font-size:1.4rem;font-weight:800;line-height:1.1}.syl-pinyin{color:#38bdf8;font-size:.82rem;font-weight:700}.syl-score-tag{color:#10b981;background:#0f172a99;border-radius:99px;margin-top:2px;padding:1px 6px;font-size:.72rem;font-weight:800}.syl-imprecise .syl-score-tag{color:#f59e0b}.syl-missed .syl-score-tag{color:#ef4444}.syl-tip-bubble{color:#cbd5e1;text-align:left;background:#0f172ad9;border:1px solid #94a3b840;border-radius:6px;max-width:200px;margin-top:6px;padding:5px 8px;font-size:.7rem;line-height:1.35}.ai-advice-box{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.advice-title{color:#f59e0b;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.advice-list{color:#cbd5e1;margin:0;padding-left:18px;font-size:.78rem;line-height:1.45}.advice-list li{margin-bottom:3px}