: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:#121929f0;--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}[data-theme=light] body:not(.has-custom-bg) .textbook-audio-player-card{background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%)!important;border:1px solid #0284c740!important;box-shadow:0 4px 20px #0f172a14!important}[data-theme=light] body:not(.has-custom-bg) .audio-track-title{color:#0f172a!important}[data-theme=light] body:not(.has-custom-bg) .audio-track-sub{color:#475569!important}[data-theme=light] body:not(.has-custom-bg) .audio-speed-chips{background:#0000000f!important;border:1px solid #00000014!important}[data-theme=light] body:not(.has-custom-bg) .speed-chip-btn{color:#475569!important}[data-theme=light] body:not(.has-custom-bg) .speed-chip-btn.speed-active{color:#fff!important;background:#0284c7!important}[data-theme=light] body:not(.has-custom-bg) .time-display{color:#475569!important}[data-theme=light] body:not(.has-custom-bg) .time-current{color:#0284c7!important}[data-theme=light] body:not(.has-custom-bg) .audio-slider-wrap{background:#0000001a!important}[data-theme=light] body:not(.has-custom-bg) .dialogue-bubble.bubble-synced-glow{background:#0284c714!important;border:1.5px solid #0284c7!important;box-shadow:0 0 20px #0284c72e!important}[data-theme=light] body:not(.has-custom-bg) .cn-text-reading-glow{color:#0f172a!important;text-shadow:none!important}[data-theme=warm] body:not(.has-custom-bg) .textbook-audio-player-card{background:linear-gradient(135deg,#fff 0%,#f5efe6 100%)!important;border:1px solid #b4530940!important;box-shadow:0 4px 20px #291d1714!important}[data-theme=warm] body:not(.has-custom-bg) .audio-track-title{color:#291d17!important}[data-theme=warm] body:not(.has-custom-bg) .audio-track-sub{color:#6b5749!important}[data-theme=warm] body:not(.has-custom-bg) .audio-speed-chips{background:#5c402e14!important;border:1px solid #5c402e1f!important}[data-theme=warm] body:not(.has-custom-bg) .speed-chip-btn{color:#6b5749!important}[data-theme=warm] body:not(.has-custom-bg) .speed-chip-btn.speed-active{color:#fff!important;background:#b45309!important}[data-theme=warm] body:not(.has-custom-bg) .time-display{color:#6b5749!important}[data-theme=warm] body:not(.has-custom-bg) .time-current{color:#b45309!important}[data-theme=warm] body:not(.has-custom-bg) .audio-slider-wrap{background:#5c402e1f!important}[data-theme=warm] body:not(.has-custom-bg) .dialogue-bubble.bubble-synced-glow{background:#b4530914!important;border:1.5px solid #b45309!important;box-shadow:0 0 20px #b453092e!important}[data-theme=warm] body:not(.has-custom-bg) .cn-text-reading-glow{color:#291d17!important;text-shadow:none!important}*{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)}.lesson-select-input option{background-color:var(--bg-surface-elevated);color:var(--text-main)}.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(--primary)!important;color:#fff!important;box-shadow:0 2px 8px var(--primary-glow)!important}.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{box-shadow:none!important;background-color:#0000!important;border:none!important}.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{--text-main:#f8fafc!important;--text-muted:#cbd5e1!important;--text-faint:#94a3b8!important;--border-subtle:#ffffff24!important;background:0 0!important}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(20px)!important;background:linear-gradient(#080c16fa 0%,#0d1424f5 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.008)}.dialogue-bubble.bubble-synced-glow{transition:all .3s;box-shadow:none!important;background:#0f172ad9!important;border:1px solid #ffffff1f!important}.speaker-avatar-wrap.avatar-pulsing{animation:1.8s ease-in-out infinite avatarPulse;box-shadow:0 0 12px #38bdf866}@keyframes avatarPulse{0%{transform:scale(1);box-shadow:0 0 6px #38bdf84d}50%{transform:scale(1.05);box-shadow:0 0 15px #38bdf88c}to{transform:scale(1);box-shadow:0 0 6px #38bdf84d}}.reading-paragraph-card.para-synced-active{transition:all .35s cubic-bezier(.16,1,.3,1);transform:scale(1.005);box-shadow:none!important;background:#0f172ae0!important;border:1px solid #ffffff1f!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-view-container{flex-direction:column;gap:20px;scroll-margin-top:100px;display:flex}.practice-intro-card{scroll-margin-top:100px;padding:28px 30px!important}.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:20px;display:grid}.mode-select-card{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1.5px solid #ffffff1f;border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;min-height:105px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mode-card-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.mode-select-card:hover{background:#1e293be6;border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.mode-card-active{transform:translateY(-2px);background:linear-gradient(135deg,#0284c7 0%,#0369a1 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:38px;height:38px;transition:all .2s;display:flex}.mode-card-active .mode-card-icon-wrap{background:#ffffff38}.mode-card-text{flex-direction:column;gap:3px;width:100%;display:flex}.mode-card-title{color:#fff;white-space:normal;word-break:break-word;font-size:.95rem;font-weight:700;line-height:1.35}.mode-card-sub{color:#94a3b8;white-space:normal;font-size:.76rem;line-height:1.3}.mode-card-active .mode-card-sub{color:#ffffffe6}.mode-card-badge{letter-spacing:.02em;border:1px solid;border-radius:6px;flex-shrink:0;padding:3px 8px;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}.vocab-progress-toolbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ae0;border:1.5px solid #38bdf840;border-radius:16px;flex-direction:column;gap:12px;padding:16px 22px;display:flex;box-shadow:0 8px 24px #00000059}.vocab-progress-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.vocab-progress-left-info{align-items:center;gap:12px;display:flex}.vocab-progress-icon-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.vocab-progress-text-group{flex-direction:column;gap:2px;display:flex}.vocab-progress-title{color:#fff;font-size:.96rem;font-weight:700}.vocab-progress-counter{color:#94a3b8;font-size:.8rem}.vocab-progress-counter strong{color:#38bdf8;font-weight:700}.progress-percentage-pill{color:#38bdf8;letter-spacing:.02em;background:#38bdf826;border:1.5px solid #38bdf859;border-radius:20px;align-items:center;padding:6px 14px;font-size:.95rem;font-weight:800;display:inline-flex}.pill-100-percent{box-shadow:0 0 16px #10b98166;color:#34d399!important;background:linear-gradient(135deg,#10b98140 0%,#05966959 100%)!important;border-color:#10b981!important}.vocab-linear-track{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;width:100%;height:10px;position:relative;overflow:hidden}.vocab-linear-fill{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 50%,#10b981 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #38bdf899}.fill-completed{background:linear-gradient(90deg,#10b981 0%,#059669 100%)!important;box-shadow:0 0 16px #10b981b3!important}.vocab-quick-stats-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.quick-stat-badge{color:#94a3b8;align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.quick-stat-badge strong{color:#fff}.btn-restart-quiz-pill{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-restart-quiz-pill:hover{color:#fff;background:#ffffff24}.vocab-victory-card{margin-top:8px}.typing-question-card{background:linear-gradient(135deg,#1e293bbf 0%,#0f172ae0 100%);border:1px solid #ffffff24;border-radius:20px;flex-direction:column;align-items:center;gap:18px;padding:38px 28px;display:flex;box-shadow:0 12px 36px #00000073}.typing-hanzi-display{align-items:center;gap:16px;display:flex}.hanzi-big-text{font-size:3.4rem;font-weight:800;font-family:var(--font-chinese);color:#fff;letter-spacing:.05em;text-shadow:0 0 24px #38bdf859}.typing-sound-btn{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf859;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex}.typing-sound-btn:hover{color:#fff;background:#0284c7;transform:scale(1.1);box-shadow:0 0 16px #0284c780}.typing-pinyin-wrap{align-items:center;gap:12px;display:flex}.typing-pinyin-display{color:#38bdf8;letter-spacing:.03em;font-size:1.3rem;font-weight:600}.typing-pinyin-hidden{color:#64748b;letter-spacing:.15em;font-size:1.1rem}.btn-toggle-pinyin{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;transition:all .2s;display:inline-flex}.btn-toggle-pinyin:hover{color:#fff;background:#ffffff24}.typing-input-form{width:100%;max-width:580px}.input-group-row{gap:10px;display:flex}.typing-text-field{color:#fff;background:#0f172af2;border:2px solid #ffffff2e;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;box-shadow:0 0 12px #38bdf840}.field-correct{background:#10b9811f!important;border-color:#10b981!important}.field-wrong{background:#ef44441f!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;transition:all .2s;display:inline-flex}.btn-submit-answer{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 14px #2563eb66}.btn-submit-answer:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-next-word{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98166}.btn-finish-word{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 4px 16px #f59e0b73!important}.btn-next-word:hover{filter:brightness(1.1);transform:translateY(-1px)}.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:14px;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:.4;transform:scale(.8)}}.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}.profile-header-chip{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-main);cursor:pointer;border-radius:20px 32px 20px 20px;align-items:center;gap:8px;padding:4px 14px 4px 6px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.profile-header-chip.active-feature{border-color:var(--primary);background:var(--primary-surface);color:var(--primary)}.profile-chip-avatar{background:linear-gradient(135deg,#0284c7,#38bdf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.88rem;display:flex}.profile-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:85px;overflow:hidden}@media (max-width:1024px){.app-container{padding:0 18px}.header-container{gap:12px;padding:10px 18px}.vocab-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.quick-launch-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.bg-thumbnails-grid{grid-template-columns:repeat(3,1fr);gap:10px}.flashcard-3d-card{max-width:520px;min-height:340px}.card-face{padding:26px 22px}.overview-hero-card{padding:28px 24px}.hero-main-title{font-size:2rem}.grammar-point-card{padding:22px}.quiz-result-card{padding:36px 24px}}@media (max-width:768px){.app-container{max-width:100%;padding:0 8px}.app-main-content{padding:6px 0 32px}.app-header{padding:0;box-shadow:0 2px 8px #0003}.header-container{flex-flow:wrap;justify-content:space-between;align-items:center;gap:4px 6px;padding:4px 8px;display:flex}.brand-section{flex:0 auto;align-items:center;gap:6px;display:flex}.logo-icon-wrap{border-radius:6px;width:26px;height:26px}.brand-icon{width:14px;height:14px}.brand-title-row{align-items:center;gap:5px;display:flex}.brand-main-title{font-size:.9rem;font-weight:800;line-height:1}.level-badge{border-radius:4px;padding:1px 4px;font-size:.6rem;line-height:1.1}.brand-subtitle{display:none!important}.lesson-selector-wrap{flex:0 auto;max-width:160px;margin-left:auto}.lesson-dropdown-container{width:100%;position:relative}.lesson-select-input{border-radius:5px;width:100%;height:26px;padding:2px 22px 2px 7px;font-size:.74rem;font-weight:600}.select-arrow-icon{width:12px;height:12px;right:6px}.header-controls{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;align-items:center;gap:4px;margin-top:0;padding:1px 0 2px;display:flex;overflow-x:auto}.header-controls::-webkit-scrollbar{display:none}.control-btn{white-space:nowrap;border-radius:5px;flex-shrink:0;gap:3px;height:26px;padding:2px 6px;font-size:.7rem}.btn-label-bold{font-size:.72rem}.text-icon{font-size:.68rem}.theme-toggle-group{border-radius:5px;flex-shrink:0;gap:1px;padding:1px}.theme-btn{justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.theme-btn svg{width:12px;height:12px}.profile-header-chip{flex-shrink:0;height:26px;border-radius:13px!important;gap:4px!important;padding:2px 6px 2px 3px!important;font-size:.7rem!important}.profile-chip-avatar{width:20px;height:20px;font-size:.72rem}.profile-chip-name{max-width:65px;font-size:.7rem}.tab-navigation-container{margin-bottom:8px}.tab-navigation-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding:2px 1px 4px}.tab-navigation-scroll::-webkit-scrollbar{display:none}.nav-tab-item{border-radius:6px;flex-shrink:0;gap:5px;min-height:28px;padding:5px 8px}.tab-title{font-size:.74rem;font-weight:600}.tab-subtitle{display:none!important}.tab-icon-wrap svg{width:13px;height:13px}.tab-badge{border-radius:3px;padding:1px 4px;font-size:.58rem}.section-intro-card{border-radius:10px;gap:8px;margin-bottom:10px;padding:10px}.section-pill-tag{padding:1px 6px;font-size:.65rem}.section-main-heading{font-size:1.15rem}.section-sub-heading{font-size:.78rem}.dialogue-stream-container{gap:8px}.dialogue-line-card{gap:6px;padding:1px}.speaker-avatar-wrap{width:28px;height:28px;font-size:.82rem}.dialogue-bubble{border-radius:10px;gap:4px;max-width:calc(100% - 36px);padding:8px 10px}.bubble-header{flex-wrap:wrap;gap:4px}.bubble-chinese-text,.chinese-sentence{color:var(--text-main);line-height:1.55;font-size:1.05rem!important}.bubble-pinyin-text,.pinyin-sentence{color:var(--primary);font-size:.78rem!important}.bubble-vietnamese-text,.vietnamese-sentence{color:var(--text-muted);font-size:.76rem!important}.speaker-display-name{font-size:.72rem}.line-time-tag{padding:1px 4px;font-size:.62rem}.bubble-btn-seek{height:24px;padding:2px 6px;font-size:.68rem}.bubble-btn-tool,.audio-play-inline-btn{width:24px;height:24px}.dialogue-setting-box{border-radius:8px;padding:8px 10px}.setting-description{font-size:.76rem}.dialogue-control-bar{flex-direction:column;align-items:stretch;gap:6px}.audio-actions-row{flex-wrap:wrap;gap:6px}.btn-sync-toggle,.btn-outline-action{border-radius:5px;padding:4px 8px;font-size:.72rem}.dialogue-hint-text{font-size:.7rem}.textbook-audio-player-card{border-radius:10px;gap:6px;margin-bottom:10px;padding:8px 10px}.audio-player-top-row{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:6px}.audio-track-title{font-size:.85rem}.audio-track-sub{font-size:.7rem}.audio-type-badge,.audio-code-badge{padding:1px 5px;font-size:.62rem}.audio-speed-chips{justify-content:center;width:100%;margin-top:1px;padding:2px}.speed-chip-btn{padding:2px 6px;font-size:.68rem}.audio-progress-row{gap:6px;margin-bottom:6px}.time-display{min-width:30px;font-size:.68rem}.audio-timeline-slider{height:24px;top:-9px}.audio-controls-row{flex-wrap:wrap;justify-content:center;gap:8px}.btn-audio-main-play{width:36px;height:36px}.btn-audio-secondary{width:28px;height:28px}.vocab-toolbar{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:8px}.search-input-box{width:100%;min-width:0}.vocab-search-field{border-radius:5px;height:32px;padding:4px 26px 4px 30px;font-size:.76rem}.search-icon{width:13px;height:13px;left:8px}.mastery-filter-group{flex-wrap:wrap;gap:4px;width:100%}.filter-pill-btn{text-align:center;border-radius:5px;flex:1;justify-content:center;min-width:60px;padding:4px 6px;font-size:.7rem}.vocab-cards-grid{grid-template-columns:1fr;gap:10px}.vocab-card,.vocab-item-card{box-sizing:border-box;border-radius:12px;gap:8px;padding:12px 10px}.vocab-card-header{flex-direction:column;align-items:stretch;gap:8px}.vocab-main-display{justify-content:space-between;align-items:baseline;width:100%;display:flex}.vocab-hanzi-title,.vocab-hanzi-text{font-size:1.35rem;font-weight:700}.vocab-pinyin-sub,.vocab-pinyin{font-size:.82rem}.vocab-pos-tag,.vocab-pos-badge{padding:1px 5px;font-size:.65rem}.vocab-card-actions{flex-wrap:wrap;align-items:center;gap:5px;width:100%;display:flex}.vocab-audio-play-btn,.seek-tape-btn{flex:auto;justify-content:center;min-width:78px;width:auto!important;height:28px!important;padding:2px 8px!important;font-size:.72rem!important}.vocab-icon-btn{flex-shrink:0;width:28px;height:28px}.vocab-meaning-block{gap:3px}.vocab-meaning-vi,.vocab-vi-meaning{color:var(--text-main);font-size:.88rem;font-weight:700;line-height:1.4}.vocab-en-meaning{color:var(--text-muted);font-size:.76rem}.vocab-example-box{border-radius:8px;gap:3px;padding:8px 10px}.example-cn-sentence{font-size:.88rem;line-height:1.45}.example-pinyin-sentence,.example-vi-sentence{font-size:.75rem}.flashcard-stage{perspective:1000px;padding:8px 0}.flashcard-3d-card{box-sizing:border-box;width:100%;max-width:420px;height:auto;min-height:330px;margin:0 auto}.card-face{box-sizing:border-box;-webkit-overflow-scrolling:touch;border-radius:16px;padding:16px 14px;overflow-y:auto}.card-top-indicator{width:100%;margin-bottom:8px}.card-step-badge{font-size:.72rem}.card-pos-pill{padding:2px 8px;font-size:.68rem}.card-center-content{gap:10px;padding:12px 0}.card-hanzi-display{line-height:1.1;font-size:2.5rem!important}.card-flip-hint{gap:5px;font-size:.72rem}.card-bottom-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;display:flex}.card-quick-btn{border-radius:7px;flex:auto;justify-content:center;gap:4px;min-width:72px;padding:6px 8px;font-size:.72rem}.card-quick-btn svg{width:14px;height:14px}.card-hanzi-mini{font-size:1.3rem}.card-pinyin-badge{font-size:.85rem}.card-center-details{gap:8px;width:100%;padding:6px 0}.card-vietnamese-definition{font-size:1.05rem;font-weight:700;line-height:1.4}.card-english-definition{font-size:.8rem}.card-example-quote{box-sizing:border-box;border-radius:8px;gap:3px;width:100%;padding:8px 10px}.example-quote-cn{font-size:.9rem;line-height:1.45}.example-quote-pinyin,.example-quote-vi{font-size:.76rem}.card-flip-back-hint{gap:4px;margin-top:6px;font-size:.68rem}.flashcard-deck-bar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:6px}.deck-progress-wrap{width:100%;min-width:0}.deck-progress-info{font-size:.76rem}.deck-action-buttons{flex-wrap:wrap;gap:5px;width:100%;display:flex}.deck-action-buttons button{flex:auto;justify-content:center;padding:5px 8px;font-size:.7rem}.flashcard-controls-panel{box-sizing:border-box;justify-content:space-between;align-items:center;gap:6px;width:100%;max-width:420px;margin:10px auto 0;display:flex}.deck-nav-btn{border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:flex}.deck-nav-btn svg{width:18px;height:18px}.srs-evaluation-group{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.srs-btn{text-align:center;border-radius:7px;flex:1;justify-content:center;gap:3px;min-width:0;padding:7px 4px;font-size:.7rem}.srs-btn svg{flex-shrink:0;width:13px;height:13px}.srs-btn span{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.flashcard-shortcuts-legend,.shortcut-key-hint{display:none!important}.grammar-point-card{border-radius:12px;gap:8px;margin-bottom:10px;padding:12px 10px}.grammar-point-title{font-size:1rem;font-weight:700}.grammar-structure-box{border-radius:6px;padding:8px 10px;font-size:.8rem;overflow-x:auto}.grammar-examples-list{gap:6px}.grammar-example-item{border-radius:8px;padding:8px 10px;font-size:.88rem}.practice-item-content{padding:8px}.practice-question-text{font-size:.88rem}.practice-options-grid{grid-template-columns:1fr;gap:5px}.practice-option-btn{border-radius:6px;padding:8px 10px;font-size:.8rem}.reading-paragraphs-flow{gap:10px}.reading-paragraph-card{border-radius:12px;margin-bottom:10px;padding:12px 10px}.para-cn-content{text-indent:1.5em;color:var(--text-main);line-height:1.7;font-size:1.05rem!important}.para-pinyin-content{color:var(--primary);line-height:1.5;font-size:.8rem!important}.para-vi-content{color:var(--text-muted);line-height:1.5;font-size:.8rem!important}.para-num-tag{padding:1px 5px;font-size:.68rem}.reading-article-box{border-radius:10px;padding:12px 10px;font-size:.98rem;line-height:1.65}.reading-controls-bar{flex-direction:column;align-items:stretch;gap:6px}.quiz-card{border-radius:10px;gap:8px;padding:12px 10px}.quiz-options-grid{grid-template-columns:1fr;gap:8px}.quiz-option-btn{border-radius:7px;padding:9px 10px;font-size:.8rem}.quiz-result-card{border-radius:12px;padding:16px 12px}.score-big-num{font-size:2.8rem}.result-stats-dashboard{grid-template-columns:repeat(3,1fr);gap:4px}.result-stat-box{padding:6px 3px}.stat-big-val{font-size:.95rem}.stat-label-text{font-size:.62rem}.result-actions-row{flex-direction:column;gap:8px;width:100%}.result-actions-row button{justify-content:center;width:100%;padding:8px;font-size:.78rem}.overview-hero-card{border-radius:10px;gap:6px;padding:12px 10px}.hero-main-title{font-size:1.35rem}.hero-vi-title{font-size:.92rem}.hero-intro-text{font-size:.8rem;line-height:1.4}.quick-launch-grid{grid-template-columns:1fr;gap:6px}.quick-card{border-radius:8px;gap:8px;padding:9px 10px}.profile-header-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:14px 10px}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px}.detail-metrics-grid{grid-template-columns:1fr;gap:8px}.heatmap-days-grid{gap:3px}.heatmap-cell{border-radius:4px;font-size:.65rem}.tank-battlefield-arena{border-radius:12px;height:280px;padding:8px}.lanes-track-grid{gap:4px;height:190px}.battle-lane{padding:4px}.enemy-tank-unit{width:98%;padding:6px 2px}.enemy-text-meaning{font-size:.72rem}.tree-garden-visual{min-height:260px;padding:12px}.hanzi-modal-card{border-radius:12px;max-width:calc(100vw - 16px);margin:0 8px;padding:14px 10px}.tianzige-grid{width:200px;height:200px}.bg-modal-dialog{border-radius:12px;max-width:calc(100vw - 16px);max-height:94vh}.bg-thumbnails-grid{grid-template-columns:repeat(2,1fr);gap:6px}.bg-modal-footer-bar{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.bg-modal-footer-right{justify-content:stretch;width:100%}.bg-modal-btn-confirm{justify-content:center;width:100%}.app-footer{padding:12px 0}.footer-container{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 10px}.footer-title{font-size:.85rem}.footer-sub,.footer-right{font-size:.7rem}}@media (max-width:480px){.app-container{padding:0 6px}.header-container{gap:3px 4px;padding:3px 6px}.brand-main-title{font-size:.85rem}.lesson-selector-wrap{max-width:140px}.lesson-select-input{padding:2px 20px 2px 6px;font-size:.7rem}.control-btn{gap:3px;height:24px;padding:2px 5px;font-size:.66rem}.theme-btn{width:22px;height:22px}.theme-btn svg{width:11px;height:11px}.profile-header-chip{height:24px;padding:1px 5px 1px 2px!important}.profile-chip-avatar{width:18px;height:18px;font-size:.68rem}.profile-chip-name{max-width:55px;font-size:.66rem}.flashcard-3d-card{min-height:310px}.card-hanzi-display{font-size:2.2rem!important}.card-face{padding:14px 10px}.time-display{min-width:28px;font-size:.65rem}.tianzige-grid{width:170px;height:170px}.tianzige-char-canvas{width:170px!important;height:170px!important}.result-stats-dashboard{grid-template-columns:1fr;gap:4px}.score-big-num{font-size:2.3rem}}.clickable-brand{cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast)}.clickable-brand:hover{opacity:.9;transform:translateY(-1px)}.home-nav-btn{font-weight:600;background:var(--bg-surface-elevated)!important;border-color:var(--border-highlight)!important;color:var(--primary)!important}.home-nav-btn:hover{background:var(--primary-surface)!important;border-color:var(--primary)!important}.portal-page{background-color:var(--bg-app);width:100%;min-height:100vh;color:var(--text-main);position:relative;overflow-x:hidden}.portal-navbar{z-index:100;background-color:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-normal);position:sticky;top:0}.portal-nav-container{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.portal-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;display:flex}.portal-logo-icon{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#f59e0b 100%);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 14px #ef444459}.portal-brand-text{flex-direction:column;display:flex}.portal-brand-title{font-family:var(--font-chinese);color:var(--text-main);letter-spacing:.02em;font-size:1.25rem;font-weight:800;line-height:1.1}.portal-brand-sub{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.portal-nav-links{align-items:center;gap:22px;display:flex}.portal-nav-link{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:6px 4px;font-size:.92rem;font-weight:600;position:relative}.portal-nav-link:hover{color:var(--primary)}.portal-nav-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.portal-action-btn{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.portal-action-btn:hover{border-color:var(--primary);color:var(--primary)}.portal-theme-group{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);align-items:center;gap:2px;padding:3px;display:flex}.portal-theme-pill{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.portal-theme-pill:hover{color:var(--text-main)}.portal-theme-pill.active{background:var(--bg-surface);color:var(--primary);box-shadow:0 1px 3px #0003}.portal-enter-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);border:none;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #dc262659}.portal-enter-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #dc262673}.portal-hero{text-align:center;border-bottom:1px solid var(--border-subtle);padding:80px 24px 60px;position:relative;overflow:hidden}.portal-hero-glow{filter:blur(120px);opacity:.25;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.glow-1{background:#ef4444;width:400px;height:400px;top:-100px;left:20%}.glow-2{background:#38bdf8;width:450px;height:450px;top:50px;right:15%}.portal-hero-container{z-index:1;flex-direction:column;align-items:center;max-width:980px;margin:0 auto;display:flex;position:relative}.portal-hero-badge{background:var(--primary-surface);border:1px solid var(--border-highlight);color:var(--primary);letter-spacing:.06em;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.76rem;font-weight:700;display:inline-flex}.badge-sparkle{color:var(--accent-amber)}.portal-hero-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 16px;font-size:2.85rem;font-weight:900;line-height:1.15}.portal-hero-title-sub{color:var(--primary);font-size:1.5rem;font-weight:700;font-family:var(--font-chinese);margin-top:8px;display:block}.portal-hero-desc{color:var(--text-muted);max-width:820px;margin:0 auto 36px;font-size:1.1rem;line-height:1.7}.portal-hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}.portal-btn-primary{color:#fff;cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#dc2626 0%,#ea580c 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #dc262659}.portal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #dc262673}.portal-btn-secondary{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;transition:all var(--transition-normal);border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;display:inline-flex}.portal-btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-surface)}.pulse-icon{animation:1.5s infinite pulseIcon}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.portal-highlights-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.highlight-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;display:inline-flex}.text-green{color:#10b981}.text-amber{color:#f59e0b}.text-blue{color:#38bdf8}.text-purple{color:#a855f7}.portal-section{max-width:1280px;margin:0 auto;padding:80px 24px}.portal-section-header{text-align:center;max-width:820px;margin:0 auto 50px}.section-tag{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-amber);background:var(--accent-amber-surface);border:1px solid #f59e0b40;border-radius:9999px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 14px;font-size:.74rem;font-weight:700;display:inline-flex}.portal-section-title{color:var(--text-main);margin:0 0 14px;font-size:2.15rem;font-weight:800;line-height:1.25}.portal-section-desc{color:var(--text-muted);margin:0;font-size:1.02rem;line-height:1.65}.portal-books-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:stretch;gap:22px;display:grid}.portal-book-card{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);flex-direction:column;padding:24px;display:flex;position:relative}.portal-book-card:hover{border-color:var(--border-highlight);transform:translateY(-4px);box-shadow:0 12px 28px #00000026}.portal-book-card.is-active-book{background:linear-gradient(160deg, #ef44440f 0%, #f59e0b14 100%), var(--bg-surface);border:2px solid #f59e0b;grid-column:span 1;box-shadow:0 12px 36px #f59e0b2e}.active-glow-border{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#ef4444,#f59e0b);border-radius:9999px;align-items:center;gap:6px;padding:3px 12px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:-12px;left:20px;box-shadow:0 4px 12px #ef444466}.live-pulse-dot{background-color:#fff;border-radius:50%;width:6px;height:6px;animation:1s infinite pulseDot}.book-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.book-number-badge{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.book-level-tag{background:var(--primary-surface);color:var(--primary);border:1px solid var(--border-highlight);border-radius:9999px;padding:4px 10px;font-size:.76rem;font-weight:700}.is-active-book .book-level-tag{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b59}.book-title-area{margin-bottom:14px}.book-title-zh{font-family:var(--font-chinese);color:var(--text-main);margin:0 0 4px;font-size:1.55rem;font-weight:800}.book-title-vi{color:var(--text-muted);margin:0;font-size:.98rem;font-weight:600}.book-specs-row{border-top:1px dashed var(--border-subtle);border-bottom:1px dashed var(--border-subtle);gap:12px;margin-bottom:14px;padding:10px 0;display:flex}.book-spec-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.book-target-highlight{color:var(--primary);margin:0 0 8px;font-size:.88rem;font-weight:700}.is-active-book .book-target-highlight{color:#f59e0b}.book-desc-text{color:var(--text-muted);flex-grow:1;margin:0 0 18px;font-size:.88rem;line-height:1.55}.book-features-box{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:18px;padding:12px 14px}.features-box-title{color:#f59e0b;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:.76rem;font-weight:700;display:flex}.features-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.features-list li{color:var(--text-main);align-items:center;gap:6px;font-size:.78rem;display:flex}.book-card-footer{margin-top:auto}.book-action-btn.active-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);background:linear-gradient(135deg,#ef4444 0%,#f59e0b 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.92rem;font-weight:700;display:flex;box-shadow:0 4px 14px #ef444459}.book-action-btn.active-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.upcoming-status-chip{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:100%;color:var(--text-faint);justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:600;display:flex}.pedagogy-timeline{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.timeline-step{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;padding:24px;display:flex;position:relative}.timeline-step.highlight-step{background:linear-gradient(160deg, #f59e0b0d 0%, #ef44440d 100%), var(--bg-surface);border-color:#f59e0b}.step-number{color:var(--text-faint);opacity:.35;margin-bottom:12px;font-size:2.5rem;font-weight:900;line-height:1}.step-badge{background:var(--bg-surface-elevated);color:var(--primary);border-radius:9999px;margin-bottom:10px;padding:3px 10px;font-size:.74rem;font-weight:700;display:inline-block}.step-badge.active-tag{color:#f59e0b;background:#f59e0b33}.step-title{color:var(--text-main);margin:0 0 10px;font-size:1.08rem;font-weight:700;line-height:1.35}.step-desc{color:var(--text-muted);flex-grow:1;margin:0;font-size:.88rem;line-height:1.6}.step-cta-link{color:#f59e0b;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;margin-top:16px;padding:0;font-size:.85rem;font-weight:700;display:inline-flex}.step-cta-link:hover{color:#ea580c;text-decoration:underline}.chinese-pillars-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.pillar-card{border-radius:var(--radius-lg);background-color:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;padding:24px;display:flex}.pillar-icon-box{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.bg-red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.bg-blue{background:linear-gradient(135deg,#38bdf8,#0284c7)}.bg-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-purple{background:linear-gradient(135deg,#a855f7,#7e22ce)}.pillar-title{color:var(--text-main);margin:0 0 10px;font-size:1.2rem;font-weight:700}.pillar-text{color:var(--text-muted);flex-grow:1;margin:0 0 16px;font-size:.9rem;line-height:1.65}.pillar-example-box{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;gap:6px;padding:12px;display:flex}.example-item{align-items:baseline;gap:8px;font-size:.82rem;display:flex}.ex-label{color:var(--text-faint);min-width:65px;font-weight:600}.ex-val{color:var(--text-main);font-weight:600}.tocfl-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-surface);overflow-x:auto;box-shadow:0 8px 24px #0000001a}.tocfl-table{border-collapse:collapse;text-align:left;width:100%;min-width:780px;font-size:.88rem}.tocfl-table th{background-color:var(--bg-surface-elevated);color:var(--text-main);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);padding:14px 16px;font-size:.82rem;font-weight:700}.tocfl-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);padding:14px 16px}.tocfl-table tr:hover td{background-color:var(--bg-surface-subtle)}.band-cell{background-color:var(--bg-surface-subtle);vertical-align:middle;border-right:1px solid var(--border-subtle);font-size:.9rem;color:var(--text-main)!important}.level-cell{align-items:center;gap:8px;display:flex}.level-code-tag{background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:.74rem;font-weight:700}.level-name-text{color:var(--text-main);font-weight:600}.vocab-cell strong{color:var(--accent-emerald)}.cefr-cell,.hsk-cell{color:var(--text-main);font-weight:600}.desc-cell{max-width:280px;line-height:1.5}.table-course-text{color:var(--text-faint);font-weight:600}.table-enter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ef4444,#f59e0b);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ef44444d}.table-enter-btn:hover{transform:translateY(-1px)}.highlight-tocfl-row td{background-color:#f59e0b14!important}.portal-roadmap-card{border-radius:var(--radius-xl);background:linear-gradient(150deg, #38bdf80d 0%, #f59e0b0d 100%), var(--bg-surface);border:1px solid var(--border-highlight);padding:40px;box-shadow:0 12px 36px #00000026}.roadmap-card-header{text-align:center;max-width:800px;margin:0 auto 36px}.roadmap-badge{background:var(--primary-surface);border:1px solid var(--border-highlight);color:var(--primary);letter-spacing:.05em;border-radius:9999px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.74rem;font-weight:700;display:inline-flex}.roadmap-title{color:var(--text-main);margin:0 0 12px;font-size:2rem;font-weight:800}.roadmap-desc{color:var(--text-muted);margin:0;font-size:.98rem;line-height:1.65}.roadmap-steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:36px;display:grid}.roadmap-mini-card{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;padding:20px;display:flex}.mini-card-icon{background:var(--primary-surface);width:32px;height:32px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:800;display:flex}.mini-card-title{color:var(--text-main);margin:0 0 6px;font-size:1rem;font-weight:700}.mini-card-text{color:var(--text-muted);flex-grow:1;margin:0 0 12px;font-size:.82rem;line-height:1.5}.mini-card-status{background:var(--bg-surface);color:var(--accent-amber);border:1px solid #f59e0b33;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.roadmap-callout{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ef44441f 0%,#f59e0b1f 100%);border:1px solid #f59e0b4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;display:flex}.callout-content h3{color:var(--text-main);margin:0 0 6px;font-size:1.25rem;font-weight:800}.callout-content p{color:var(--text-muted);max-width:600px;margin:0;font-size:.92rem}.portal-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated);padding:60px 24px 30px}.portal-footer-container{max-width:1280px;margin:0 auto}.portal-footer-top{grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand-desc{color:var(--text-muted);max-width:440px;margin-top:14px;font-size:.88rem;line-height:1.6}.footer-col-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.04em;margin:0 0 16px;font-size:.92rem;font-weight:700}.footer-links-col ul{color:var(--text-muted);flex-direction:column;gap:10px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.footer-link-btn{color:#f59e0b;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700}.footer-link-btn:hover{text-decoration:underline}.portal-footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;font-size:.82rem;display:flex}.back-to-top-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.back-to-top-btn:hover{color:var(--primary)}@media (max-width:1024px){.portal-nav-links{display:none}.portal-footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand-col{grid-column:span 2}}@media (max-width:768px){.portal-navbar{padding:8px 12px}.portal-nav-container{padding:6px 12px}.portal-hero{padding:40px 16px 36px}.portal-hero-title{font-size:2rem}.portal-hero-title-sub{font-size:1.15rem}.portal-hero-desc{margin-bottom:24px;font-size:.95rem}.portal-btn-primary,.portal-btn-secondary{justify-content:center;width:100%;padding:12px 18px;font-size:.92rem}.portal-section{padding:50px 16px}.portal-section-title{font-size:1.65rem}.portal-books-grid{grid-template-columns:1fr}.portal-roadmap-card{padding:24px 16px}.roadmap-callout{flex-direction:column;align-items:stretch}.portal-footer-top{grid-template-columns:1fr;gap:24px}.footer-brand-col{grid-column:span 1}}.book-switcher-pill-group{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}.book-switch-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:700}.book-switch-btn:hover{color:var(--text-main)}.book-switch-btn.active-book{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 2px 8px #2563eb59}.portal-btn-b4{background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%)!important;box-shadow:0 8px 24px #2563eb59!important}.portal-btn-b4:hover{box-shadow:0 12px 28px #2563eb73!important}.issue-report-fab{z-index:1000;color:#fff;cursor:pointer;min-height:48px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#0369a1,#2563eb);border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:750;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 26px #0284c761}.issue-report-fab:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0284c77a}.issue-report-fab:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.issue-report-close:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.issue-report-submit:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.issue-report-send-email:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.issue-report-done:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.issue-report-status-action:focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.issue-report-backdrop{z-index:11000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030712c2;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.issue-report-modal{border:1px solid var(--border-highlight);background:var(--bg-surface-glass);width:min(100%,540px);max-height:min(90vh,780px);color:var(--text-main);box-shadow:var(--shadow-lg);border-radius:20px;padding:28px;position:relative;overflow-y:auto}.issue-report-close{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.issue-report-heading{align-items:flex-start;gap:14px;padding-right:34px;display:flex}.issue-report-heading-icon,.issue-report-success-icon{background:var(--primary-surface);width:44px;height:44px;color:var(--primary);border-radius:13px;flex:none;place-items:center;display:grid}.issue-report-heading h2,.issue-report-success h2{margin:1px 0 6px;font-size:1.25rem}.issue-report-heading p,.issue-report-success p{color:var(--text-muted);margin:0;line-height:1.55}.issue-report-context{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.issue-report-context span{border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);color:var(--text-muted);border-radius:999px;padding:6px 9px;font-size:.77rem}.issue-report-form{gap:9px;display:grid}.issue-report-form label{color:var(--text-main);margin-top:4px;font-size:.88rem;font-weight:700}.issue-report-form select,.issue-report-form textarea{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-main);font:inherit;border-radius:10px;padding:11px 12px}.issue-report-form textarea{resize:vertical;min-height:130px}.issue-report-form select:focus,.issue-report-form textarea:focus{outline:2px solid var(--border-focus);outline-offset:1px}.issue-report-storage-note{color:var(--text-faint);margin:3px 0 6px;font-size:.78rem;line-height:1.5}.issue-report-error{color:var(--accent-rose);margin:0;font-size:.84rem}.issue-report-submit,.issue-report-send-email,.issue-report-done{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#0284c7,#2563eb);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:750;text-decoration:none;display:inline-flex}.issue-report-submit:hover,.issue-report-send-email:hover,.issue-report-done:hover{filter:brightness(1.08)}.issue-report-success{flex-direction:column;align-items:flex-start;gap:13px;padding-top:4px;display:flex}.issue-report-success-icon{background:var(--accent-emerald-surface);color:var(--accent-emerald)}.issue-report-success .issue-report-done{background:var(--bg-surface-elevated);min-width:92px;color:var(--text-main)}.issue-report-admin-list .section-header-banner{margin-bottom:16px}.issue-report-admin-cards{gap:12px;display:grid}.issue-report-admin-card{border:1px solid var(--border-highlight);background:var(--bg-surface);border-radius:14px;padding:17px}.issue-report-admin-card.report-resolved{opacity:.78;border-color:var(--border-subtle)}.issue-report-admin-card-head,.issue-report-admin-card-head>div{align-items:center;gap:10px;display:flex}.issue-report-admin-card-head{justify-content:space-between}.issue-report-admin-card-head time,.issue-report-admin-context{color:var(--text-faint);font-size:.78rem}.issue-report-status{border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:750}.issue-report-status.status-new{background:var(--accent-amber-surface);color:var(--accent-amber)}.issue-report-status.status-resolved{background:var(--accent-emerald-surface);color:var(--accent-emerald)}.issue-report-admin-context{margin:11px 0 6px}.issue-report-admin-details{color:var(--text-main);white-space:pre-wrap;margin:8px 0 14px;line-height:1.55}.issue-report-status-action{border:1px solid var(--border-subtle);background:var(--bg-surface-elevated);color:var(--text-main);font:inherit;cursor:pointer;border-radius:8px;padding:7px 10px;font-size:.8rem;font-weight:650}@media (max-width:640px){.issue-report-fab{min-height:44px;padding:0 13px;bottom:14px;right:14px}.issue-report-modal{padding:22px 17px}.issue-report-admin-card-head{flex-direction:column;align-items:flex-start;gap:7px}}