:root{--font-sans: "Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Be Vietnam Pro", sans-serif;--font-handwriting: "Be Vietnam Pro", sans-serif;--font-chinese: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-pinyin: "Be Vietnam Pro", "Inter", "Segoe UI", Roboto, sans-serif;--nav-height: 70px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--container-width: 1200px;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}html{--font-sans: "Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Be Vietnam Pro", sans-serif;--font-chinese: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--font-pinyin: "Be Vietnam Pro", "Inter", "Segoe UI", Roboto, sans-serif;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 36px;--bg-primary: transparent;--bg-secondary: rgba(255, 255, 255, .65);--bg-card: rgba(255, 255, 255, .65);--bg-glass: rgba(255, 255, 255, .65);--border-glass: #e5e7eb;--border-glass-hover: #58cc02;--text-primary: #2b3a4a;--text-secondary: #52657a;--text-muted: #8b9eb0;--accent-primary: #58cc02;--accent-primary-hover: #46a302;--accent-blue: #1cb0f6;--accent-purple: #ce82ff;--accent-amber: #ffc800;--accent-rose: #ff4b4b;--card-bg-front: #ffffff;--card-bg-back: #eef8ff;--success: #58cc02;--success-bg: #e5f9d3;--warning: #ffb100;--warning-bg: #fff5d6;--danger: #ff4b4b;--danger-bg: #ffe5e5;--shadow-sm: 0 3px 0 #e5e7eb;--shadow-md: 0 5px 0 #d1d5db;--shadow-lg: 0 8px 0 #9ca3af;--shadow-glow: 0 6px 20px rgba(88, 204, 2, .25);--btn-3d-green: 0 4px 0 #46a302;--btn-3d-blue: 0 4px 0 #1899d6;--btn-3d-amber: 0 4px 0 #e5b200;--btn-3d-purple: 0 4px 0 #b45be6;--scrollbar-thumb: #cbd5e1;--scrollbar-track: transparent}html.dark{--bg-primary: transparent;--bg-secondary: rgba(15, 23, 42, .55);--bg-card: rgba(15, 23, 42, .55);--bg-glass: rgba(15, 23, 42, .55);--border-glass: #2b4550;--border-glass-hover: #58cc02;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--card-bg-front: rgba(15, 23, 42, .55);--card-bg-back: rgba(15, 23, 42, .55);--shadow-sm: 0 3px 0 rgba(0,0,0,.2);--shadow-md: 0 5px 0 rgba(0,0,0,.3);--shadow-lg: 0 8px 0 rgba(0,0,0,.4);--shadow-glow: 0 6px 25px rgba(88, 204, 2, .35);--scrollbar-thumb: #2b4550;--scrollbar-track: #131f24}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}body{font-family:var(--font-sans);background:url(/assets/app_bg_night_v3.png) no-repeat center center fixed / cover!important;color:var(--text-primary);line-height:1.6;transition:background .5s ease-in-out,color var(--transition-normal);padding-bottom:80px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--border-glass);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-panel:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hsk-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.03em;box-shadow:0 4px 12px #00000026;text-transform:uppercase}.hsk-badge-1{background:var(--hsk-1, linear-gradient(135deg, #10b981, #059669))}.hsk-badge-2{background:var(--hsk-2, linear-gradient(135deg, #06b6d4, #0891b2))}.hsk-badge-3{background:var(--hsk-3, linear-gradient(135deg, #3b82f6, #2563eb))}.hsk-badge-4{background:var(--hsk-4, linear-gradient(135deg, #8b5cf6, #7c3aed))}.hsk-badge-5{background:var(--hsk-5, linear-gradient(135deg, #f59e0b, #d97706))}.hsk-badge-6{background:var(--hsk-6, linear-gradient(135deg, #ef4444, #dc2626))}.app-sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;z-index:200;background:#0f172a99!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-right:1px solid rgba(255,255,255,.15)!important;display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;transition:all var(--transition-normal)}.navbar{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.nav-container{max-width:var(--container-width);margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-logo-img{height:52px;width:auto;object-fit:contain;transition:transform var(--transition-fast);filter:drop-shadow(0 0 1px rgba(255,255,255,.4))}html.dark .brand-logo-img{filter:drop-shadow(0 0 2px rgba(255,255,255,.8))}.brand-logo-img:hover{transform:scale(1.03)}.nav-links{display:flex;list-style:none;gap:8px;height:100%;align-items:center}.nav-link{font-weight:500;font-size:.95rem;color:var(--text-secondary);padding:10px 16px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#3b82f614}.nav-chevron{font-size:.75rem;transition:transform var(--transition-fast)}.dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:200px;padding:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all var(--transition-fast);list-style:none}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown:hover .nav-chevron{transform:rotate(180deg)}.dropdown-menu li a{display:block;padding:10px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all var(--transition-fast)}.dropdown-menu li a:hover{background:#3b82f614;color:var(--text-primary)}.nav-right{display:flex;align-items:center;gap:16px}.theme-toggle-btn{background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.theme-toggle-btn:hover{background:#ffffff14;color:var(--text-primary);transform:scale(1.05)}.auth-container{display:flex;align-items:center;border-left:1px solid var(--border-glass);padding-left:16px;height:40px}.logged-out-view{display:flex;align-items:center;gap:12px}#demo-login-btn{height:36px;padding:0 12px;font-size:.85rem;border-radius:var(--radius-sm);background-color:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-secondary);font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-fast)}#demo-login-btn:hover{background-color:#3b82f614;border-color:var(--text-muted);color:var(--text-primary)}#google-signin-button{height:36px;display:flex;align-items:center}.auth-container.logged-out .logged-in-view,.auth-container.logged-in .logged-out-view{display:none!important}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.user-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-blue);box-shadow:var(--shadow-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;font-family:var(--font-display)}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-dropdown{position:relative;height:100%;display:flex;align-items:center}.profile-chevron{font-size:.75rem;color:var(--text-muted);transition:transform var(--transition-fast)}.profile-dropdown-menu{position:absolute;top:calc(100% + 15px);right:0;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:160px;padding:6px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all var(--transition-fast);list-style:none;z-index:200}.user-dropdown.show-menu .profile-dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.user-dropdown.show-menu .profile-chevron{transform:rotate(180deg)}.profile-dropdown-menu li a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all var(--transition-fast)}.profile-dropdown-menu li a:hover{background:#3b82f61a;color:var(--accent-blue)}.profile-dropdown-menu li a.logout-link:hover{background:#ef444414;color:var(--danger)}.main-layout{width:100%!important;max-width:none!important;margin:0!important;padding:40px 24px;box-sizing:border-box!important}.hero-banner{background:linear-gradient(135deg,#1d4ed8,#06b6d4,#7c3aed);border-radius:var(--radius-xl);padding:60px 40px;text-align:center;color:#fff;margin-bottom:48px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow)}.hero-banner:before{content:"";position:absolute;top:-30%;left:-20%;width:60%;height:120%;background:radial-gradient(circle,#ffffff1f,#fff0 70%);transform:rotate(-15deg);pointer-events:none}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 16px;border-radius:50px;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:24px;border:1px solid rgba(255,255,255,.15)}.hero-title{font-family:var(--font-display);font-size:3.25rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em;text-shadow:0 4px 12px rgba(0,0,0,.15)}.hero-subtitle{font-size:1.15rem;opacity:.9;max-width:650px;margin:0 auto 32px;font-weight:400}.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);gap:8px}.sidebar-section-label{font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:14px 14px 6px}.sidebar-group{margin-bottom:2px}.sidebar-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .2s ease}.sidebar-dropdown-toggle:hover{background:#3b82f614;color:var(--text-primary)}.sidebar-dropdown-toggle .dropdown-arrow{font-size:.75rem;transition:transform .25s ease;margin-left:auto}.sidebar-group.open .sidebar-dropdown-toggle .dropdown-arrow{transform:rotate(180deg)}.sidebar-submenu{list-style:none;display:none;flex-direction:column;gap:2px;padding-left:18px;margin-top:4px}.sidebar-group.open .sidebar-submenu{display:flex}.sidebar-subitem{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sidebar-subitem:hover{background:#3b82f61f;color:var(--accent-blue);transform:translate(3px)}.badge-vip{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;font-weight:800;padding:1px 6px;border-radius:6px;margin-left:6px}.sidebar-upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#0f172a!important;font-weight:800!important;box-shadow:0 4px 12px #f59e0b4d!important;border:1px solid #f59e0b!important}.sidebar-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66!important}.btn-lg{padding:14px 28px;border-radius:var(--radius-lg);font-size:1.05rem}.btn-sm{padding:6px 12px;border-radius:var(--radius-sm);font-size:.85rem}.btn-primary{background-color:#fff;color:var(--accent-blue);box-shadow:0 4px 14px #0000001a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background-color:#f8fafc}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}.btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background-color:#3b82f614;border-color:var(--text-muted)}.circle-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.circle-btn:hover{transform:scale(1.08);border-color:var(--text-muted);box-shadow:var(--shadow-md);color:var(--accent-blue)}.workspace-section{margin-bottom:48px;scroll-margin-top:calc(var(--nav-height) + 20px)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:20px}.section-title{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:12px}.section-desc{color:var(--text-secondary);font-size:.95rem}.stats-summary-widget{display:flex;gap:12px;flex-wrap:wrap}.widget-item{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:12px 20px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm);min-width:110px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.widget-item[data-status]:hover{transform:translateY(-2px);border-color:var(--accent-blue);background-color:#3b82f614;box-shadow:var(--shadow-md)}.widget-item[data-status]:active{transform:translateY(0)}.study-row-btn:hover{background-color:var(--success)!important;color:#fff!important}.star-row-btn{background:#f59e0b1a;color:var(--text-secondary)}.star-row-btn.active{background-color:var(--warning)!important;color:#1e1b1b!important}.star-row-btn.active:hover{background-color:var(--warning)!important;color:#1e1b1b!important;opacity:.9}.star-row-btn:hover:not(.active){background-color:#f59e0b40!important;color:var(--warning)!important}.check-row-btn{background:#10b9811a;color:var(--text-secondary)}.check-row-btn.active{background-color:var(--success)!important;color:#fff!important}.check-row-btn.active:hover{background-color:var(--success)!important;color:#fff!important;opacity:.9}.check-row-btn:hover:not(.active){background-color:#10b98140!important;color:var(--success)!important}.speak-row-btn:hover{background-color:var(--accent-blue)!important;color:#fff!important}.list-tab-btn{padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.list-tab-btn:hover{background:#ffffff0d;color:var(--text-primary);border-color:#fff3}.list-tab-btn.active{background:#3b82f626!important;color:var(--text-primary)!important;border-color:var(--accent-blue)!important;box-shadow:0 0 10px #3b82f633}.widget-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.widget-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.text-warning{color:var(--warning)}.text-muted{color:var(--text-muted)}.controls-dashboard{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:20px 24px;margin-bottom:32px}@media (max-width: 900px){.controls-dashboard{grid-template-columns:1fr;gap:16px}}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.level-tabs{display:flex;gap:6px;flex-wrap:wrap}.level-tab{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.level-tab:hover{background:#3b82f60d;color:var(--text-primary);border-color:var(--text-muted)}.level-tab.active{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:0 4px 10px #3b82f64d}.form-select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:9px 12px;font-size:.9rem;font-weight:500;outline:none;cursor:pointer;transition:border var(--transition-fast)}.form-select:focus{border-color:var(--accent-blue)}.select-sm{padding:6px 8px;font-size:.8rem}.select-voice{max-width:180px}.inline-controls{flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap}.autoplay-wrap,.tts-voice-wrap{display:flex;align-items:center;gap:8px;height:38px}.search-container{margin-bottom:24px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-muted);font-size:1rem}.search-box input{width:100%;background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px 16px 14px 44px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.search-box input:focus{border-color:var(--accent-blue);box-shadow:var(--shadow-glow),var(--shadow-md);background:var(--bg-secondary)}.clear-btn{position:absolute;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:4px}.clear-btn:hover{color:var(--text-primary)}.flashcard-workspace{max-width:650px;margin:0 auto}.card-viewport{position:relative;display:flex;flex-direction:column;gap:24px;align-items:center}.progress-bar-container{width:100%;height:8px;background-color:#3b82f614;border-radius:var(--radius-sm);overflow:hidden;position:relative;display:flex;align-items:center;margin-top:10px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-teal));border-radius:var(--radius-sm);transition:width var(--transition-normal);box-shadow:0 0 10px #06b6d466}.progress-text{position:absolute;right:8px;font-size:.7rem;font-weight:700;color:var(--text-muted)}.flashcard-card-container{width:100%;perspective:1200px;height:360px}.flashcard-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform var(--transition-slow);cursor:pointer}.flashcard-card.flipped{transform:rotateY(180deg)}.card-side{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl);padding:32px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-lg);border:1px solid var(--border-glass);box-sizing:border-box}.card-front{background:var(--card-bg-front)}.card-back{background:var(--card-bg-back);transform:rotateY(180deg)}.card-header-tags{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-flex;padding:6px 12px;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase}.badge-level{background:#3b82f626;color:var(--accent-blue)}.badge-category{background:#8b5cf626;color:var(--accent-purple)}.card-content-main{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.chinese-word{font-family:var(--font-chinese);font-size:5.5rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;line-height:1;-webkit-user-select:none;user-select:none}.pinyin-text,.card-pinyin,.card-pinyin-back,.vocab-pinyin,.word-pinyin,.dict-pinyin,.q-pinyin,.vd-pinyin,.char-pinyin,.flashcard-pinyin,.table-pinyin,.detail-pinyin,.dict-popular-pinyin,.pinyin-card,.recent-pinyin,.recent-title-pinyin,#quiz-pinyin,[class*=pinyin],[class*=Pinyin],[data-pinyin]{font-family:var(--font-pinyin),"Be Vietnam Pro","Inter","Segoe UI",Roboto,sans-serif!important}.pinyin-text{font-family:var(--font-pinyin),"Be Vietnam Pro","Inter","Segoe UI",Roboto,sans-serif!important;font-size:2.2rem;font-weight:700;color:var(--accent-teal);margin-bottom:8px;-webkit-user-select:none;user-select:none}.meaning-text{font-size:1.35rem;font-weight:500;color:var(--text-primary);margin-bottom:20px}.example-box{background:#00000026;border-radius:var(--radius-md);padding:16px 20px;width:100%;max-width:480px;text-align:left}.example-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.example-zh{font-family:var(--font-sans);font-size:1.15rem;color:var(--text-primary);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;gap:12px}.example-vi{font-size:.95rem;color:var(--text-secondary);font-style:italic}.speak-example-btn{background:none;border:none;color:var(--accent-teal);cursor:pointer;font-size:.9rem;padding:4px;transition:all var(--transition-fast)}.speak-example-btn:hover{color:#fff;transform:scale(1.1)}.card-action-bar{display:flex;justify-content:space-between;align-items:center}.speak-btn{background:#3b82f61a;color:var(--accent-blue);border-color:#3b82f633}.speak-btn:hover{background-color:var(--accent-blue);color:#fff}.click-hint{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px}.placeholder-icon{width:48px}.card-hud-controls{display:flex;align-items:center;gap:16px;width:100%;justify-content:space-between;margin-top:10px}.btn-hud{flex-grow:1;max-width:160px;background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-glass);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:.9rem;border-radius:50px}.btn-hud:hover{color:var(--text-primary);border-color:var(--text-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mark-btn.active{background-color:var(--success-bg);border-color:var(--success);color:var(--success);font-weight:700}.mark-btn.active:hover{background-color:var(--success);color:#fff}.star-btn.active{background-color:var(--warning-bg);border-color:var(--warning);color:var(--warning);font-weight:700}.star-btn.active:hover{background-color:var(--warning);color:#fff}.unmark-btn.active{background-color:var(--danger-bg);border-color:var(--danger);color:var(--danger);font-weight:700}.unmark-btn.active:hover{background-color:var(--danger);color:#fff}.card-page-indicator{font-size:.85rem;color:var(--text-muted);font-weight:600}.empty-state{width:100%;height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-icon{font-size:3.5rem;color:var(--text-muted);margin-bottom:20px;opacity:.6}.empty-state h3{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:.9rem;max-width:320px;margin-bottom:24px}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 900px){.grid-layout{grid-template-columns:1fr;gap:24px}}.panel-header{margin-bottom:24px}.panel-header h3{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:10px}.panel-header p{color:var(--text-secondary);font-size:.85rem}.text-primary{color:var(--accent-blue)}.text-success{color:var(--success)}.add-word-form{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-item{display:flex;flex-direction:column;gap:6px}.form-item.full-width{grid-column:span 2}@media (max-width: 500px){.form-item.full-width{grid-column:span 1}.form-grid{grid-template-columns:1fr}}.form-item label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.required{color:var(--danger)}.form-item input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;outline:none;transition:all var(--transition-fast)}.form-item input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.custom-words-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.custom-words-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.custom-words-table th{background-color:#3b82f60d;color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border-glass)}.custom-words-table td{padding:12px 16px;border-bottom:1px solid var(--border-glass);color:var(--text-primary)}.custom-words-table tbody tr:last-child td{border-bottom:none}.custom-words-table tbody tr:hover{background-color:#ffffff05}.table-empty{text-align:center;color:var(--text-muted);font-style:italic;padding:30px!important}.delete-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1rem;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.delete-btn:hover{background-color:var(--danger-bg);transform:scale(1.1)}.hotkeys-section{padding:24px;margin-top:48px}.hotkeys-section h4{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.hotkeys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.hotkey-item{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.key-badge{background:var(--bg-secondary);border:1px solid var(--border-glass);border-bottom:2px solid var(--scrollbar-thumb);padding:2px 8px;border-radius:4px;font-family:monospace;font-weight:700;font-size:.8rem;color:var(--text-primary)}.toast{position:fixed;bottom:24px;left:24px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);border-left:4px solid var(--accent-blue);padding:12px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;opacity:0;transform:translateY(20px);pointer-events:none;transition:all var(--transition-normal)}.toast.show{opacity:1;transform:translateY(0)}@keyframes logoPulse{0%{transform:scale(1);filter:drop-shadow(0 0 0px rgba(229,62,62,0))}to{transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(229,62,62,.6))}}.level-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.level-card{padding:32px 24px;display:flex;flex-direction:column;gap:16px;position:relative;transition:transform var(--transition-fast),border-color var(--transition-fast)}.level-card:hover{transform:translateY(-5px);border-color:var(--accent-blue);box-shadow:var(--shadow-md),var(--shadow-glow)}.level-card h3{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.level-desc{color:var(--text-secondary);font-size:.9rem;flex-grow:1}.level-meta{display:flex;gap:16px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.level-meta i{color:var(--accent-blue)}.btn-full{width:100%}.exam-papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.exam-paper-card{padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform var(--transition-fast),border-color var(--transition-fast)}.exam-paper-card:hover{transform:translateY(-4px);border-color:var(--accent-blue)}.exam-paper-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.exam-paper-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.exam-paper-status{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.status-todo{background:var(--border-glass);color:var(--text-secondary)}.status-done{background:var(--success-bg);color:var(--success)}.exam-player-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin-bottom:24px}.player-header-left{display:flex;align-items:center;gap:12px}.player-header-left h3{font-family:var(--font-display);font-size:1.35rem}.exam-timer-widget{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--warning);display:flex;align-items:center;gap:8px}.exam-timer-widget.warning-time{color:var(--danger);animation:timerWarning 1s infinite alternate}@keyframes timerWarning{0%{transform:scale(1)}to{transform:scale(1.05)}}.exam-player-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}@media (max-width: 900px){.exam-player-layout{grid-template-columns:1fr}}.exam-player-nav{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.exam-player-nav h4{font-family:var(--font-display);font-weight:700;font-size:1.05rem;border-bottom:1px solid var(--border-glass);padding-bottom:8px}.nav-sections-wrap{display:flex;flex-direction:column;gap:16px}.nav-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.nav-questions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.q-btn{height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.q-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.q-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.q-btn.answered{background:var(--success-bg);border-color:var(--success);color:var(--success)}.q-btn.answered.active{background:var(--success);color:#fff;border-color:var(--success)}.exam-player-main{padding:32px;display:flex;flex-direction:column;gap:24px}.question-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-glass);padding-bottom:12px}.question-header span{font-family:var(--font-display);font-weight:600;color:var(--text-secondary)}.question-body{flex-grow:1;display:flex;flex-direction:column;gap:16px}.question-audio-container{display:flex;align-items:center;gap:12px}.audio-hint{font-size:.85rem;color:var(--text-muted)}.question-text{font-size:1.25rem;font-weight:500;line-height:1.5;color:var(--text-primary)}.question-options-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.option-item{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.option-item:hover{border-color:var(--border-glass-hover);background:#3b82f60a}.option-item.selected{border-color:var(--accent-blue);background:#3b82f614}.option-item input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-blue)}.option-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.submit-exam-btn{background-color:var(--success);color:#fff}.submit-exam-btn:hover{background-color:#059669}.result-header-panel{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.result-badge-wrap{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.result-status-badge{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:#fff;box-shadow:var(--shadow-sm)}.result-status-badge.pass{background:var(--success);box-shadow:0 0 20px #10b98166}.result-status-badge.fail{background:var(--danger);box-shadow:0 0 20px #ef444466}.result-stats-row{display:flex;gap:24px;margin:16px 0;flex-wrap:wrap;justify-content:center}.result-stat-box{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:16px 28px;display:flex;flex-direction:column;align-items:center;min-width:140px}.result-stat-box .stat-num{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary)}.result-stat-box .stat-lbl{font-size:.8rem;color:var(--text-muted);font-weight:600}.result-review-panel{padding:32px}.review-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:24px}.review-questions-list{display:flex;flex-direction:column;gap:24px}.review-q-item{padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-secondary)}.review-q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--border-glass);padding-bottom:8px}.review-q-header .q-num{font-family:var(--font-display);font-weight:700;font-size:1rem}.review-options-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.rev-option{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);font-size:.95rem}.rev-option.correct{border-color:var(--success);background:var(--success-bg);color:var(--success);font-weight:600}.rev-option.wrong{border-color:var(--danger);background:var(--danger-bg);color:var(--danger);font-weight:600}.explanation-box{margin-top:16px;padding:16px;border-radius:var(--radius-md);background:#3b82f60f;border-left:4px solid var(--accent-blue)}html.dark .explanation-box{background:#3b82f61a}.explanation-box h5{font-family:var(--font-display);font-weight:700;color:var(--accent-blue);margin-bottom:6px}.explanation-box p{font-size:.9rem;color:var(--text-secondary);line-height:1.45}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:12px;border-bottom:1px solid var(--border-glass)}.stats-table tr{transition:background-color var(--transition-fast)}.stats-table tr:hover{background:#ffffff05}html:not(.dark) .stats-table tr:hover{background:#00000003}.segmented-control{border:1px solid var(--border-glass);background:var(--bg-glass)}.segmented-control button{background:transparent;color:var(--text-secondary);border:none;cursor:pointer;font-weight:600;transition:all var(--transition-fast)}.segmented-control button.active-mode{background:var(--accent-blue)!important;color:#fff!important;box-shadow:0 4px 10px #3b82f640}.attempt-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:var(--scrollbar-thumb);transition:background-color .2s,transform .2s}.attempt-dot.active-dot{background-color:var(--success);box-shadow:0 0 8px #10b98166}.attempt-dot.active-dot.warning-dot{background-color:var(--warning);box-shadow:0 0 8px #f59e0b66}.attempt-dot.active-dot.danger-dot{background-color:var(--danger);box-shadow:0 0 8px #ef444466}.typing-card-container{display:flex;flex-direction:column;justify-content:space-between;animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.correct-glow{border-color:var(--success)!important;box-shadow:0 0 15px #10b9814d!important}.incorrect-glow{border-color:var(--danger)!important;box-shadow:0 0 15px #ef44444d!important}.custom-lists-container{margin-top:20px}.list-pill{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-size:.9rem}.list-pill:hover{border-color:var(--border-glass-hover);color:var(--text-primary);background:#ffffff08}html:not(.dark) .list-pill:hover{background:#00000005}.list-pill.active-list{background:linear-gradient(135deg,#3b82f61f,#3b82f60d);border-color:var(--accent-blue);color:var(--accent-blue);font-weight:600;box-shadow:var(--shadow-sm)}.list-pill-actions{display:flex;gap:6px;opacity:.3;transition:opacity var(--transition-fast)}.list-pill:hover .list-pill-actions,.list-pill.active-list .list-pill-actions{opacity:1}.list-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;font-size:.8rem;transition:color var(--transition-fast),transform var(--transition-fast)}.list-action-btn:hover{transform:scale(1.15)}.list-action-btn.study-btn:hover{color:var(--success)}.list-action-btn.delete-btn:hover{color:var(--danger)}.list-word-count{font-size:.75rem;background:var(--border-glass);padding:2px 8px;border-radius:20px;color:var(--text-muted)}@media (max-width: 900px){.custom-lists-container{grid-template-columns:1fr!important}}.card-viewport.typing-mode-active .flashcard-card-container{height:460px!important}.card-viewport.typing-mode-active #mark-memorized-btn,.card-viewport.typing-mode-active #mark-unmemorized-btn,.card-viewport.typing-mode-active #mark-starred-btn{display:none!important}.chatbot-widget{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:var(--font-sans)}.chatbot-toggle-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-teal) 100%);border:none;color:#fff;font-size:1.6rem;cursor:pointer;box-shadow:0 4px 16px #00000040,var(--shadow-glow);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;position:relative}.chatbot-toggle-btn:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 20px #0000004d,0 0 25px #3b82f666}.chatbot-toggle-btn:active{transform:scale(.95)}.chatbot-badge{position:absolute;top:-2px;right:-2px;background-color:var(--danger);color:#fff;font-size:.75rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm);animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.chatbot-panel{position:absolute;bottom:76px;right:0;width:380px;height:520px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-glass);box-shadow:var(--shadow-lg),0 10px 30px #00000026;animation:slideInUp .3s cubic-bezier(.16,1,.3,1);transform-origin:bottom right}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.rad-tab-btn{background:#ffffff0d;color:var(--text-muted, #94a3b8);border:1px solid rgba(255,255,255,.12);padding:8px 18px;border-radius:99px;font-weight:700;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.rad-tab-btn:hover{background:#2563eb26;color:#3b82f6;border-color:#2563eb4d}.rad-tab-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb59}.chatbot-header{padding:16px 20px;background:#0003;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.chatbot-title-wrap{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:38px;height:38px;border-radius:50%;background:#3b82f626;color:var(--accent-blue);display:flex;align-items:center;justify-content:center;font-size:1.15rem;border:1px solid rgba(59,130,246,.25);box-shadow:0 0 10px #3b82f61a}.chatbot-name{font-family:var(--font-display);font-size:.95rem;font-weight:700;margin:0;color:var(--text-primary)}.chatbot-status{font-size:.7rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.status-dot{width:6px;height:6px;background-color:var(--success);border-radius:50%;display:inline-block;box-shadow:0 0 6px var(--success)}.chatbot-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:color var(--transition-fast);padding:4px}.chatbot-close-btn:hover{color:var(--danger)}.chatbot-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:#0000000d}.chat-message{max-width:80%;padding:10px 14px;border-radius:var(--radius-md);font-size:.88rem;line-height:1.5;word-wrap:break-word;box-shadow:var(--shadow-sm);white-space:pre-line}.chat-message.bot{align-self:flex-start;background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-glass)}.chat-message.bot strong{color:var(--accent-teal)}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%);color:#fff;border-bottom-right-radius:4px}.chatbot-typing{align-self:flex-start;background:var(--bg-secondary);padding:10px 18px;border-radius:var(--radius-md);border-bottom-left-radius:4px;border:1px solid var(--border-glass);display:flex;gap:4px;align-items:center;margin-left:20px;margin-bottom:14px}.chatbot-typing .dot{width:6px;height:6px;background-color:var(--text-muted);border-radius:50%;display:inline-block;animation:bounceDot 1.4s infinite ease-in-out both}.chatbot-typing .dot:nth-child(1){animation-delay:-.32s}.chatbot-typing .dot:nth-child(2){animation-delay:-.16s}@keyframes bounceDot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chatbot-input-area{padding:12px 16px;border-top:1px solid var(--border-glass);background:#00000026;display:flex;gap:8px}.chatbot-input-area input{flex-grow:1;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0003;color:var(--text-primary);outline:none;font-size:.88rem;transition:border-color var(--transition-fast)}.chatbot-input-area input:focus{border-color:var(--accent-blue);background:#0000004d}.chatbot-input-area button{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-blue);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.chatbot-input-area button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.chatbot-input-area button:active{transform:translateY(0)}@media (max-width: 450px){.chatbot-panel{width:calc(100vw - 32px);right:-8px;height:450px}}.chatbot-header-action-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast);padding:4px;display:flex;align-items:center;justify-content:center}.chatbot-header-action-btn:hover{color:var(--accent-blue);transform:scale(1.15)}.review-banner-container{width:100%}.review-banner{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden;transition:all var(--transition-fast)}.review-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);z-index:1;pointer-events:none}.review-banner-content{display:flex;align-items:baseline;gap:10px;z-index:2}.review-banner-title{font-family:var(--font-display);font-size:2.8rem;font-weight:800;color:#fff;margin:0;line-height:1;text-shadow:0 2px 10px rgba(59,130,246,.3)}.review-banner-text{font-size:1.1rem;font-weight:500;color:var(--text-secondary);margin:0}.review-banner-panda{font-size:2.5rem;color:var(--accent-blue);background:#3b82f626;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(59,130,246,.25);z-index:2;box-shadow:0 0 15px #3b82f633;animation:pulseGraduation 3s infinite ease-in-out}@keyframes pulseGraduation{0%,to{transform:scale(1);box-shadow:0 0 15px #3b82f633}50%{transform:scale(1.05);box-shadow:0 0 25px #3b82f666}}.deck-category-section{margin-top:32px}.deck-category-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:10px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.deck-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:20px;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between;min-height:140px;box-shadow:var(--shadow-sm)}.deck-card:hover{transform:translateY(-5px);border-color:var(--border-glass-hover);box-shadow:var(--shadow-md);background:#ffffff05}.deck-card-glow{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-blue)}.deck-card.personal-wrong .deck-card-glow{background:var(--danger)}.deck-card.personal-starred .deck-card-glow{background:var(--warning)}.deck-card.personal-custom .deck-card-glow{background:var(--accent-teal)}.deck-card.hsk-1 .deck-card-glow{background:#3b82f6}.deck-card.hsk-2 .deck-card-glow{background:#06b6d4}.deck-card.hsk-3 .deck-card-glow{background:#10b981}.deck-card.hsk-4 .deck-card-glow{background:#f59e0b}.deck-card.hsk-5 .deck-card-glow{background:#f97316}.deck-card.hsk-6 .deck-card-glow{background:#ef4444}.deck-card.premium-locked .deck-card-glow{background:var(--text-muted)}.deck-card-top{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.deck-card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;justify-content:space-between}.deck-card-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.deck-card-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px}.deck-progress-container{width:100%;display:flex;flex-direction:column;gap:4px}.deck-progress-bar-bg{width:100%;height:6px;background:#ffffff0d;border-radius:10px;overflow:hidden}.deck-progress-bar-fill{height:100%;background:var(--accent-blue);border-radius:10px;width:0%;transition:width .8s cubic-bezier(.4,0,.2,1)}.deck-card.personal-wrong .deck-progress-bar-fill{background:var(--danger)}.deck-card.personal-starred .deck-progress-bar-fill{background:var(--warning)}.deck-card.personal-custom .deck-progress-bar-fill{background:var(--accent-teal)}.deck-card.hsk-1 .deck-progress-bar-fill{background:#3b82f6}.deck-card.hsk-2 .deck-progress-bar-fill{background:#06b6d4}.deck-card.hsk-3 .deck-progress-bar-fill{background:#10b981}.deck-card.hsk-4 .deck-progress-bar-fill{background:#f59e0b}.deck-card.hsk-5 .deck-progress-bar-fill{background:#f97316}.deck-card.hsk-6 .deck-progress-bar-fill{background:#ef4444}.deck-progress-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);font-weight:500}.deck-card.premium-locked{opacity:.75}.deck-card.premium-locked:hover{opacity:.95;cursor:pointer}.deck-lock-badge{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:4px}.deck-new-badge{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.flex-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;width:100%!important}@media (max-width: 768px){.flex-stats{grid-template-columns:repeat(2,1fr)!important}.study-header{flex-direction:column-reverse!important;align-items:stretch!important}.study-deck-title-wrap{text-align:left!important}}.premium-brand-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0 24px;width:100%}.brand-cap-text{font-family:var(--font-sans);color:var(--accent-primary);font-size:.8rem;font-weight:800;letter-spacing:.15em;display:flex;align-items:center;gap:6px;margin-bottom:16px;text-transform:uppercase}.brand-blocks{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:12px}.brand-block{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:800;font-family:var(--font-sans);box-shadow:0 4px 10px #00000026;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.brand-block:hover{transform:scale(1.15) rotate(0)!important;box-shadow:0 8px 16px #00000040;cursor:pointer}.brand-block:nth-child(1){background-color:#ff5e7e;transform:rotate(-5deg)}.brand-block:nth-child(2){background-color:#10b981;transform:rotate(4deg)}.brand-block:nth-child(3){background-color:#3b82f6;transform:rotate(-3deg)}.brand-block:nth-child(4){background-color:#f59e0b;transform:rotate(6deg)}.brand-block:nth-child(5){background-color:#8b5cf6;transform:rotate(-4deg)}.brand-block:nth-child(6){background-color:#f97316;transform:rotate(5deg)}.brand-block:nth-child(7){background-color:#06b6d4;transform:rotate(-2deg)}.brand-slogan{font-size:.95rem;font-style:italic;color:var(--text-secondary);font-weight:400;letter-spacing:.02em}.premium-welcome-card{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:36px 40px;border-radius:24px;margin-bottom:40px;align-items:center;background:linear-gradient(135deg,#fff5f2,#fffaf5);border:1px solid rgba(229,62,62,.12);box-shadow:0 10px 30px #e53e3e0d;transition:transform .2s ease,box-shadow .2s ease}html.dark .premium-welcome-card{background:linear-gradient(135deg,#1f1816,#151312);border:1px solid rgba(229,62,62,.15);box-shadow:0 10px 30px #0000004d}.premium-welcome-card:hover{border-color:#e53e3e40;box-shadow:0 12px 36px #e53e3e14}html.dark .premium-welcome-card:hover{box-shadow:0 12px 36px #0006}.welcome-content-left{display:flex;flex-direction:column}.welcome-tag{align-self:flex-start;background:#e53e3e14;color:var(--accent-primary);border:1px solid rgba(229,62,62,.15);padding:5px 14px;border-radius:50px;font-size:.72rem;font-weight:800;letter-spacing:.05em;margin-bottom:18px;text-transform:uppercase}.welcome-title{font-family:var(--font-sans);font-size:2.1rem;font-weight:800;line-height:1.3;margin-bottom:12px;color:#1e293b}html.dark .welcome-title{color:#f8fafc}.welcome-title span{color:var(--accent-primary)}.welcome-desc{font-size:.95rem;line-height:1.6;color:#475569;margin-bottom:24px}html.dark .welcome-desc{color:#94a3b8}.welcome-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-red-pill{background-color:var(--accent-primary);color:#fff!important;border-radius:50px;padding:12px 28px;font-weight:700;box-shadow:0 4px 15px #e53e3e4d;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;align-items:center;gap:8px}.btn-red-pill:hover{transform:translateY(-2px);background-color:#c53030;box-shadow:0 6px 20px #e53e3e66}.btn-outline-pill{background:transparent;color:#475569!important;border:1px solid rgba(71,85,105,.25);border-radius:50px;padding:12px 28px;font-weight:700;transition:all .2s}html.dark .btn-outline-pill{color:#cbd5e1!important;border-color:#cbd5e140}.btn-outline-pill:hover{background:#00000008;color:#1e293b!important;border-color:#1e293b;transform:translateY(-2px)}html.dark .btn-outline-pill:hover{background:#ffffff0d;color:#f8fafc!important;border-color:#f8fafc}.welcome-stats-right{display:flex;flex-direction:column;gap:16px}.welcome-stat-card{background:#fff;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #00000008;border:1px solid rgba(0,0,0,.03);transition:transform .2s}html.dark .welcome-stat-card{background:#1e1b1a80;border-color:#ffffff0d;box-shadow:0 4px 16px #00000026}.welcome-stat-card:hover{transform:translateY(-2px)}.welcome-stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.welcome-stat-icon-wrapper.orange{background:#fff0eb;color:#f97316}html.dark .welcome-stat-icon-wrapper.orange{background:#f9731626}.welcome-stat-icon-wrapper.pink{background:#fff0f3;color:#ff5e7e}html.dark .welcome-stat-icon-wrapper.pink{background:#ff5e7e26}.welcome-stat-icon-wrapper.blue{background:#eff6ff;color:#3b82f6}html.dark .welcome-stat-icon-wrapper.blue{background:#3b82f626}.welcome-stat-info{display:flex;flex-direction:column}.welcome-stat-label{font-size:.75rem;color:#64748b;margin-bottom:2px;font-weight:500}html.dark .welcome-stat-label{color:#94a3b8}.welcome-stat-value{font-size:1.15rem;font-weight:800;color:#1e293b}html.dark .welcome-stat-value{color:#f8fafc}.section-accent-header{font-family:var(--font-sans);font-size:1.35rem;font-weight:800;margin-top:10px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:#1e293b;border-left:4px solid var(--accent-primary);padding-left:12px}html.dark .section-accent-header{color:#f8fafc}.curriculum-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:40px}.curriculum-card{padding:24px 28px;border-radius:20px;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;background:var(--bg-glass);border:1px solid var(--border-glass)}.curriculum-card:hover{transform:translateY(-4px);border-color:var(--border-glass-hover);box-shadow:var(--shadow-lg)}.curriculum-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.curriculum-badge{font-size:.85rem;font-weight:800;padding:4px 10px;border-radius:6px;text-transform:uppercase}.curriculum-badge.red{background:#e53e3e1a;color:var(--accent-primary)}.curriculum-badge.green{background:#10b9811a;color:#10b981}.curriculum-desc-right{font-size:.78rem;color:var(--text-muted);font-weight:500}.curriculum-card h3{font-family:var(--font-sans);font-size:1.25rem;font-weight:800;color:var(--text-primary)}.bottom-nav-bar{display:none!important}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);cursor:pointer;width:70px;height:100%;transition:all .2s ease;font-weight:600;font-size:.72rem;border-radius:8px;-webkit-user-select:none;user-select:none}.bottom-nav-item i{font-size:1.2rem;transition:transform .2s ease}.bottom-nav-item:hover{color:var(--text-primary)}.bottom-nav-item:hover i{transform:translateY(-2px)}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-item.active i{transform:scale(1.1)}@media (max-width: 800px){.premium-welcome-card{grid-template-columns:1fr;gap:24px;padding:28px}.curriculum-grid{grid-template-columns:1fr;gap:16px}}.smart-flashcard-config{background:#ffffff61;backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);border:1px solid rgba(255,255,255,.75);border-radius:24px;padding:40px;max-width:900px;margin:0 auto 32px;box-shadow:0 10px 30px #00000014;font-family:Be Vietnam Pro,sans-serif}html.dark .smart-flashcard-config{background:#0f172a47!important;backdrop-filter:blur(6px) saturate(160%)!important;-webkit-backdrop-filter:blur(6px) saturate(160%)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 10px 30px #0000004d!important}.config-header{text-align:center;margin-bottom:36px}.config-title{font-size:1.8rem;font-weight:800;color:#1e293b;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}html.dark .config-title{color:#f8fafc}.config-title .title-icon{color:#ff2a5f;animation:pulseGraduation 3s infinite ease-in-out}.config-subtitle{color:#64748b;font-size:.95rem;line-height:1.6;max-width:700px;margin:0 auto}html.dark .config-subtitle{color:#94a3b8}.config-steps-grid{display:flex;flex-direction:column;gap:36px}.config-step-section{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:28px}html.dark .config-step-section{border-bottom-color:var(--border-glass)}.config-step-section:last-child{border-bottom:none;padding-bottom:0}.step-title{font-size:.95rem;font-weight:800;color:#0f172a;margin-bottom:16px;letter-spacing:.03em;display:flex;align-items:center;gap:8px}html.dark .step-title{color:#cbd5e1}.curriculum-selection-row,.mode-selection-row,.range-selection-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 640px){.curriculum-selection-row,.mode-selection-row,.range-selection-row{grid-template-columns:1fr;gap:12px}}.smart-flashcard-config .selection-card{background:#fff;border:1.5px solid #edf2f7;border-radius:16px;padding:24px;cursor:pointer;display:flex;flex-direction:column;gap:6px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000003;-webkit-user-select:none;user-select:none}html.dark .smart-flashcard-config .selection-card{background:#1e1b1a33;border-color:var(--border-glass)}.smart-flashcard-config .selection-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000a;border-color:#cbd5e1}html.dark .smart-flashcard-config .selection-card:hover{border-color:var(--border-glass-hover);background:#1e1b1a66;box-shadow:0 8px 20px #0003}.smart-flashcard-config .selection-card.active{background:#fff5f6;border-color:#ff2a5f;box-shadow:0 4px 20px #ff2a5f14}html.dark .smart-flashcard-config .selection-card.active{background:#ff2a5f0f;border-color:#ff2a5f;box-shadow:0 4px 20px #ff2a5f26}.smart-flashcard-config .selection-card-title{font-size:1.25rem;font-weight:800;color:#1e293b;transition:color .2s}html.dark .smart-flashcard-config .selection-card-title{color:#f8fafc}.smart-flashcard-config .selection-card.active .selection-card-title{color:#e11d48}html.dark .smart-flashcard-config .selection-card.active .selection-card-title{color:#ff5e7e}.smart-flashcard-config .selection-card-subtitle{font-size:.85rem;color:#64748b;line-height:1.5}html.dark .smart-flashcard-config .selection-card-subtitle{color:#94a3b8}.smart-flashcard-config .check-badge{position:absolute;top:24px;right:24px;font-size:1.3rem;color:#edf2f7;transition:color .2s,transform .2s}html.dark .smart-flashcard-config .check-badge{color:#ffffff14}.smart-flashcard-config .selection-card.active .check-badge{color:#ff2a5f;transform:scale(1.15)}.level-selection-row{display:flex;flex-wrap:wrap;gap:12px}.level-pill{background:#fff;border:1px solid #edf2f7;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:700;color:#475569;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}html.dark .level-pill{background:#1e1b1a33;border-color:var(--border-glass);color:#cbd5e1}.level-pill:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px)}html.dark .level-pill:hover{background:#ffffff0a;color:#f8fafc;border-color:var(--border-glass-hover)}.level-pill.active{background:#ff2a5f;color:#fff;border-color:#ff2a5f;box-shadow:0 4px 12px #ff2a5f33}html.dark .level-pill.active{background:#ff2a5f;color:#fff;border-color:#ff2a5f;box-shadow:0 4px 12px #ff2a5f59}.config-action-container{display:flex;justify-content:center;margin-top:36px}.btn-start-smart{background:#ff2a5f;color:#fff;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;padding:16px 48px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 20px #ff2a5f40;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn-start-smart:hover{background:#e11d48;transform:translateY(-2px);box-shadow:0 8px 25px #ff2a5f59}.btn-start-smart:active{transform:translateY(0)}.smart-config-custom-picker{margin-top:18px;padding:20px;background:#00000003;border:1px dashed rgba(0,0,0,.08);border-radius:16px;display:none;animation:fadeIn .25s ease-out}html.dark .smart-config-custom-picker{background:#ffffff03;border-color:var(--border-glass)}.smart-mini-deck-card{background:#fff;border:1px solid #edf2f7;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between}html.dark .smart-mini-deck-card{background:#1e1b1a4d;border-color:var(--border-glass)}.smart-mini-deck-card:hover{border-color:#cbd5e1;background:#f8fafc}html.dark .smart-mini-deck-card:hover{border-color:var(--border-glass-hover);background:#ffffff05}.smart-mini-deck-card.active{border-color:#ff2a5f;background:#fff5f6}html.dark .smart-mini-deck-card.active{border-color:#ff2a5f;background:#ff2a5f0d}.smart-mini-deck-title{font-weight:700;font-size:.88rem;color:var(--text-primary)}.smart-mini-deck-count{font-size:.75rem;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lessons-top-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lessons-cap-title{font-size:.85rem;font-weight:800;color:var(--text-muted);letter-spacing:.05em}.lessons-curriculum-pills{display:flex;gap:12px}.lessons-pill-btn{background:#fff;border:1px solid #edf2f7;color:#475569;font-size:.85rem;font-weight:700;padding:8px 20px;border-radius:50px;cursor:pointer;transition:all .2s}html.dark .lessons-pill-btn{background:#1e1b1a33;border-color:var(--border-glass);color:#cbd5e1}.lessons-pill-btn:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}html.dark .lessons-pill-btn:hover{background:#ffffff0a;border-color:var(--border-glass-hover)}.lessons-pill-btn.active{background:#ff2a5f;border-color:#ff2a5f;color:#fff!important;box-shadow:0 4px 12px #ff2a5f40}.lessons-header-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:20px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 4px 20px #00000003;gap:24px}html.dark .lessons-header-card{background:linear-gradient(135deg,#181616,#111010);border-color:#ffffff0d;box-shadow:0 4px 20px #0003}.lessons-book-icon-wrapper{background:#fff0f3;color:#ff2a5f;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}html.dark .lessons-book-icon-wrapper{background:#ff2a5f1f}.lessons-header-title{font-family:var(--font-sans);font-size:1.6rem;font-weight:800;color:#1e293b;margin-bottom:8px}html.dark .lessons-header-title{color:#f8fafc}.lessons-header-subtitle{color:#64748b;font-size:.9rem;line-height:1.5;max-width:600px}html.dark .lessons-header-subtitle{color:#94a3b8}.lessons-level-pills{display:flex;gap:12px;flex-shrink:0}.lessons-level-btn{background:#fff;border:1.5px solid #cbd5e1;color:#1e293b;font-size:.88rem;font-weight:700;padding:10px 24px;border-radius:12px;cursor:pointer;transition:all .2s}html.dark .lessons-level-btn{background:#1e1b1a33;border-color:var(--border-glass);color:#cbd5e1}.lessons-level-btn:hover{background:#f8fafc;border-color:#94a3b8}html.dark .lessons-level-btn:hover{background:#ffffff0a;border-color:var(--border-glass-hover)}.lessons-level-btn.active{background:#ff2a5f;border-color:#ff2a5f;color:#fff!important;box-shadow:0 4px 12px #ff2a5f40}.lessons-volume-pills{display:flex;gap:8px;flex-shrink:0}.lessons-volume-btn{background:#fff;border:1.5px solid #cbd5e1;color:#475569;font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s}html.dark .lessons-volume-btn{background:#1e1b1a4d;border-color:var(--border-glass);color:#94a3b8}.lessons-volume-btn:hover{background:#f1f5f9}html.dark .lessons-volume-btn:hover{background:#ffffff14}.lessons-volume-btn.active{background:#0284c7;border-color:#0284c7;color:#fff!important;box-shadow:0 2px 8px #0284c740}.lessons-dropdown-select{background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#f1f5f9;font-size:.85rem;font-weight:600;font-family:inherit;padding:8px 36px 8px 14px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%2394a3b8' d='M4.5 6l3.5 4 3.5-4z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;min-width:140px;transition:border-color .2s ease,box-shadow .2s ease}.lessons-dropdown-select:hover,.lessons-dropdown-select:focus{border-color:#ff2a5f99;box-shadow:0 0 0 3px #ff2a5f1f}.lessons-dropdown-select option{background:#1e1b26;color:#f1f5f9;font-weight:600;padding:6px 12px}html:not(.dark) .lessons-dropdown-select{background-color:#fff;border:1.5px solid #cbd5e1;color:#0f172a!important;font-weight:700;box-shadow:0 2px 6px #0000000d;background-image:url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23334155' d='M4.5 6l3.5 4 3.5-4z'/></svg>")}html:not(.dark) .lessons-dropdown-select:hover,html:not(.dark) .lessons-dropdown-select:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}html:not(.dark) .lessons-dropdown-select option{background:#fff;color:#0f172a}.lessons-objectives-bar{background:#fffdf9;border:1px solid rgba(245,158,11,.12);border-radius:12px;padding:14px 20px;display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:.9rem;color:#b45309}html.dark .lessons-objectives-bar{background:#f59e0b0a;border-color:#f59e0b26;color:#f59e0b}.lessons-objectives-bar .info-icon{font-size:1.1rem;color:#f59e0b}.lessons-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}@media (max-width: 768px){.lessons-grid{grid-template-columns:1fr;gap:18px}.lessons-header-card{flex-direction:column;align-items:flex-start;padding:20px}.lessons-level-pills{width:100%;overflow-x:auto;padding-bottom:6px}}.lesson-card{background:#fff;border:1.5px solid #edf2f7;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;transition:all .25s ease;min-height:220px;transition:all .2s ease;box-shadow:var(--shadow-sm)}html.dark .lesson-card{background:var(--bg-card);border-color:var(--border-glass);box-shadow:0 4px 15px #0003}.lesson-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.lesson-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;padding-top:14px;border-top:2px dashed var(--border-glass)}.lesson-mod-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border-radius:var(--radius-md);border:none;font-family:var(--font-display);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.lesson-mod-btn i{font-size:1.15rem}.lesson-mod-btn small{font-size:.7rem;opacity:.85}.lesson-mod-btn.mod-vocab{background:#58cc02;color:#fff;box-shadow:0 4px #46a302}.lesson-mod-btn.mod-vocab:hover{background:#61df02}.lesson-mod-btn.mod-vocab:active{box-shadow:0 1px #46a302;transform:translateY(3px)}.lesson-mod-btn.mod-grammar{background:#1cb0f6;color:#fff;box-shadow:0 4px #1899d6}.lesson-mod-btn.mod-grammar:hover{background:#24bbfd}.lesson-mod-btn.mod-grammar:active{box-shadow:0 1px #1899d6;transform:translateY(3px)}.lesson-mod-btn.mod-text{background:#ffc800;color:#4b3200;box-shadow:0 4px #e5b200}.lesson-mod-btn.mod-text:hover{background:#ffd21a}.lesson-mod-btn.mod-text:active{box-shadow:0 1px #e5b200;transform:translateY(3px)}.lesson-mod-btn.mod-review{background:#ce82ff;color:#fff;box-shadow:0 4px #b45be6}.lesson-mod-btn.mod-review:hover{background:#d896ff}.lesson-mod-btn.mod-review:active{box-shadow:0 1px #b45be6;transform:translateY(3px)}.lesson-badge{align-self:flex-start;background:#e53e3e0f;color:#ff2a5f;border:1px solid rgba(229,62,62,.15);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:4px;text-transform:uppercase;margin-bottom:12px}.lesson-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin-bottom:8px}html.dark .lesson-title{color:#f8fafc}.lesson-desc{font-size:.88rem;line-height:1.5;color:#64748b;margin-bottom:20px}html.dark .lesson-desc{color:#cbd5e1}.lesson-footer{border-top:1px solid rgba(0,0,0,.04);padding-top:14px;margin-top:auto;display:flex;justify-content:space-between;align-items:center}html.dark .lesson-footer{border-top-color:var(--border-glass)}.lesson-words-indicator{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-weight:500}.lesson-detail-link{font-size:.85rem;color:#ff2a5f;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:4px;transition:transform .2s;cursor:pointer}.lesson-detail-link:hover{transform:translate(3px);color:#e11d48}.dict-segmented-control{border-radius:50px;background:var(--bg-glass);border:1px solid var(--border-glass);width:100%}.dict-tab-btn{background:transparent;color:var(--text-secondary);border:none;font-weight:700;transition:all var(--transition-fast) ease}.dict-tab-btn:hover{color:var(--text-primary)}.dict-tab-btn.active{background:var(--accent-blue)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f640}.dict-popular-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--border-glass);background:var(--bg-glass);cursor:pointer;transition:all var(--transition-fast);text-align:left;-webkit-user-select:none;user-select:none}html.dark .dict-popular-item{background:#1e1b1a33}.dict-popular-item:hover{transform:translate(2px);border-color:var(--border-glass-hover);background:#ffffff05}.dict-popular-item.active{border-color:#ff2a5f;background:#fff5f6}html.dark .dict-popular-item.active{background:#ff2a5f0d}.dict-popular-word{font-family:var(--font-chinese);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.dict-popular-pinyin{font-size:.85rem;color:var(--text-secondary);margin-left:6px}.dict-popular-meaning{font-size:.82rem;color:var(--text-muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-grammar-card{background:#3b82f608;border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:16px 20px;border-left:4px solid var(--accent-blue);text-align:left}html.dark .dict-grammar-card{background:#3b82f60d;border-color:#ffffff0d}.dict-grammar-title{font-weight:800;font-size:.95rem;color:var(--text-primary);margin-bottom:6px}.dict-grammar-explain{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin:0}.dict-correction-item{border:1.5px solid var(--border-glass);border-radius:14px;padding:18px;background:var(--bg-glass);display:flex;flex-direction:column;gap:8px;text-align:left}.dict-correction-header{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.85rem;color:var(--text-primary)}.dict-correction-header.error{color:var(--danger)}.dict-correction-desc{font-size:.88rem;line-height:1.5;color:var(--text-secondary);margin:0}.dict-correction-original{font-family:var(--font-chinese);text-decoration:line-through;color:var(--danger);font-weight:500}.dict-correction-fixed{font-family:var(--font-chinese);color:var(--success);font-weight:700}.dict-stroke-writer-grid{position:relative;box-shadow:inset 0 0 10px #0000001a;overflow:hidden}.dict-stroke-writer-grid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to right,rgba(239,68,68,.12) 1px,transparent 1px) 50% 0 / 100% 100% repeat-y,linear-gradient(to bottom,rgba(239,68,68,.12) 1px,transparent 1px) 0 50% / 100% 100% repeat-x,repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(239,68,68,.06) 4px,rgba(239,68,68,.06) 5px),repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(239,68,68,.06) 4px,rgba(239,68,68,.06) 5px);z-index:1}.dict-stroke-writer-grid svg{position:relative;z-index:2}@keyframes mic-pulse{0%{transform:scale(1);box-shadow:0 0 #10b98166}70%{transform:scale(1.08);box-shadow:0 0 0 12px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.mic-recording-pulse{animation:mic-pulse 1.4s infinite!important;background:var(--success)!important;color:#fff!important}.dict-quick-save-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) ease;text-align:left}.dict-quick-save-item:hover{background:#ffffff0d;color:var(--text-primary)}html.light .dict-quick-save-item:hover{background:#0000000d}.dict-tutor-prompt-pill{padding:6px 12px;border-radius:20px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);color:var(--accent-blue);font-size:.78rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast) ease}.dict-tutor-prompt-pill:hover{background:var(--accent-blue);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f633}.topic-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)!important;box-shadow:var(--shadow-lg),0 0 15px #3b82f626!important;background:#ffffff08!important}html.dark .topic-card:hover{background:#ffffff05!important}#nb-start-flashcard-btn:hover{border-color:var(--accent-blue)!important;background:#3b82f60f!important;transform:scale(1.01)}#nb-start-typing-btn:hover{border-color:var(--success)!important;background:#10b9810f!important;transform:scale(1.01)}#nb-start-quiz-btn:hover{border-color:var(--warning)!important;background:#f59e0b0f!important;transform:scale(1.01)}.quiz-option-btn{display:block;width:100%;padding:16px 24px;font-size:1.05rem;font-weight:600;text-align:left;background:#ffffff08;border:1.5px solid var(--border-glass);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;outline:none;font-family:var(--font-sans)}.quiz-option-btn:hover:not([disabled]){background:#ffffff14;border-color:var(--text-secondary);transform:translate(4px)}.quiz-option-btn.correct{background:var(--success-bg)!important;border-color:var(--success)!important;color:var(--success)!important;font-weight:700}.quiz-option-btn.incorrect{background:var(--danger-bg)!important;border-color:var(--danger)!important;color:var(--danger)!important;font-weight:700}.quiz-option-btn[disabled]{cursor:not-allowed}.study-method-card{box-shadow:0 4px 12px #00000008}.study-method-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:var(--accent-blue);background:var(--bg-card)}.study-method-card.quiz-card:hover{border-color:#f59e0b;box-shadow:0 6px 16px #f59e0b26}.limit-btn{background:transparent;color:var(--text-secondary);border-color:var(--border-glass)}.limit-btn:hover{background:#ffffff0d}.limit-btn.active-limit{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.filter-btn{background:transparent;color:var(--text-secondary);border-color:var(--border-glass)}.filter-btn:hover{background:#ffffff0d}.filter-btn.active-filter{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}html,body{-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow-x:hidden}body{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}button,input,select,textarea,.btn,.nav-item,.quiz-option-btn,.speaker-btn{touch-action:manipulation;min-height:44px}.table-responsive,.custom-words-table-wrap,.detail-table-wrap{-webkit-overflow-scrolling:touch}@media (max-width: 768px){.flashcard-card{min-height:320px!important;padding:16px!important}.study-controls{flex-wrap:wrap;gap:8px}.control-btn{flex:1 1 45%}}.zubi-dashboard-container{display:flex;flex-direction:column;gap:28px;margin-bottom:40px}.zubi-header-banner{background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);border-radius:20px;padding:36px 40px 64px;position:relative;overflow:hidden;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 10px 30px #2563eb40}html.dark .zubi-header-banner{background:linear-gradient(135deg,#1e3a8a,#1d4ed8 60%,#2563eb);box-shadow:0 12px 36px #0006}.zubi-header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.zubi-header-title .title-bar{width:4px;height:28px;background:#fff;border-radius:4px}.zubi-header-title h1{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.zubi-header-subtitle{font-size:.95rem;color:#ffffffd9;margin:0;font-weight:400}.zubi-header-illustration{display:flex;gap:12px;align-items:center}.illustration-badge{width:56px;height:56px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff}.illustration-badge.secondary{width:44px;height:44px;font-size:1.2rem;background:#ffffff26}.zubi-stat-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-50px;position:relative;z-index:10;padding:0 16px}@media (max-width: 900px){.zubi-stat-cards-grid{grid-template-columns:1fr;margin-top:-30px}}.zubi-stat-card{background:linear-gradient(135deg,#ffffff8c,#e1eeff61);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:22px 24px;box-shadow:0 10px 32px #1f268714,inset 0 1px 1px #ffffffe6;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease}html.dark .zubi-stat-card{background:linear-gradient(135deg,#0f172aa6,#1e293b80)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 32px #0000005e!important}.zubi-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000001f}.zubi-stat-top{display:flex;justify-content:space-between;align-items:center}.zubi-circle-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.zubi-circle-icon.pink{background:#fce7f3;color:#ec4899}.zubi-circle-icon.orange{background:#ffedd5;color:#f97316}.zubi-circle-icon.cyan{background:#e0f2fe;color:#0284c7}html.dark .zubi-circle-icon.pink{background:#ec489933}html.dark .zubi-circle-icon.orange{background:#f9731633}html.dark .zubi-circle-icon.cyan{background:#0284c733}.zubi-eye-icon{color:#94a3b8;font-size:1.05rem;cursor:pointer;transition:color .2s ease}.zubi-eye-icon:hover{color:#3b82f6}.zubi-stat-val{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1.1}html.dark .zubi-stat-val{color:#f8fafc}.zubi-stat-label{font-size:.85rem;font-weight:500;color:#64748b}html.dark .zubi-stat-label{color:#94a3b8}.zubi-section-block{display:flex;flex-direction:column;gap:16px}.zubi-section-header h2{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:#0f172a;margin:0}html.dark .zubi-section-header h2{color:#f8fafc}.zubi-recent-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.zubi-recent-card{background:linear-gradient(135deg,#ffffff8c,#e1eeff61);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:20px 22px;box-shadow:0 8px 32px #1f268714;display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,box-shadow .2s ease}html.dark .zubi-recent-card{background:linear-gradient(135deg,#0f172aa6,#1e293b80)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 32px #0000005e!important}.zubi-recent-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.recent-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.recent-title{font-weight:700;font-size:.95rem;color:#0f172a;line-height:1.3}html.dark .recent-title{color:#f8fafc}.recent-val{font-family:var(--font-display);font-size:1.6rem;font-weight:800}.recent-val.green-text{color:#10b981}.recent-val.cyan-text{color:#06b6d4}.recent-card-footer{display:flex;justify-content:space-between;align-items:center}.recent-date{font-size:.8rem;color:#94a3b8;font-weight:500}.zubi-pill{padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:700;display:inline-block}.zubi-pill.warning{background:#fef3c7;color:#d97706}.zubi-pill.danger{background:#fee2e2;color:#ef4444}.zubi-pill.success{background:#d1fae5;color:#059669}html.dark .zubi-pill.warning{background:#d9770633;color:#fbbf24}html.dark .zubi-pill.danger{background:#ef444433;color:#f87171}html.dark .zubi-pill.success{background:#10b98133;color:#34d399}.zubi-table-wrap{background:linear-gradient(135deg,#ffffff8c,#e1eeff61);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:16px 20px;box-shadow:0 8px 32px #1f268714;overflow-x:auto}html.dark .zubi-table-wrap{background:linear-gradient(135deg,#0f172aa6,#1e293b80)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 32px #0000005e!important}.zubi-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.zubi-table th{padding:14px 16px;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}html.dark .zubi-table th{border-bottom-color:#ffffff14}.zubi-table td{padding:16px;color:#334155;border-bottom:1px solid #f1f5f9}html.dark .zubi-table td{color:#cbd5e1;border-bottom-color:#ffffff0d}.zubi-table tr:last-child td{border-bottom:none}.zubi-progress-bar-wrap{width:120px;height:8px;background:#e2e8f0;border-radius:50px;overflow:hidden}html.dark .zubi-progress-bar-wrap{background:#ffffff1a}.zubi-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:50px}.zubi-action-link{color:#2563eb;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.zubi-action-link:hover{color:#1d4ed8;text-decoration:underline}html.dark .zubi-action-link{color:#60a5fa}html:not(.dark) .zubi-stat-card{background:#fffffff2!important;border-color:#e2e8f0e6!important;box-shadow:0 10px 25px #0000000d!important}html:not(.dark) .zubi-stat-val{color:#0f172a!important}html:not(.dark) .zubi-stat-label{color:#64748b!important}html:not(.dark) .zubi-recent-card{background:#fffffff2!important;border-color:#e2e8f0e6!important;box-shadow:0 4px 16px #0000000d!important}html:not(.dark) .zubi-recent-card .recent-title{color:#0f172a!important}html:not(.dark) .zubi-recent-card .recent-date{color:#64748b!important}html:not(.dark) .zubi-eye-icon{color:#64748b!important}html:not(.dark) .zubi-dashboard-hero{background:linear-gradient(135deg,#eff6fff2,#f5f3fff2)!important;border-color:#e2e8f0e6!important;box-shadow:0 10px 30px #0000000a!important}html:not(.dark) #zubi-hero-title,html:not(.dark) #zubi-hero-user-name{color:#0f172a!important}html:not(.dark) #zubi-hero-subtitle,html:not(.dark) #zubi-hero-tip{color:#475569!important}html:not(.dark) .zubi-dashboard-table-container{background:linear-gradient(135deg,#ffffff94,#e1eeff6b)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:#ffffffd9!important;box-shadow:0 10px 32px #1f268714!important}html:not(.dark) .zubi-table th,html:not(.dark) .zubi-th{background:#ffffff73!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.8)!important}html:not(.dark) .zubi-table td,html:not(.dark) .zubi-td{color:#1e293b!important;border-bottom-color:#ffffff80!important}html:not(.dark) #zubi-stat-modal>div,html:not(.dark) #about-hongtai-modal>div{background:linear-gradient(135deg,#ffffffa6,#e6f0ff7a)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-color:#ffffffd9!important;box-shadow:0 25px 50px #1f26871f!important;color:#1e293b!important}html:not(.dark) #zubi-modal-title,html:not(.dark) #about-hongtai-modal h2,html:not(.dark) #about-hongtai-modal h3{color:#0f172a!important}html:not(.dark) #zubi-modal-subtitle,html:not(.dark) #about-hongtai-modal p{color:#475569!important}html.dark #about-hongtai-modal .about-quote-box{background:linear-gradient(135deg,#1e293be6,#0f172af2)!important;color:#f1f5f9!important;border-left-color:#38bdf8!important}html:not(.dark) #about-hongtai-modal .about-quote-box{background:#fff9!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#0f172a!important;border-left-color:#0284c7!important}html.dark #about-hongtai-modal .about-card-box{background:#0f172a99!important;border:1px solid rgba(255,255,255,.08)!important;color:#cbd5e1!important}html:not(.dark) #about-hongtai-modal .about-card-box{background:#ffffff8c!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.8)!important;color:#334155!important}html.dark #about-hongtai-modal .about-card-box p{color:#cbd5e1!important}html:not(.dark) #about-hongtai-modal .about-card-box p{color:#475569!important}html.dark #about-hongtai-modal .about-mission-box{background:#ef44441f!important;border:1px solid rgba(239,68,68,.3)!important}html:not(.dark) #about-hongtai-modal .about-mission-box{background:#fef2f2b3!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid #fca5a5!important}html.dark #about-hongtai-modal .about-mission-title{color:#fff!important}html:not(.dark) #about-hongtai-modal .about-mission-title{color:#991b1b!important}html.dark #about-hongtai-modal .about-mission-box p{color:#cbd5e1!important}html:not(.dark) #about-hongtai-modal .about-mission-box p{color:#7f1d1d!important}#about-hongtai-modal .btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;color:#fff!important;box-shadow:0 4px 14px #2563eb4d!important}html.dark #about-hongtai-modal .about-modal-footer{background:#0f172a80!important;border-top-color:#ffffff1a!important;color:#94a3b8!important}html:not(.dark) #about-hongtai-modal .about-modal-footer{background:#ffffff80!important;border-top-color:#fffc!important;color:#64748b!important}html.dark .zubi-section-title{color:#fff!important}html:not(.dark) .zubi-section-title{color:#0f172a!important}html.dark .zubi-table-wrap{background:#1e293ba6!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px #00000059!important}html:not(.dark) .zubi-table-wrap{background:linear-gradient(135deg,#ffffff94,#e1eeff6b)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 10px 30px #1f268714!important}html.dark .zubi-th{color:#cbd5e1!important;border-bottom:1px solid rgba(255,255,255,.1)!important;background:#0f172a66!important}html:not(.dark) .zubi-th{color:#0f172a!important;border-bottom:1px solid rgba(255,255,255,.8)!important;background:#ffffff73!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}html.dark .zubi-td{color:#f1f5f9!important;border-bottom:1px solid rgba(255,255,255,.08)!important}html:not(.dark) .zubi-td{color:#1e293b!important;border-bottom:1px solid rgba(241,245,249,.9)!important}html.dark .zubi-td-bold{color:#fff!important}html:not(.dark) .zubi-td-bold{color:#0f172a!important}html.dark .zubi-table-btn{color:#60a5fa!important}html:not(.dark) .zubi-table-btn{color:#2563eb!important}.exam-mode-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:700;font-family:inherit;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:0;transition:color .2s,border-color .2s;white-space:nowrap;position:relative;bottom:-2px}.exam-mode-tab:hover{color:#f1f5f9}.exam-mode-tab.active{color:#ff2a5f;border-bottom-color:#ff2a5f}html:not(.dark) .exam-mode-tab{color:#64748b}html:not(.dark) .exam-mode-tab:hover{color:#1e293b}html:not(.dark) .exam-mode-tab.active{color:#ff2a5f}.exam-tab-badge{background:#ff2a5f2e;color:#ff2a5f;border-radius:20px;font-size:.72rem;font-weight:800;padding:2px 8px}.exam-lib-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px 20px;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative;overflow:hidden}.exam-lib-card:hover{border-color:#ff2a5f66;box-shadow:0 4px 20px #ff2a5f1f;transform:translateY(-2px)}html:not(.dark) .exam-lib-card,html.light-mode .exam-lib-card,html.light .exam-lib-card{background:linear-gradient(135deg,#ffffff94,#e1eeff6b)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 8px 32px #1f268714,inset 0 1px 1px #ffffffe6!important}html.dark .exam-lib-card{background:linear-gradient(135deg,#0f172aa6,#1e293b80)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 8px 32px #0000005e,inset 0 1px 1px #ffffff26!important}html:not(.dark) .exam-lib-card:hover{border-color:#ff2a5f!important;box-shadow:0 10px 35px #ff2a5f2e!important}.exam-lib-card-level-badge{display:inline-block;background:linear-gradient(135deg,#ff2a5f,#e11d48);color:#fff;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:20px;margin-bottom:10px;letter-spacing:.05em}.exam-lib-card-code{font-size:1.05rem;font-weight:800;color:#f1f5f9;margin:0 0 4px}html:not(.dark) .exam-lib-card-code{color:#1e293b}.exam-lib-card-meta{font-size:.8rem;color:var(--text-muted);margin:0 0 14px}.exam-lib-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}html:not(.dark) .exam-lib-actions{border-top-color:#e2e8f0}.exam-lib-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px;font-size:.8rem;font-weight:700;font-family:inherit;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:all .18s;white-space:nowrap}.exam-lib-btn-pdf{background:#ef44441f;color:#f87171;border-color:#ef444440}.exam-lib-btn-pdf:hover{background:#ef444440;color:#fca5a5}.exam-lib-btn-mp3{background:#22c55e1a;color:#4ade80;border-color:#22c55e33}.exam-lib-btn-mp3:hover{background:#22c55e38;color:#86efac}.exam-lib-btn-ans{background:#fbbf241a;color:#fcd34d;border-color:#fbbf2433}.exam-lib-btn-ans:hover{background:#fbbf2438;color:#fde68a}html:not(.dark) .exam-lib-btn-mp3{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}html:not(.dark) .exam-lib-btn-mp3:hover{background:#dcfce7}html:not(.dark) .exam-lib-btn-pdf{color:#dc2626;border-color:#fecaca;background:#fff1f2}html:not(.dark) .exam-lib-btn-pdf:hover{background:#fee2e2}html:not(.dark) .exam-lib-btn-ans{color:#b45309;border-color:#fde68a;background:#fffbeb}html:not(.dark) .exam-lib-btn-ans:hover{background:#fef3c7}.exam-lib-pill{padding:7px 16px;border-radius:20px;font-size:.82rem;font-weight:700;font-family:inherit;border:1.5px solid rgba(255,255,255,.15);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .18s}.exam-lib-pill:hover{border-color:#ff2a5f80;color:#f1f5f9}.exam-lib-pill.active{background:#ff2a5f;border-color:#ff2a5f;color:#fff;box-shadow:0 2px 10px #ff2a5f4d}html:not(.dark) .exam-lib-pill{border-color:#cbd5e1;color:#64748b}html:not(.dark) .exam-lib-pill:hover{border-color:#ff2a5f;color:#1e293b}html:not(.dark) .exam-lib-pill.active{background:#ff2a5f;color:#fff}body{display:flex;min-height:100vh;padding-bottom:0!important}.app-sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;z-index:200;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;transition:all var(--transition-normal)}.sidebar-header{display:flex;align-items:center;gap:12px;padding:8px 12px 20px;border-bottom:1px solid var(--border-glass);margin-bottom:16px}.sidebar-logo{height:44px;width:auto;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.6))}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-item i{font-size:1.15rem;width:22px;text-align:center;color:var(--text-muted);transition:color var(--transition-fast)}.sidebar-item:hover{background:#3b82f61a;color:var(--text-primary)}.sidebar-item:hover i{color:var(--accent-blue)}.sidebar-item.active{background:linear-gradient(135deg,#e53e3e2e,#ef444414);color:var(--accent-primary);border:1px solid rgba(229,62,62,.25);box-shadow:0 4px 12px #e53e3e26}.sidebar-item.active i{color:var(--accent-primary)}.app-sidebar .auth-container{border-left:none;padding:0 0 14px;height:auto;width:100%;position:relative;border-bottom:1px solid var(--border-glass);margin-bottom:12px}.app-sidebar .user-dropdown{width:100%;position:relative}.app-sidebar .sidebar-profile-card{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-glass);cursor:pointer;width:100%;box-sizing:border-box;transition:background .2s}.app-sidebar .sidebar-profile-card:hover{background:#3b82f614}.app-sidebar .sidebar-avatar-wrap{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary, #334155);display:flex;align-items:center;justify-content:center;border:2px solid var(--border-glass)}.app-sidebar .user-avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:none;box-shadow:none}.app-sidebar .sidebar-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.3rem;display:flex;align-items:center;justify-content:center}.app-sidebar .user-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.app-sidebar .user-name{font-size:.93rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.app-sidebar .user-sub{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.app-sidebar .user-role-badge{display:inline-block;font-size:.72rem;font-weight:600;color:var(--accent-blue, #3b82f6);margin-top:1px}.app-sidebar .profile-chevron{flex-shrink:0;color:var(--text-muted)}.app-sidebar .profile-dropdown-menu{top:calc(100% + 6px);bottom:auto;left:0;right:0;width:100%}.sidebar-footer{padding-top:16px;border-top:1px solid var(--border-glass);display:flex;flex-direction:column;gap:12px;position:relative}.navbar{display:none!important}.main-layout{margin-left:260px;width:calc(100% - 260px)!important;max-width:none!important;padding:32px 40px;box-sizing:border-box!important}.roadmap-step-title,.hsk-badge-label,.comic-title{font-family:var(--font-handwriting);font-weight:700;letter-spacing:.02em}.roadmap-timeline{position:relative;max-width:900px;margin:30px auto;padding:20px 0}.roadmap-timeline:before{content:"";position:absolute;top:0;bottom:0;left:28px;width:4px;background:linear-gradient(180deg,var(--accent-blue),var(--accent-primary),var(--accent-teal));border-radius:4px}.roadmap-step{position:relative;padding-left:70px;margin-bottom:36px}.roadmap-step-icon{position:absolute;left:8px;top:0;width:44px;height:44px;border-radius:50%;background:var(--bg-secondary);border:3px solid var(--accent-blue);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 0 15px #3b82f666;z-index:2}.roadmap-step.completed .roadmap-step-icon{border-color:var(--success);background:var(--success);color:#fff;box-shadow:0 0 15px #10b98166}.roadmap-step-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);transition:transform .2s ease,border-color .2s ease}.roadmap-step-card:hover{transform:translateY(-2px);border-color:var(--border-glass-hover)}.roadmap-container{width:100%;max-width:1000px;margin:0 auto;padding:10px 0 60px}.cartoon-roadmap-hero{border-radius:28px!important;padding:36px 32px 28px;position:relative;overflow:hidden;margin-bottom:32px;transition:all .5s ease-in-out}html:not(.dark) .cartoon-roadmap-hero,html.light-mode .cartoon-roadmap-hero{background:linear-gradient(135deg,#ffffffad,#e1eeff7a)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:2px solid rgba(255,255,255,.85)!important;box-shadow:0 12px 35px #1f268714,inset 0 1px 1px #ffffffe6!important}html:not(.dark) .cartoon-roadmap-hero .hero-title{font-family:var(--font-display, sans-serif);font-size:2.2rem;font-weight:900;color:#0f172a!important;text-shadow:0 2px 10px rgba(255,255,255,.9),0 0 20px rgba(255,255,255,.8)!important;margin:0;line-height:1.2}html:not(.dark) .cartoon-roadmap-hero .hero-subtitle{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:#d97706!important;text-shadow:0 1px 4px rgba(255,255,255,.9)!important;margin-top:4px}html:not(.dark) .cartoon-roadmap-hero .hero-desc{color:#1e293b!important;font-size:.95rem;font-weight:700;text-shadow:0 1px 3px rgba(255,255,255,.8)!important;margin:8px 0 0;max-width:520px;line-height:1.5}html:not(.dark) .cartoon-roadmap-hero .hero-progress-card{background:linear-gradient(135deg,#ffffffad,#e1eeff80)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:2px solid rgba(255,255,255,.9)!important;border-radius:22px;padding:16px 24px;margin-top:20px;width:100%;max-width:540px;box-shadow:0 10px 30px #1f26871a!important;color:#0f172a!important}html:not(.dark) .cartoon-roadmap-hero .hero-ver-label{font-size:.8rem;font-weight:800;color:#0f172a!important;text-transform:uppercase;font-family:var(--font-display);text-shadow:0 1px 3px rgba(255,255,255,.8)}html:not(.dark) .cartoon-roadmap-hero .roadmap-ver-pill{background:#ffffffbf!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:2px solid rgba(255,255,255,.9)!important;color:#0f172a!important;font-weight:800!important;box-shadow:0 4px 12px #1f268714!important}html:not(.dark) .cartoon-roadmap-hero .roadmap-ver-pill:hover{background:#fffffff2!important;transform:translateY(-2px);box-shadow:0 6px 16px #1f268726!important}html:not(.dark) .cartoon-roadmap-hero .roadmap-ver-pill.active{background:#2563eb!important;border-color:#fff!important;color:#fff!important;box-shadow:0 4px 14px #2563eb66!important}html.dark .cartoon-roadmap-hero{background:linear-gradient(135deg,#0f172aa6,#1e293b80)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1.5px solid rgba(255,255,255,.18)!important;box-shadow:0 12px 35px #00000059,inset 0 1px 1px #ffffff1a!important}html.dark .cartoon-roadmap-hero .hero-title{font-family:var(--font-display, sans-serif);font-size:2.2rem;font-weight:900;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.6),0 0 20px rgba(59,130,246,.4)!important;margin:0;line-height:1.2}html.dark .cartoon-roadmap-hero .hero-subtitle{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:#fbbf24!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;margin-top:4px}html.dark .cartoon-roadmap-hero .hero-desc{color:#f8fafc!important;font-size:.95rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;margin:8px 0 0;max-width:520px;line-height:1.5}html.dark .cartoon-roadmap-hero .hero-progress-card{background:linear-gradient(135deg,#0f172ab8,#1e293b99)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:22px;padding:16px 24px;margin-top:20px;width:100%;max-width:540px;box-shadow:0 10px 30px #00000059!important;color:#fff!important}html.dark .cartoon-roadmap-hero .hero-ver-label{font-size:.8rem;font-weight:800;color:#fff!important;text-transform:uppercase;font-family:var(--font-display);text-shadow:0 1px 3px rgba(0,0,0,.5)}html.dark .cartoon-roadmap-hero .roadmap-ver-pill{background:#1e293bbf!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:2px solid rgba(255,255,255,.2)!important;color:#f8fafc!important;font-weight:800!important;box-shadow:0 4px 12px #0003!important}html.dark .cartoon-roadmap-hero .roadmap-ver-pill:hover{background:#1e293bf2!important;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d!important}html.dark .cartoon-roadmap-hero .roadmap-ver-pill.active{background:#3b82f6!important;border-color:#fff!important;color:#fff!important;box-shadow:0 4px 14px #3b82f666!important}#home-view-section{background:transparent;padding:0}#roadmap-view-section,#flashcard-section,#custom-section{background:#0f172a73!important;backdrop-filter:blur(28px) saturate(200%)!important;-webkit-backdrop-filter:blur(28px) saturate(200%)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:28px;padding:28px;box-shadow:0 10px 40px #0000004d!important}html.light-mode #roadmap-view-section,html.light-mode #flashcard-section,html.light-mode #custom-section{background:#fff9!important;backdrop-filter:blur(28px) saturate(200%)!important;-webkit-backdrop-filter:blur(28px) saturate(200%)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 10px 40px #00000014!important}.roadmap-path-trail{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:32px;padding:20px 0}.roadmap-node-item{width:100%;max-width:520px;display:flex;align-items:center;gap:20px;position:relative;z-index:5}.roadmap-node-item:nth-child(2n){flex-direction:row-reverse}.roadmap-node-item:nth-child(4n+1){transform:translate(-15%)}.roadmap-node-item:nth-child(4n+2){transform:translate(0)}.roadmap-node-item:nth-child(4n+3){transform:translate(15%)}.roadmap-node-item:nth-child(4n+4){transform:translate(0)}.roadmap-connector-arrow{text-align:center;font-size:2rem;color:#fff9;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:-15px 0;z-index:1}.node-icon-circle{width:76px;height:76px;border-radius:50%;background:linear-gradient(180deg,#fbbf24,#d97706);border:4px solid #ffffff;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;cursor:pointer;position:relative;box-shadow:0 10px #b45309,0 14px 20px #00000059;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.node-icon-circle:before{content:"";position:absolute;top:4px;left:10px;width:52px;height:24px;background:linear-gradient(180deg,#ffffffbf,#ffffff1a);border-radius:40px 40px 20px 20px;pointer-events:none}.node-icon-circle:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px #b45309,0 18px 25px #0006}.node-icon-circle:active{transform:translateY(6px) scale(.96);box-shadow:0 4px #b45309,0 6px 10px #0000004d}.node-icon-circle .node-num{font-size:1.5rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:var(--font-display)}.node-done .node-icon-circle{background:linear-gradient(180deg,#f472b6,#db2777);border-color:#fff;box-shadow:0 10px #9d174d,0 14px 20px #db277766}.node-done .node-icon-circle:hover{box-shadow:0 14px #9d174d,0 18px 25px #db277780}.node-active .node-icon-circle{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-color:#fff;animation:candyPulse 1.8s infinite alternate;box-shadow:0 10px #b45309,0 14px 25px #f59e0b99}.node-locked .node-icon-circle{background:linear-gradient(180deg,#94a3b8,#64748b);border-color:#e2e8f0;box-shadow:0 8px #334155,0 10px 15px #0003;filter:grayscale(.5)}@keyframes candyPulse{0%{transform:scale(1)}to{transform:scale(1.1);box-shadow:0 12px #b45309,0 0 30px #fbbf24cc}}.node-info-card{flex:1;max-width:380px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;box-shadow:0 8px 24px #0000004d}.node-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.node-card-title{font-weight:800;font-size:1.05rem;color:#fff}.roadmap-badge{font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:12px;text-transform:uppercase}.roadmap-badge.done{background:#10b98133;color:#34d399}.roadmap-badge.active-pulse{background:#3b82f640;color:#60a5fa}.roadmap-badge.locked{background:#64748b33;color:var(--text-muted)}.node-card-sub{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.btn-node-start{width:100%;padding:8px 14px;background:#3b82f6;border:none;border-radius:10px;color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s}html.light-mode .level-tab.active,html.light-mode .status-filter-btn.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}html.light-mode .flashcard-card,html.light .flashcard-card,html:not(.dark) .flashcard-card{background:linear-gradient(135deg,#ffffff9e,#e1eeff73)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;color:#0f172a!important;box-shadow:0 10px 32px #1f268714!important}html.light-mode .card-word-front{color:#0f172a!important}html.light-mode .card-pinyin-back{color:#1d4ed8!important}html.light-mode .card-meaning-back,html.light-mode .card-example-zh-back{color:#0f172a!important}html.light-mode .card-example-vi-back{color:#334155!important}html.light-mode [style*="background: var(--bg-primary, #1e293b)"],html.light-mode [style*="background:var(--bg-primary, #1e293b)"],html.light-mode [style*="background: var(--bg-secondary, #0f172a)"],html.light-mode [style*="background:var(--bg-secondary, #0f172a)"]{background:linear-gradient(135deg,#ffffffa6,#e6f0ff73)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;color:#0f172a!important}html.light-mode [style*="color: var(--text-primary, #fff)"],html.light-mode [style*="color:var(--text-primary, #fff)"]{color:#0f172a!important}#leaderboard-modal{display:flex;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;align-items:center;justify-content:center;padding:20px}html.light-mode #leaderboard-modal,html:not(.dark) #leaderboard-modal{background:#0f172a59!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}html.dark #leaderboard-modal{background:#000000b8!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.leaderboard-modal-content{border-radius:28px!important;width:100%;max-width:680px;padding:24px 28px;position:relative;transition:all .3s ease;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.lb-close-btn{position:absolute;top:18px;right:18px;background:#fff3;border:1px solid rgba(255,255,255,.4);color:var(--text-muted, #94a3b8);font-size:1.4rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.lb-close-btn:hover{transform:scale(1.1);background:#ef444433;color:#ef4444}.lb-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.lb-mascot-img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(251,191,36,.4));animation:floatMascot 3s ease-in-out infinite alternate}@keyframes floatMascot{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-6px) rotate(3deg)}}.lb-title{font-size:1.35rem;font-weight:900;margin:0;letter-spacing:-.01em}.lb-subtitle{font-size:.8rem;opacity:.85;margin-top:2px;font-weight:600}.lb-body-container{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:16px}.lb-podium-stage{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:20px 10px 10px;margin-bottom:8px;position:relative}.lb-podium-slot{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.rank-1-slot{order:2;z-index:3}.rank-2-slot{order:1;z-index:2}.rank-3-slot{order:3;z-index:1}.lb-podium-crown{font-size:1.6rem;margin-bottom:-6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));z-index:2}.gold-crown{font-size:2.2rem;margin-bottom:-8px;animation:pulseGold 2s infinite alternate}@keyframes pulseGold{0%{transform:scale(1)}to{transform:scale(1.12)}}.lb-podium-avatar-wrap{position:relative;margin-bottom:6px;display:flex;align-items:center;justify-content:center}.lb-podium-user{font-weight:800;font-size:.88rem;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.gold-user{font-size:1rem;font-weight:900}.lb-podium-score{font-weight:900;font-size:.8rem;margin-bottom:8px}.lb-podium-stand{width:100%;border-radius:18px 18px 8px 8px;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 25px #00000026;position:relative;transition:all .3s ease}.p-1{height:110px}.p-2{height:85px}.p-3{height:68px}.lb-podium-num{font-size:2.2rem;font-weight:900;opacity:.9;font-family:var(--font-display)}html.light-mode .leaderboard-modal-content,html:not(.dark) .leaderboard-modal-content{background:linear-gradient(135deg,#ffffffd1,#e1eeffa6)!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border:2.5px solid rgba(255,255,255,.95)!important;box-shadow:0 20px 60px #1f26872e,inset 0 1px 1px #fffffff2!important;color:#0f172a!important}html.light-mode .lb-title,html:not(.dark) .lb-title{color:#0f172a!important}html.light-mode .lb-subtitle,html:not(.dark) .lb-subtitle{color:#475569!important}html.light-mode .p-1,html:not(.dark) .p-1{background:linear-gradient(180deg,#fef3c7e6,#fbbf2499)!important;border:2px solid rgba(245,158,11,.7)!important;color:#b45309!important;box-shadow:0 10px 25px #d9770638!important}html.light-mode .p-2,html:not(.dark) .p-2{background:linear-gradient(180deg,#f1f5f9e6,#cbd5e199)!important;border:2px solid rgba(148,163,184,.7)!important;color:#475569!important;box-shadow:0 8px 20px #47556926!important}html.light-mode .p-3,html:not(.dark) .p-3{background:linear-gradient(180deg,#fee2e2e6,#fca5a599)!important;border:2px solid rgba(239,68,68,.6)!important;color:#b91c1c!important;box-shadow:0 8px 20px #e11d4826!important}html.light-mode .gold-user,html:not(.dark) .gold-user{color:#b45309!important}html.light-mode .gold-score,html:not(.dark) .gold-score{color:#d97706!important}html.light-mode .lb-podium-user,html:not(.dark) .lb-podium-user{color:#0f172a!important}html.light-mode .lb-podium-score,html:not(.dark) .lb-podium-score{color:#2563eb!important}html.dark .leaderboard-modal-content{background:linear-gradient(135deg,#0f172ad9,#1e293bbf)!important;backdrop-filter:blur(28px) saturate(180%)!important;-webkit-backdrop-filter:blur(28px) saturate(180%)!important;border:2px solid rgba(255,255,255,.22)!important;box-shadow:0 20px 60px #0009,inset 0 1px 1px #ffffff26!important;color:#fff!important}html.dark .lb-title{color:#fff!important}html.dark .lb-subtitle{color:#94a3b8!important}html.dark .p-1{background:linear-gradient(180deg,#f59e0b59,#d9770633)!important;border:2px solid rgba(251,191,36,.7)!important;color:#fbbf24!important;box-shadow:0 10px 25px #fbbf2440!important}html.dark .p-2{background:linear-gradient(180deg,#94a3b84d,#64748b2e)!important;border:2px solid rgba(148,163,184,.6)!important;color:#e2e8f0!important;box-shadow:0 8px 20px #94a3b833!important}html.dark .p-3{background:linear-gradient(180deg,#e11d484d,#b453092e)!important;border:2px solid rgba(244,63,94,.6)!important;color:#f43f5e!important;box-shadow:0 8px 20px #f43f5e33!important}html.dark .gold-user,html.dark .gold-score{color:#fbbf24!important}html.dark .lb-podium-user{color:#fff!important}html.dark .lb-podium-score{color:#38bdf8!important}.lb-rest-title{font-weight:800;font-size:.95rem;margin-top:10px;margin-bottom:6px;padding-left:4px;letter-spacing:.03em;text-transform:uppercase}html.light-mode .lb-rest-title,html:not(.dark) .lb-rest-title{color:#3b82f6!important}html.dark .lb-rest-title{color:#38bdf8!important}.lb-rest-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;transition:all .2s ease}html.light-mode .leaderboard-item,html:not(.dark) .leaderboard-item{background:linear-gradient(135deg,#ffffffa6,#f0f6ff80)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1.5px solid rgba(255,255,255,.9)!important;box-shadow:0 4px 16px #1f26870f!important;color:#0f172a!important}html.dark .leaderboard-item{background:linear-gradient(135deg,#1e293ba6,#0f172a8c)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1.5px solid rgba(255,255,255,.14)!important;box-shadow:0 4px 16px #00000040!important;color:#fff!important}.lb-rank-num{font-weight:800;font-size:.95rem;width:32px;text-align:center;opacity:.8}.lb-row-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.4)}.lb-row-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.rank-page-body{min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.rank-header-nav{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:sticky;top:0;z-index:100}html.light-mode .rank-header-nav,html:not(.dark) .rank-header-nav{background:#ffffffb8!important;border-bottom:1.5px solid rgba(255,255,255,.85)!important}html.dark .rank-header-nav{background:#0f172abf!important;border-bottom:1.5px solid rgba(255,255,255,.12)!important}.rank-brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.15rem}.rank-brand-logo img{width:38px;height:38px;object-fit:contain}html.light-mode .rank-brand-logo span,html:not(.dark) .rank-brand-logo span{color:#0f172a!important}html.dark .rank-brand-logo span{color:#fff!important}.rank-nav-right{display:flex;align-items:center;gap:12px}.theme-btn-text,.home-btn-text,.nav-btn-text{display:none!important}.theme-toggle-btn-top,.btn-theme-toggle,.btn-home-top,.nav-home-btn,.rank-theme-btn,.rank-nav-btn,.particle-toggle-btn{width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;text-decoration:none!important;line-height:1!important;cursor:pointer!important}.particle-toggle-btn{pointer-events:auto!important;z-index:1000!important;position:relative!important;cursor:pointer!important}.particle-toggle-btn.particles-off{opacity:.5!important;filter:grayscale(80%)!important}.rank-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:40px;border-radius:20px;font-size:1.1rem;text-decoration:none;transition:all .2s ease}html.light-mode .rank-nav-btn,html:not(.dark) .rank-nav-btn{background:#fffc!important;border:1.5px solid rgba(255,255,255,.95)!important;color:#0f172a!important;box-shadow:0 4px 12px #1f268714!important}html.dark .rank-nav-btn{background:#1e293bb3!important;border:1.5px solid rgba(255,255,255,.15)!important;color:#fff!important}.rank-nav-btn:hover{transform:translateY(-2px)}.rank-theme-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;font-size:1.1rem;transition:all .2s ease}html.light-mode .rank-theme-btn,html:not(.dark) .rank-theme-btn{background:#ffffffd9!important;color:#d97706!important;border:1.5px solid rgba(255,255,255,.95)!important}html.dark .rank-theme-btn{background:#1e293bcc!important;color:#fbbf24!important;border:1.5px solid rgba(255,255,255,.15)!important}.rank-main-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}.rank-modal-standalone{margin:0 auto;max-width:720px!important}.rank-modal-standalone .lb-close-btn{display:none!important}html.light-mode #gameHistoryModal .modal-content,html.light-mode .modal-card{background:linear-gradient(135deg,#ffffffa6,#e6f0ff7a)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;color:#0f172a!important;box-shadow:0 12px 40px #1f26871f!important}html.light-mode #gameHistoryModal table th{color:#1d4ed8!important}html.light-mode #gameHistoryModal table td{color:#334155!important;border-color:#fff9!important}html.light-mode .badge,html.light-mode .level-badge,html.light-mode .hsk-badge{background:#2563eb1f!important;color:#1d4ed8!important;border-color:#2563eb40!important}html.light-mode .stats-bar,html.light-mode .stat-item{background:linear-gradient(135deg,#ffffff8c,#e1eeff61)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(255,255,255,.82)!important;color:#0f172a!important}html.light-mode .stat-value{color:#1d4ed8!important}html.light-mode .stat-label{color:#334155!important}html.light-mode #toast{background:#0f172ad9!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.2)!important}html.light-mode .chest-desc,html.light-mode [style*="color: #64748b"],html.light-mode [style*="color:#64748b"]{color:#475569!important}html.light-mode [style*="background: rgba(15,23,42"],html.light-mode [style*="background:rgba(15,23,42"],html.light-mode [style*="background: rgba(15, 23, 42"],html.light-mode [style*="background: rgba(30,41,59"],html.light-mode [style*="background:rgba(30,41,59"],html.light-mode [style*="background: rgba(30, 41, 59"]{background:#f8fafc!important;border-color:#e2e8f0!important}html.light-mode .google-acc-card{background:#f8fafc!important;border-color:#e2e8f0!important;color:#1e293b!important}html.light-mode .google-acc-card:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}html.light-mode .modal-card{background:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important}html.light-mode .zubi-stat-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 16px #0000000f!important;color:#1e293b!important}html.light-mode .sidebar-menu-item,html.light-mode .sidebar-item,html.light-mode .sidebar-subitem,html.light-mode .sidebar-dropdown-toggle,html.light .sidebar-item,html.light .sidebar-subitem,html:not(.dark) .sidebar-item,html:not(.dark) .sidebar-subitem{color:#0f172a!important;font-weight:700!important}html.light-mode .sidebar-item i,html.light-mode .sidebar-subitem i,html.light .sidebar-item i,html:not(.dark) .sidebar-item i{color:#1e293b!important;font-weight:700!important}html.light-mode .sidebar-section-label,html.light .sidebar-section-label,html:not(.dark) .sidebar-section-label{color:#0f172a!important;font-weight:800!important;letter-spacing:.04em!important}html.light-mode .sidebar-header span,html.light .sidebar-header span,html:not(.dark) .sidebar-header span{color:#0f172a!important;font-weight:900!important}html.light-mode .sidebar-menu-item:hover,html.light-mode .sidebar-item:hover,html.light-mode .sidebar-subitem:hover,html.light-mode .sidebar-dropdown-toggle:hover{background:#2563eb24!important;border:1px solid rgba(37,99,235,.25)!important;color:#1d4ed8!important}html.light-mode .sidebar-menu-item.active,html.light-mode .sidebar-item.active,html.light-mode .sidebar-subitem.active{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important;font-weight:800!important;box-shadow:0 4px 14px #1d4ed866!important}html.light-mode .sidebar-item.active i,html.light-mode .sidebar-subitem.active i{color:#fff!important}html.light-mode .sidebar-profile-card{background:#ffffffd9!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 4px 16px #00000014!important;color:#0f172a!important}html.light-mode .sidebar-profile-card .user-name{color:#0f172a!important;font-weight:800!important}html.light-mode .sidebar-profile-card .user-sub{color:#475569!important;font-weight:600!important}html.light-mode .sidebar-profile-card:hover{background:#f1f5f9!important;border-color:#2563eb!important}html.light-mode #sidebar-theme-toggle{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#0f172a!important}html.light-mode #sidebar-theme-toggle:hover{background:#e2e8f0!important;color:#1d4ed8!important}html.dark .app-sidebar{background:#0b0f1973!important;backdrop-filter:blur(28px) saturate(200%)!important;-webkit-backdrop-filter:blur(28px) saturate(200%)!important;border-right:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 40px #0000004d!important}html.dark .sidebar-profile-card,html.dark .user-profile,html.dark .google-acc-card{background:#ffffff14!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:18px!important;box-shadow:0 6px 20px #0003!important;color:#fff!important}html.dark .sidebar-menu-item,html.dark .sidebar-item,html.dark .sidebar-subitem,html.dark .sidebar-dropdown-toggle{color:#f1f5f9!important;border-radius:14px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}html.dark .sidebar-menu-item:hover,html.dark .sidebar-item:hover,html.dark .sidebar-subitem:hover,html.dark .sidebar-dropdown-toggle:hover{background:#ffffff26!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}html.dark .sidebar-menu-item.active,html.dark .sidebar-item.active,html.dark .sidebar-subitem.active{background:linear-gradient(135deg,#3b82f6d9,#2563ebf2)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;font-weight:800!important;box-shadow:0 6px 20px #2563eb73!important}html.dark .user-name{color:#fff!important;font-weight:700!important}html.dark .user-sub,html.dark .sidebar-section-label{color:#94a3b8!important}html.dark #sidebar-theme-toggle{background:#1e293b!important;border-color:#ffffff1f!important;color:#fff!important}html.dark #sidebar-theme-toggle:hover{background:#334155!important;color:#fff!important}html.light-mode .vocab-table tr:nth-child(2n){background:#f8fafc!important}html.light-mode .vocab-table th{background:#f1f5f9!important;color:#475569!important}html.light-mode .vocab-table td{color:#334155!important;border-color:#e2e8f0!important}html.light-mode .lesson-card,html.light-mode .lesson-item{background:#fff!important;border-color:#e2e8f0!important;color:#1e293b!important}html.dark{--bg-primary: #0b0f19;--bg-secondary: #131c31;--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;color:#f8fafc!important}html.dark body{background:url(/assets/app_bg_night_v3.png) no-repeat center center fixed / cover!important;color:#f8fafc!important;transition:background .5s ease-in-out}html.dark .zubi-stat-card,html.dark .zubi-recent-card,html.dark .zubi-table-card,html.dark .google-acc-card,html.dark .modal-card,html.dark .glass-panel,html.dark .voice-control-bar,html.dark .info-sub-card,html.dark .group-block,html.dark .char-detail-inspector,html.dark .vd-box,html.dark .modal-content,html.dark .vocab-panel,html.dark .filter-section,html.dark .writing-workshop,html.dark .sidebar-profile-card{background:#0f172a99!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 32px #0000005e!important;color:#fff!important}html.dark .zubi-stat-val,html.dark .recent-title,html.dark .zubi-td-bold{color:#fff!important}html.dark .zubi-stat-label,html.dark .zubi-eye-icon,html.dark .text-secondary{color:#94a3b8!important}html.light-mode{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .9);--border-glass: rgba(0, 0, 0, .1);--border-glass-hover: rgba(0, 0, 0, .2);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--card-bg-front: #ffffff;--card-bg-back: #f8fafc;color:#0f172a!important}html.light-mode body{background:url(/assets/app_bg_day_v3.png) no-repeat center center fixed / cover!important;color:#0f172a!important;transition:background .5s ease-in-out}html.light-mode h1:not(.btn *),html.light-mode h2:not(.btn *),html.light-mode h3:not(.btn *),html.light-mode h4:not(.btn *),html.light-mode h5:not(.btn *),html.light-mode h6:not(.btn *),html.light-mode p:not(.btn *),html.light-mode span:not(.btn *):not(.badge):not(.badge *):not(.c-red):not(.c-blue):not(.c-green):not(.c-yellow),html.light-mode div:not(.btn *):not(.badge *):not(.btn-node-start),html.light-mode td,html.light-mode th,html.light-mode li,html.light-mode label{color:inherit}html.light-mode [style*="color: #fff"]:not(.btn *):not(.btn):not(.badge *):not(.roadmap-header-banner *):not(.btn-node-start),html.light-mode [style*="color:#fff"]:not(.btn *):not(.btn):not(.badge *):not(.roadmap-header-banner *):not(.btn-node-start),html.light-mode [style*="color: #ffffff"]:not(.btn *):not(.btn):not(.badge *):not(.roadmap-header-banner *):not(.btn-node-start),html.light-mode [style*="color:#ffffff"]:not(.btn *):not(.btn):not(.badge *):not(.roadmap-header-banner *):not(.btn-node-start),html.light-mode [style*="color: white"]:not(.btn *):not(.btn):not(.badge *):not(.roadmap-header-banner *):not(.btn-node-start),html.light-mode [style*="color:white"]:not(.btn *):not(.btn):not(.badge *):not(.roadmap-header-banner *):not(.btn-node-start){color:#0f172a!important}html.light-mode [style*="color: #f8fafc"],html.light-mode [style*="color:#f8fafc"],html.light-mode [style*="color: #e2e8f0"],html.light-mode [style*="color:#e2e8f0"],html.light-mode [style*="color: #cbd5e1"],html.light-mode [style*="color:#cbd5e1"],html.light-mode [style*="color: #94a3b8"],html.light-mode [style*="color:#94a3b8"],html.light-mode [style*="color: #64748b"],html.light-mode [style*="color:#64748b"]{color:#334155!important}html.light-mode [style*="background: rgba(15,23,42"],html.light-mode [style*="background:rgba(15,23,42"],html.light-mode [style*="background: rgba(15, 23, 42"],html.light-mode [style*="background: rgba(30,41,59"],html.light-mode [style*="background:rgba(30,41,59"],html.light-mode [style*="background: rgba(30, 41, 59"],html.light-mode [style*="background: #0f172a"],html.light-mode [style*="background:#0f172a"],html.light-mode [style*="background: #1e293b"],html.light-mode [style*="background:#1e293b"],html.light-mode [style*="background: #0b0f19"],html.light-mode [style*="background:#0b0f19"],html.light-mode [style*="background:rgba(30, 41, 59"],html.light-mode [style*="background: rgba(30,41,59,0.9)"],html.light-mode [style*="background: rgba(30, 41, 59, 0.9)"],html.light-mode [style*="background: rgba(30, 41, 59, 0.95)"],html.light-mode [style*="background: rgba(30,41,59,0.95)"],html.light-mode [style*="background: rgba(30, 41, 59, 0.6)"],html.light-mode [style*="background: rgba(30,41,59,0.6)"]{background:linear-gradient(135deg,#ffffff9e,#e1eeff73)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border-color:#ffffffd9!important;color:#0f172a!important;box-shadow:0 8px 32px #1f268714!important}html.light-mode .roadmap-ver-pill{background:#fff9!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-color:#fffc!important;color:#334155!important}html.light-mode .roadmap-ver-pill:hover{background:#ffffffd9!important;color:#0f172a!important}html.light-mode .roadmap-ver-pill.active{background:#3b82f6!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 4px 12px #2563eb4d!important}html.light-mode .node-info-card{background:linear-gradient(135deg,#ffffff9e,#e1eeff73)!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;color:#0f172a!important;box-shadow:0 8px 32px #1f268714!important}html.light-mode .node-card-title{color:#0f172a!important}html.dark .roadmap-connector-arrow{color:#fff6!important}html:not(.dark) .roadmap-connector-arrow{color:#3b82f6!important}html.light-mode .app-sidebar,html.light .app-sidebar,html:not(.dark) .app-sidebar,body.light-mode .app-sidebar{background:linear-gradient(135deg,#ffffff6b,#dcebff47)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border-right:1px solid rgba(255,255,255,.75)!important;box-shadow:0 10px 35px #1f268714,inset 0 1px 1px #ffffffe6,inset -1px 0 #ffffff80!important}html.light-mode .sidebar-section-label{color:#64748b!important}html.light-mode .btn-primary,html.light-mode .btn-success,html.light-mode .btn-danger,html.light-mode .btn-warning,html.light-mode .ans-btn,html.light-mode .c-red,html.light-mode .c-blue,html.light-mode .c-yellow,html.light-mode .c-green,html.light-mode .btn-node-start{color:#fff!important}.nb-lesson-pill{font-size:.78rem;padding:6px 14px;border-radius:50px;cursor:pointer;border:1px solid rgba(148,163,184,.3);background:#f1f5f9e6;color:#1e293b!important;font-weight:600;transition:all .2s ease}html.dark .nb-lesson-pill,body.dark .nb-lesson-pill{background:#ffffff14;color:#f1f5f9!important;border-color:#ffffff26}.nb-lesson-pill:hover{border-color:#3b82f6;color:#2563eb!important}html.dark .nb-lesson-pill:hover,body.dark .nb-lesson-pill:hover{border-color:#60a5fa;color:#60a5fa!important}.nb-lesson-pill.active{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;font-weight:700;box-shadow:0 2px 8px #2563eb4d}.sidebar-expand-float-btn{display:none;position:fixed;top:16px;left:16px;z-index:999;background:var(--bg-glass, rgba(15, 23, 42, .88));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}html.light-mode,body.light-mode,html.light{--bg-primary: #f1f5f9;--bg-secondary: rgba(255, 255, 255, .7);--bg-glass: rgba(255, 255, 255, .68);--border-glass: rgba(255, 255, 255, .8);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;color:#0f172a!important}html.light-mode body,body.light-mode{background:url(/assets/app_bg_day_v3.png) no-repeat center center fixed / cover!important;color:#0f172a!important;transition:background .5s ease-in-out}html.light-mode .glass-panel,html.light-mode .voice-control-bar,html.light-mode .zubi-stat-card,html.light-mode .zubi-recent-card,html.light-mode .zubi-table-card,html.light-mode .info-sub-card,html.light-mode .group-block,html.light-mode .char-detail-inspector,html.light-mode .vd-box,html.light-mode .modal-content,html.light-mode .vocab-panel,html.light-mode .filter-section,html.light-mode .writing-workshop,html.light-mode .sidebar-profile-card,html.light-mode .user-profile,html.light-mode .google-acc-card{background:#ffffffad!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.85)!important;box-shadow:0 10px 32px #00000014!important;color:#0f172a!important}.sidebar-expand-float-btn{display:none;position:fixed;top:16px;left:16px;z-index:999;background:var(--bg-glass, rgba(15, 23, 42, .88));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass, rgba(255, 255, 255, .18));color:var(--text-primary, #ffffff);padding:8px 18px;border-radius:30px;font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 10px 25px #0000004d;align-items:center;gap:8px;transition:all .25s ease}.sidebar-expand-float-btn:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px #2563eb66}.sidebar-toggle-btn{background:#ffffff14;border:1px solid var(--border-glass, rgba(255, 255, 255, .12));color:var(--text-secondary, #cbd5e1);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto;transition:all .2s ease}.sidebar-toggle-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb}body.sidebar-collapsed .app-sidebar{transform:translate(-100%);opacity:0;pointer-events:none}body.sidebar-collapsed .main-layout{margin-left:0!important;width:100%!important;max-width:100%!important}body.sidebar-collapsed .sidebar-expand-float-btn{display:flex!important}.btn,.node-btn,.btn-node-start,.lesson-mod-btn,.circle-btn,button{border-radius:16px!important;font-family:var(--font-display),"Be Vietnam Pro",sans-serif!important;font-weight:700!important;letter-spacing:.02em;transition:transform .1s ease,box-shadow .1s ease,background-color .2s ease!important}.btn-primary,.btn-cartoon-green{background:#58cc02!important;color:#fff!important;box-shadow:0 4px #46a302,0 6px 12px #58cc024d!important;border:none!important}.btn-primary:active,.btn-cartoon-green:active{transform:translateY(3px)!important;box-shadow:0 1px #46a302!important}.btn-secondary,.btn-cartoon-blue{background:#1cb0f6!important;color:#fff!important;box-shadow:0 4px #1899d6,0 6px 12px #1cb0f64d!important;border:none!important}.btn-secondary:active,.btn-cartoon-blue:active{transform:translateY(3px)!important;box-shadow:0 1px #1899d6!important}.modal-content,.zubi-stat-card,.glass-panel,.card,.dashboard-card{border-radius:24px!important;border:2px solid var(--border-glass, #e2e8f0)!important;box-shadow:0 10px 30px #0000001f,0 4px #0000000d!important}.roadmap-badge,.badge,.zubi-pill,.lesson-badge{border-radius:50px!important;font-family:var(--font-display),sans-serif!important;font-weight:800!important}.tab-btn,.pill-btn,.nb-lesson-pill{border-radius:20px!important;font-weight:700!important}.tab-btn.active,.nb-lesson-pill.active{box-shadow:0 3px #00000026!important}html,body,#app{margin:0!important;padding:0!important;width:100%!important;min-width:100vw!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;box-sizing:border-box!important;background-attachment:fixed!important}html,body,#app,html.dark,html.dark body,body.dark,html.dark #app{background:url(/assets/app_bg_night_v3.png) no-repeat center center fixed / cover!important}html.light-mode,html.light-mode body,body.light-mode,html.light,html.light body,html.light-mode #app{background:url(/assets/app_bg_day_v3.png) no-repeat center center fixed / cover!important}.main-layout,.zubi-dashboard-container,#home-view-section,.workspace-section,.app-container,.content-wrapper{background:transparent!important;box-shadow:none!important;border-radius:0!important;margin:0!important;width:100%!important;max-width:100%!important;padding:20px 28px!important;box-sizing:border-box!important}body.sidebar-collapsed .main-layout,body.sidebar-collapsed .zubi-dashboard-container{margin-left:0!important;width:100%!important;max-width:100%!important}html.dark .zubi-header-banner,html.dark .zubi-stat-card,html.dark .zubi-recent-card,html.dark .zubi-table-wrap,html.dark .zubi-table-card,html.dark .glass-panel,html.dark .controls-dashboard,html.dark .review-banner,html.dark .deck-card,html.dark .notebook-card,html.dark .modal-content,html.dark .sidebar-profile-card,html.dark .google-acc-card,html.dark .pinyin-card,html.dark .phonetic-card,html.dark .grammar-card,html.dark .hub-card,html.dark .reader-card,html.dark .info-sub-card,html.dark .char-detail-inspector,html.dark .vd-box,html.dark .vocab-panel,html.dark .filter-section,html.dark .writing-workshop,html.dark .voice-control-bar,html.dark .phonetics-header,html.dark .table-card,html.dark .game-card,html.dark .chat-card,html.dark .rules-card,html.dark .detail-card,html.dark .top-bar,html.dark .custom-words-table-wrapper,html.dark .dict-search-panel,html.dark .dict-details-panel,html.dark .smart-flashcard-config,html.dark .topic-card,html.dark .selection-card,html.dark #flashcard-topics-view,html.dark #flashcard-subdecks-view,html.dark #deck-selection-view,html.dark #roadmap-view-section,html.dark #flashcard-section,html.dark #custom-section{background:#0f172a47!important;backdrop-filter:blur(6px) saturate(160%)!important;-webkit-backdrop-filter:blur(6px) saturate(160%)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 8px 32px #00000040!important;color:#fff!important}html.light-mode .zubi-header-banner,html.light-mode .zubi-stat-card,html.light-mode .zubi-recent-card,html.light-mode .zubi-table-wrap,html.light-mode .zubi-table-card,html.light-mode .glass-panel,html.light-mode .controls-dashboard,html.light-mode .review-banner,html.light-mode .deck-card,html.light-mode .notebook-card,html.light-mode .modal-content,html.light-mode .sidebar-profile-card,html.light-mode .google-acc-card,html.light-mode .pinyin-card,html.light-mode .phonetic-card,html.light-mode .grammar-card,html.light-mode .hub-card,html.light-mode .reader-card,html.light-mode .info-sub-card,html.light-mode .char-detail-inspector,html.light-mode .vd-box,html.light-mode .vocab-panel,html.light-mode .filter-section,html.light-mode .writing-workshop,html.light-mode .voice-control-bar,html.light-mode .phonetics-header,html.light-mode .table-card,html.light-mode .game-card,html.light-mode .chat-card,html.light-mode .rules-card,html.light-mode .detail-card,html.light-mode .top-bar,html.light-mode .custom-words-table-wrapper,html.light-mode .dict-search-panel,html.light-mode .dict-details-panel,html.light-mode .smart-flashcard-config,html.light-mode .topic-card,html.light-mode .selection-card,html.light-mode #flashcard-topics-view,html.light-mode #flashcard-subdecks-view,html.light-mode #deck-selection-view,html.light-mode #roadmap-view-section,html.light-mode #flashcard-section,html.light-mode #custom-section{background:#ffffff61!important;backdrop-filter:blur(6px) saturate(160%)!important;-webkit-backdrop-filter:blur(6px) saturate(160%)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 8px 32px #00000014!important;color:#0f172a!important}