@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--brand:#55c;--brand-hover:#44b;--brand-soft:#e8e8f5;--brand-border:#ccd;--success:#2a6;--success-soft:#dee;--warning:#d92;--warning-soft:#fed;--danger:#c44;--danger-soft:#fdd;--bg:#f4f6fb;--bg-elevated:#fff;--bg-subtle:#f8fafc;--sidebar-bg:#fff;--topbar-bg:#fff;--input-bg:#fff;--text:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--radius-sm:4px;--radius:6px;--radius-lg:8px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 2px 6px #0000000f;--shadow-lg:0 4px 12px #00000014;--focus-ring:0 0 0 2px #55c3;--bg-card:#fff;--bg-card2:#f8fafc;--bg-secondary:#f1f5f9;--primary:#4a6cf7;--primary-light:#6b89ff;--primary-dark:#3b5af0}[data-theme=dark]{--brand:#6b89ff;--brand-hover:#8196ff;--brand-soft:#6b89ff1f;--brand-border:#6b89ff47;--success:#34d399;--success-soft:#34d39924;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--bg:#0f1117;--bg-elevated:#1a1f2e;--bg-subtle:#161b27;--sidebar-bg:#131720;--topbar-bg:#131720;--input-bg:#1e2435;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--border:#2d3748;--border-strong:#374151;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 28px #0000008c;--focus-ring:0 0 0 3px #6b89ff59;--bg-card:#1a1f2e;--bg-card2:#161b27;--bg-secondary:#131720;--primary:#6b89ff;--primary-light:#8196ff;--primary-dark:#4a6cf7}html{font-size:15px;scroll-behavior:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fb;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{color:inherit;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px #55c3;box-shadow:var(--focus-ring);outline:none}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border:2px solid #f4f6fb;border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--border-strong)}.gradient-text{color:#55c;color:var(--brand)}.page-enter{animation:fade-in .22s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px;white-space:nowrap}.badge-primary{background:#e8e8f5;background:var(--brand-soft);color:#55c;color:var(--brand)}.badge-success{background:#dee;background:var(--success-soft);color:#2a6;color:var(--success)}.badge-warning{background:#fed;background:var(--warning-soft);color:#d92;color:var(--warning)}.badge-danger{background:#fdd;background:var(--danger-soft);color:#c44;color:var(--danger)}.sidebar{background:#fff;background:var(--sidebar-bg,#fff);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;min-width:256px;overflow:hidden;position:relative;transition:width .22s cubic-bezier(.4,0,.2,1),min-width .22s cubic-bezier(.4,0,.2,1);width:256px;z-index:100}.sidebar.collapsed{min-width:68px;width:68px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-section-label,.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-guest-cta,.sidebar.collapsed .sidebar-xp,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:18px 0}.sidebar.collapsed .sidebar-user{justify-content:center;margin:0 10px 8px;padding:12px 0}.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .nav-item{border-left:none;border-radius:10px;justify-content:center;margin:0 8px;padding:12px 0}.sidebar.collapsed .nav-item.active{border-left:none}.sidebar-logo{gap:10px;padding:20px 20px 16px}.logo-icon,.sidebar-logo{align-items:center;display:flex;flex-shrink:0}.logo-icon{background:var(--primary);background:var(--brand,var(--primary));border-radius:10px;color:#fff;height:36px;justify-content:center;min-width:36px;width:36px}.logo-text{color:var(--primary);color:var(--brand,var(--primary));font-size:17px;font-weight:800;letter-spacing:-.3px;white-space:nowrap}.sidebar-collapse-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;box-shadow:0 2px 6px #0000001f;color:var(--text-muted);cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:-11px;top:24px;transition:all .18s;width:22px;z-index:10}.sidebar-collapse-btn:hover{background:var(--primary);background:var(--brand,var(--primary));border-color:var(--brand,var(--primary));color:#fff}.sidebar-user{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border:1px solid var(--border);border-radius:10px;gap:10px;margin:0 12px 4px;overflow:hidden;padding:10px 14px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--primary);background:var(--brand,var(--primary));border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;min-width:34px;width:34px}.user-info{flex:1 1;min-width:0}.user-name{color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge{align-items:center;display:flex;font-size:10px;font-weight:700;gap:3px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.user-lang{color:var(--text-muted);font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-xp{padding:8px 20px 12px}.xp-header{display:flex;font-size:11px;justify-content:space-between;margin-bottom:5px}.xp-label,.xp-streak{align-items:center;color:var(--text-muted);display:flex;gap:3px}.xp-streak{font-weight:600}.xp-bar{background:var(--border);height:5px;overflow:hidden}.xp-bar,.xp-fill{border-radius:10px}.xp-fill{background:linear-gradient(90deg,var(--primary),#a78bfa);background:linear-gradient(90deg,var(--brand,var(--primary)),#a78bfa);height:100%;transition:width .4s ease}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:4px 12px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.5;padding:14px 8px 5px;text-transform:uppercase}.nav-item{align-items:center;border-radius:10px;color:var(--text-muted);display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.nav-item .nav-icon{flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#4a6cf714;background:var(--brand-soft,#4a6cf714)}.nav-item.active,.nav-item:hover{color:var(--primary);color:var(--brand,var(--primary))}.nav-item.active{background:#4a6cf71a;background:var(--brand-soft,#4a6cf71a);font-weight:600}.nav-item.active .nav-icon{color:var(--primary);color:var(--brand,var(--primary))}.sidebar:not(.collapsed) .nav-item.active{border-left:3px solid var(--brand,var(--primary));padding-left:9px}.nav-item-admin,.nav-item-admin:hover{color:#f87171!important}.nav-item-admin:hover{background:#ef444414!important}.nav-item-admin.active{background:#ef44441f!important;border-left-color:#f87171!important;color:#f87171!important}.sidebar-guest-cta{background:#4a6cf70f;border:1px solid #4a6cf72e;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin:0 12px 12px;padding:14px}.sidebar-guest-text{color:var(--text-muted);font-size:12px;font-weight:500}.sidebar-guest-btn{background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:8px;color:#fff;display:block;font-size:12px;font-weight:700;padding:8px 12px;text-align:center;text-decoration:none;transition:opacity .2s}.sidebar-guest-btn:hover{opacity:.88}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 12px 16px}.daily-goal{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border:1px solid var(--border);border-radius:10px;padding:10px 14px}.goal-header{align-items:center;color:var(--text-muted);display:flex;gap:5px;margin-bottom:7px}.goal-label{color:var(--text-muted);font-size:11px;font-weight:600}.goal-progress-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:5px;overflow:hidden}.goal-progress-fill{background:var(--primary);background:var(--brand,var(--primary));border-radius:2px;height:100%;transition:width .3s}.goal-cards{color:var(--text-muted);font-size:11px;font-weight:600}@media (max-width:768px){.sidebar{background:#fff;background:var(--sidebar-bg,#fff);border-right:none;border-top:1px solid var(--border);bottom:0;box-shadow:0 -1px 12px #00000012;flex-direction:row;height:58px!important;left:0;min-height:58px!important;min-width:100vw!important;overflow:hidden;position:fixed;right:0;width:100vw!important;z-index:300}.nav-section-label,.sidebar-collapse-btn,.sidebar-footer,.sidebar-guest-cta,.sidebar-logo,.sidebar-user,.sidebar-xp{display:none!important}.sidebar-nav{align-items:stretch;flex:1 1;flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{align-items:center;border-left:none!important;border-radius:0!important;color:var(--text-muted);flex:1 1;flex-direction:column;font-size:9.5px;gap:3px;justify-content:center;max-width:80px;min-width:52px;padding:6px 2px}.nav-item.active{background:#4a6cf712!important;background:var(--brand-soft,#4a6cf712)!important;border-left:none!important;border-top:2px solid var(--brand,var(--primary))!important;color:var(--primary)!important;color:var(--brand,var(--primary))!important;padding-left:2px!important}.nav-label{display:block!important;font-size:9.5px;line-height:1.1;opacity:1!important;overflow:visible;text-align:center}.nav-icon{height:18px;width:18px}}.topbar{align-items:center;background:#fff;background:var(--topbar-bg,#fff);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;height:56px;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar-left{flex:1 1}.topbar-search-btn{align-items:center;background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:10px;max-width:320px;padding:7px 14px;transition:all .2s;width:100%}.topbar-search-btn:hover{background:#6366f10f;border-color:#6366f166;color:var(--text)}.topbar-search-btn span{flex:1 1;text-align:left}.topbar-search-btn kbd{background:#6366f11f;border:1px solid #6366f133;border-radius:5px;color:var(--primary-light);font-family:inherit;font-size:11px;padding:1px 6px}.topbar-search-full{align-items:center;background:var(--bg-card);border:1px solid var(--primary);border-radius:10px;color:var(--text-muted);display:flex;gap:10px;max-width:400px;padding:7px 14px;width:100%}.topbar-search-full input{background:none;border:none;color:var(--text);flex:1 1;font-size:13px;outline:none}.topbar-search-full button{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:2px;transition:color .2s}.topbar-search-full button:hover{color:var(--text)}.topbar-right{gap:8px}.topbar-icon-btn,.topbar-right{align-items:center;display:flex}.topbar-icon-btn{background:#6366f10f;border:1px solid #6366f11f;border-radius:10px;color:var(--text-muted);cursor:pointer;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.topbar-icon-btn:hover{background:#6366f11f;border-color:#6366f14d;color:var(--primary-light)}.notif-wrap{position:relative}.notif-badge{align-items:center;border:2px solid var(--bg);border-radius:50%;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.notif-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:300px;z-index:200}.notif-header{border-bottom:1px solid var(--border);color:var(--text);font-size:13px;font-weight:700;padding:14px 16px}.notif-item{border-bottom:1px solid #6366f112;padding:12px 16px;transition:background .15s}.notif-item:hover{background:#6366f10d}.notif-item:last-child{border-bottom:none}.notif-item.unread{border-left:3px solid var(--primary)}.notif-text{color:var(--text);font-size:13px;margin-bottom:3px}.notif-time{color:var(--text-muted);font-size:11px}.notif-empty{color:var(--text-muted);font-size:13px;padding:20px 16px;text-align:center}.topbar-user-btn{align-items:center;background:#6366f10f;border:1px solid #6366f126;border-radius:12px;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:5px 10px 5px 5px;transition:all .2s}.topbar-user-btn:hover{background:#6366f11f;border-color:#6366f159}.topbar-avatar{align-items:center;background:var(--primary);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.topbar-user-info{display:flex;flex-direction:column;text-align:left}.topbar-user-name{color:var(--text);font-size:12px;font-weight:600;line-height:1.2}.topbar-user-role{font-size:10px;font-weight:600;line-height:1.2}.chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.chevron.open{opacity:.6}.user-menu-wrap{position:relative}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:220px;z-index:200}.user-dropdown-header{align-items:center;background:var(--bg-card2);border-bottom:1px solid var(--border);display:flex;gap:10px;padding:14px 16px}.ud-avatar{align-items:center;background:var(--primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.ud-name{color:var(--text);font-size:13px;font-weight:600}.ud-email{color:var(--text-muted);font-size:11px;margin-top:1px}.ud-divider{background:var(--border);height:1px;margin:4px 0}.ud-item{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;text-align:left;transition:all .15s;width:100%}.ud-item:hover{background:#6366f10f;color:var(--text)}.ud-item.admin{color:#fbbf24}.ud-item.admin:hover{background:#f59e0b14}.ud-item.logout{color:#f87171}.ud-item.logout:hover{background:#ef444414}@media (max-width:768px){.topbar{gap:8px;height:52px;padding:0 12px}.topbar-search-btn{font-size:12px;max-width:160px;padding:6px 10px}.topbar-search-btn kbd{display:none}.topbar-search-full{max-width:100%}.chevron,.topbar-user-info{display:none}.topbar-user-btn{gap:0;padding:4px}.notif-dropdown{right:-40px;width:260px}.user-dropdown{right:-8px;width:200px}}.dashboard{max-width:1400px;padding:32px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.dashboard-title{color:var(--text);font-size:28px;font-weight:700;margin-bottom:6px}.dashboard-subtitle{color:var(--text-muted);font-size:14px}.streak-badge{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:10px 16px}.streak-fire{font-size:28px}.streak-count{color:#fbbf24;font-size:24px;font-weight:800;line-height:1}.streak-label{color:var(--text-muted);font-size:11px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:14px;padding:20px}.stat-card:hover{border-color:var(--primary)}.stat-glow{display:none}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-value{color:var(--text);font-size:26px;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{color:var(--text-muted);font-size:12px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 340px}.dashboard-main{display:flex;flex-direction:column;gap:20px}.dashboard-sidebar{display:flex;flex-direction:column;gap:16px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.card-header{justify-content:space-between;margin-bottom:16px}.card-header,.card-header h2{align-items:center;display:flex}.card-header h2{color:var(--text);font-size:15px;font-weight:600;gap:8px}.card-action{background:none;border:1px solid #6366f14d;border-radius:6px;color:var(--primary-light);cursor:pointer;font-size:12px;padding:4px 10px;transition:all .2s}.card-action:hover{background:#6366f11a}.today-stats{align-items:baseline;display:flex;gap:6px;margin-bottom:12px}.today-done{color:var(--primary);font-size:40px;font-weight:800;line-height:1}.today-goal,.today-sep{color:var(--text-muted);font-size:24px}.today-goal{font-weight:600}.today-label{color:var(--text-muted);font-size:14px;margin-left:4px}.today-bar{background:#6366f11a;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a;height:8px;margin-bottom:16px;overflow:hidden}.today-fill{background:var(--primary);border-radius:10px;height:100%}.today-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-primary{border-radius:8px;font-size:13px}.btn-primary:hover{opacity:.9}.btn-secondary{border-radius:8px;font-size:13px}.week-bars{align-items:flex-end;display:flex;gap:8px;height:100px}.week-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.week-bar{background:var(--primary);border-radius:4px 4px 0 0;width:100%}.week-bar.today{background:var(--success)}.week-bar:hover{background:var(--primary-light);cursor:pointer}.week-day{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.language-list{display:flex;flex-direction:column;gap:10px}.lang-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px}.lang-item.active,.lang-item:hover{background:var(--bg-secondary);border-color:var(--primary)}.lang-flag{font-size:22px}.lang-details{flex:1 1}.lang-name{color:var(--text);font-size:13px;font-weight:600;margin-bottom:4px}.lang-progress-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden}.lang-fill{background:var(--primary);border-radius:2px;height:100%}.lang-xp{color:#fbbf24;font-size:12px;font-weight:600}.ai-tip-card{background:var(--bg-card2);border:1px solid var(--border)}.ai-tip-card.visible{opacity:1}.ai-tip-header{align-items:center;color:var(--primary-light);display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:10px}.ai-tip-text{color:var(--text);font-size:13px;line-height:1.6;margin-bottom:12px}.ai-tip-refresh{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:0;text-decoration:underline;transition:color .2s}.ai-tip-refresh:hover{color:var(--primary-light)}.rec-list{display:flex;flex-direction:column;gap:8px}.rec-item{align-items:flex-start;background:var(--bg-card2);border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:10px}.rec-item.type-exercise{border-left:2px solid var(--primary)}.rec-item.type-tip{border-left:2px solid var(--warning)}.rec-item.type-dictionary{border-left:2px solid var(--success)}.rec-icon{align-items:center;background:#6366f126;border-radius:7px;color:var(--primary-light);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.rec-content{flex:1 1}.rec-title{color:var(--text);font-size:12px;font-weight:600;margin-bottom:2px}.rec-reason{color:var(--text-muted);font-size:11px}.rec-btn{align-items:center;align-self:center;background:#6366f126;border:none;border-radius:6px;color:var(--primary-light);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.quick-stat-list{display:flex;flex-direction:column;gap:8px}.quick-stat{align-items:center;display:flex;font-size:13px;gap:8px}.qs-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.qs-dot.new{background:var(--text-muted)}.qs-dot.learning{background:var(--warning)}.qs-dot.review{background:var(--primary-light)}.qs-dot.mastered{background:var(--success)}.qs-label{color:var(--text-muted);flex:1 1}.qs-count{color:var(--text);font-weight:700}.dict-mini{align-items:center;border-bottom:1px solid var(--border);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 4px;transition:opacity .2s}.dict-mini:last-child{border-bottom:none}.dict-mini:hover{opacity:.8}.dict-mini-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dict-mini-name{color:var(--text);flex:1 1}.dict-mini-count{color:var(--text-muted)}.admin-widget{border-left:3px solid #f87171}.admin-widget-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.aw-stat{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.aw-stat.warn{color:#f59e0b}.aw-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.aw-dot.active{background:var(--success)}.aw-top{border-top:1px solid var(--border);padding-top:10px}.aw-top-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.aw-top-user{align-items:center;display:flex;font-size:12px;gap:8px;padding:4px 0}.aw-rank{color:var(--text-muted);width:24px}.aw-name{flex:1 1;font-weight:500}.aw-xp{color:var(--primary);font-size:11px;font-weight:600}.ai-quick-ask{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:14px;margin-bottom:24px;padding:16px 20px;transition:all .2s}.ai-quick-ask:hover{background:var(--brand-soft);border-color:var(--brand-border)}.ai-quick-icon{align-items:center;background:var(--primary);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ai-quick-title{color:var(--text);font-size:15px;font-weight:700}.ai-quick-sub{color:var(--text-muted);font-size:12px}.ai-quick-arrow{color:var(--text-muted);flex-shrink:0;margin-left:auto}.ai-quest-card{background:linear-gradient(135deg,#f59e0b1a,#f59e0b08);border:1px solid #f59e0b40;border-radius:12px;margin-bottom:20px;padding:14px 18px}.ai-quest-card.completed{background:linear-gradient(135deg,#10b9811a,#10b98108);border-color:#10b98140}.ai-quest-header{align-items:center;display:flex;gap:12px}.ai-quest-icon{font-size:24px}.ai-quest-info{flex:1 1}.ai-quest-title{color:var(--text);font-size:14px;font-weight:700}.ai-quest-desc{color:var(--text-muted);font-size:12px}.ai-quest-btn{background:var(--warning);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:7px 14px}.ai-companion-card{align-items:center;background:linear-gradient(135deg,#6366f11a,#6366f108);border:1px solid #6366f133;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:14px 18px}.ai-companion-icon{font-size:22px}.ai-companion-text{flex:1 1}.ai-companion-title{color:var(--text);font-size:14px;font-weight:700}.ai-companion-desc{color:var(--text-muted);font-size:12px}.ai-companion-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;padding:7px 14px}@media (max-width:768px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;gap:12px;margin-bottom:20px}.dashboard-title{font-size:22px}.streak-badge{align-self:flex-start}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.stat-card{gap:10px;padding:14px}.stat-icon{height:36px;width:36px}.stat-value{font-size:20px}.dashboard-grid{gap:16px;grid-template-columns:1fr}.today-done{font-size:32px}.today-goal{font-size:20px}.today-sep{font-size:18px}.ai-quick-ask{padding:12px 14px}.ai-quick-icon{height:36px;width:36px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-icon{height:32px;width:32px}.stat-value{font-size:18px}.stat-label{font-size:11px}}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:center;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;max-width:360px;min-width:220px;padding:12px 16px;pointer-events:all}.toast-success{background:#10b9812e;border-color:#10b9814d;color:#34d399}.toast-error{background:#ef44442e;border-color:#ef44444d;color:#f87171}.toast-info{background:#6366f12e;border-color:#6366f14d;color:#818cf8}.toast-xp{background:#f59e0b2e;border-color:#f59e0b4d;color:#fbbf24}.toast-achievement{background:#6366f133;border-color:#6366f166;color:var(--text)}.toast-icon{flex-shrink:0;font-size:18px}.toast-msg{flex:1 1}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;opacity:.5;padding:0 2px}.toast-close:hover{opacity:1}.flashcards-page{max-width:900px;padding:32px}.flashcards-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.flashcards-header h1{font-size:28px;font-weight:800;margin-bottom:4px}.page-subtitle{color:var(--text-muted);font-size:14px}.fc-actions{display:flex;gap:10px}.fc-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.filter-btn:hover{background:var(--bg-card2);color:var(--text)}.filter-btn.active{background:#6366f126;border-color:#6366f166;color:var(--primary-light)}.filter-count{background:var(--bg-card2);border-radius:10px;color:var(--text-muted);font-size:11px;padding:1px 6px}.filter-btn.active .filter-count{background:#6366f133;color:var(--primary-light)}.fc-main{align-items:center;display:flex;flex-direction:column;gap:20px}.card-counter{color:var(--text-muted);font-size:13px}.flashcard{cursor:pointer;height:320px;max-width:560px;width:100%}.flashcard-inner{height:100%;position:relative;width:100%}.flashcard-back,.flashcard-front{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;position:absolute;text-align:center;width:100%}.flashcard-front{display:flex}.flashcard-back,.flashcard.flipped .flashcard-front{display:none}.flashcard.flipped .flashcard-back{display:flex}.fc-lang-badge{background:#6366f126;border-radius:6px;color:var(--primary-light);font-size:11px;font-weight:700;padding:3px 8px;position:absolute;right:16px;top:16px}.fc-term{color:var(--text);font-size:36px;font-weight:800;margin-bottom:8px}.fc-phonetic{color:var(--text-muted);font-size:16px;font-style:italic;margin-bottom:8px}.fc-pos{background:#6366f11a;border-radius:20px;color:var(--primary-light);font-size:12px;margin-bottom:12px;padding:3px 10px}.fc-flip-hint{bottom:16px;color:var(--text-muted);opacity:.6}.fc-flip-hint,.fc-status-badge{font-size:11px;position:absolute}.fc-status-badge{border-radius:6px;font-weight:600;left:16px;padding:3px 8px;top:16px}.fc-status-badge.status-new{background:#94a3b826;color:#94a3b8}.fc-status-badge.status-learning{background:#f59e0b26;color:#fbbf24}.fc-status-badge.status-review{background:#6366f126;color:var(--primary-light)}.fc-status-badge.status-mastered{background:#10b98126;color:#34d399}.fc-translation{color:var(--text);font-size:28px;font-weight:700;margin-bottom:12px}.fc-example{font-size:13px;font-style:italic;line-height:1.5;margin-bottom:12px;max-width:400px}.fc-example,.fc-stats{color:var(--text-muted)}.fc-stats{display:flex;font-size:12px;gap:12px}.fc-nav{align-items:center;display:flex;gap:16px;justify-content:center;max-width:560px;width:100%}.fc-quick-actions{display:flex;gap:10px}.btn-icon{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover:not(:disabled){background:var(--bg-card2);color:var(--text)}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.btn-correct-sm,.btn-wrong-sm{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:5px;padding:8px 16px;transition:all .2s}.btn-wrong-sm{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.btn-wrong-sm:hover{background:#ef444433}.btn-correct-sm{background:#10b9811a;border:1px solid #10b9814d;color:#34d399}.btn-correct-sm:hover{background:#10b98133}.fc-grid-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:560px}.fc-dot{border-radius:50%;cursor:pointer;height:10px;transition:transform .2s;width:10px}.fc-dot:hover{opacity:.8}.fc-dot.active{outline:2px solid #fff}.fc-dot.status-new{background:#64748b}.fc-dot.status-learning{background:#f59e0b}.fc-dot.status-review{background:var(--primary-light)}.fc-dot.status-mastered{background:#10b981}.empty-state{padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px;margin-bottom:8px}.results-screen{align-items:center;display:flex;flex-direction:column;padding:60px 20px;text-align:center}.results-emoji{font-size:56px;margin-bottom:16px}.results-screen h2{font-size:28px;font-weight:800;margin-bottom:28px}.results-stats{display:flex;gap:32px;margin-bottom:32px}.res-stat{text-align:center}.res-val{color:var(--primary-light);font-size:36px;font-weight:800;line-height:1;margin-bottom:6px}.res-lbl{color:var(--text-muted);font-size:13px}.results-actions{display:flex;gap:12px}.study-header{gap:16px;margin-bottom:32px}.study-header,.study-progress{align-items:center;display:flex}.study-progress{color:var(--text-muted);flex:1 1;font-size:13px;gap:12px}.study-progress-bar{background:var(--border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.study-progress-fill{background:var(--primary);border-radius:3px;height:100%}.study-score{align-items:center;color:#34d399;display:flex;font-size:14px;font-weight:700;gap:4px}.study-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin:0 auto;max-width:600px;padding:40px;width:100%}.study-word{font-size:36px;font-weight:800}.study-phonetic,.study-word{margin-bottom:8px;text-align:center}.study-phonetic{color:var(--text-muted);font-size:16px;font-style:italic}.study-pos{background:#6366f11a;border-radius:20px;color:var(--primary-light);display:inline-block;font-size:12px;margin:0 auto 16px;padding:3px 10px}.study-example{background:var(--bg-card2);border-radius:10px;color:var(--text-muted);font-size:14px;font-style:italic;margin-bottom:24px;padding:12px;text-align:center}.study-input-area{display:flex;flex-direction:column;gap:12px}.study-input{background:var(--bg-card2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;outline:none;padding:14px 16px;transition:border-color .2s;width:100%}.study-input:focus{border-color:var(--primary)}.study-buttons{display:flex;gap:10px;justify-content:center}.study-answer-revealed{align-items:center;display:flex;flex-direction:column;gap:16px}.answer-text{color:var(--success);font-size:24px;font-weight:700}.btn-correct,.btn-wrong{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:12px 24px;transition:all .2s}.btn-wrong{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.btn-wrong:hover{background:#ef444440}.btn-correct{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.btn-correct:hover{background:#10b98140}.quiz-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:600px;padding:40px;width:100%}.quiz-question{color:var(--text-muted);font-size:14px}.quiz-word{font-size:32px;font-weight:800;text-align:center}.quiz-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:8px;width:100%}.quiz-option{background:var(--bg-card2);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-size:14px;padding:14px 16px;text-align:left;transition:all .2s}.quiz-option:hover:not(:disabled){background:#6366f11a;border-color:#6366f166}.quiz-option.correct{background:#10b98126;border-color:#10b98180;color:#34d399}.quiz-option.wrong{background:#ef444426;border-color:#ef444480;color:#f87171}.quiz-option:disabled{cursor:not-allowed}.next-btn{gap:6px;margin-top:8px}.fc-tts-btn,.next-btn{align-items:center;display:flex}.fc-tts-btn{background:#6366f11f;border:1px solid #6366f140;border-radius:8px;color:var(--primary-light);cursor:pointer;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px;z-index:2}.fc-tts-btn:hover{background:#6366f140}.fc-hotkeys-hint{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.hotkeys-toggle{align-items:center;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:4px 12px;transition:all .2s}.hotkeys-toggle:hover{border-color:#6366f166;color:var(--primary-light)}.hotkeys-list{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:16px;justify-content:center}.hotkeys-list span{align-items:center;display:flex;gap:4px}kbd{background:var(--bg-card2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:monospace;font-size:10px;padding:1px 6px}@media (max-width:768px){.flashcards-page{padding:16px}.flashcards-header{flex-direction:column;gap:12px;margin-bottom:16px}.flashcards-header h1{font-size:22px}.fc-actions{width:100%}.fc-filters{margin-bottom:16px}.study-card{border-radius:14px;padding:24px}.study-word{font-size:26px}.study-phonetic{font-size:14px}.quiz-options{grid-template-columns:1fr}.difficulty-buttons{flex-direction:column;gap:6px}.flashcard-card{padding:14px}.flashcard-word{font-size:16px}}@media (max-width:480px){.flashcards-page{padding:12px}.study-card{padding:16px}.study-word{font-size:22px}.filter-btn,.study-example{font-size:12px}.filter-btn{padding:6px 10px}}.dictionaries-page{height:100vh;overflow:hidden}.dict-layout{display:grid;grid-template-columns:320px 1fr;height:100%}@media (max-width:900px){.dict-layout{grid-template-columns:1fr}.dict-detail-panel,.dict-layout.has-selected .dict-list-panel{display:none}.dict-layout.has-selected .dict-detail-panel{display:block}}.dict-list-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;padding:24px 0}.dict-panel-header{align-items:center;display:flex;justify-content:space-between;padding:0 20px 16px}.dict-panel-header h1{font-size:22px;font-weight:800}.dict-search{margin:0 20px 12px;position:relative}.search-icon{color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--bg-card2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;outline:none;padding:9px 12px 9px 36px;width:100%}.search-input:focus{border-color:var(--primary)}.lang-filter-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 20px 12px}.lang-tab{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:11px;padding:5px 10px;transition:all .2s;white-space:nowrap}.lang-tab:hover{color:var(--text)}.lang-tab.active{background:#6366f126;border-color:#6366f166;color:var(--primary-light)}.dict-cards{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 12px}.dict-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;overflow:hidden;position:relative;transition:all .2s}.dict-card:hover{border-color:#6366f166}.dict-card.selected{background:#6366f114;border-color:#6366f180}.dict-card-color{align-self:stretch;flex-shrink:0;width:5px}.dict-card-body{flex:1 1;padding:12px}.dict-card-top{display:flex;justify-content:space-between;margin-bottom:4px}.dict-lang{font-size:11px}.dict-lang,.dict-level{color:var(--text-muted)}.dict-level{background:var(--bg-card2);border-radius:6px;font-size:10px;padding:1px 6px}.dict-card-name{color:var(--text);font-size:14px;font-weight:600;margin-bottom:2px}.dict-card-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:11px;line-height:1.4;margin-bottom:6px;overflow:hidden}.dict-card-footer{align-items:center;display:flex;justify-content:space-between}.dict-word-count{color:var(--primary-light);font-size:11px;font-weight:600}.dict-tags{display:flex;gap:4px}.tag{align-items:center;background:#6366f11a;border-radius:4px;color:var(--primary-light);display:flex;font-size:10px;gap:3px;padding:2px 6px}.tag.small{font-size:9px}.dict-arrow{color:var(--text-muted);flex-shrink:0;margin-right:10px}.dict-detail-panel{overflow-y:auto;padding:28px 32px}.detail-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.detail-header-color{align-self:stretch;border-radius:4px;flex-shrink:0;min-height:60px;width:8px}.detail-header-info{flex:1 1}.detail-lang{color:var(--text-muted);font-size:12px;margin-bottom:4px}.detail-header-info h2{font-size:24px;font-weight:800;margin-bottom:6px}.detail-header-info p{color:var(--text-muted);font-size:13px;margin-bottom:10px}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-actions{align-items:flex-start;gap:8px}.btn-sm{padding:7px 12px!important}.btn-danger-sm{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;cursor:pointer;display:flex;padding:7px 10px;transition:all .2s}.btn-danger-sm:hover{background:#ef444433}.detail-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:20px;margin-bottom:24px;padding:16px}.det-stat{text-align:center}.det-stat-val{color:var(--primary-light);font-size:24px;font-weight:800}.det-stat-lbl{color:var(--text-muted);font-size:11px;margin-top:2px}.words-list{display:flex;flex-direction:column;gap:10px}.word-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .2s}.word-item:hover{border-color:#6366f14d}.word-main{align-items:center;display:flex;gap:10px;margin-bottom:4px}.word-term{color:var(--text);font-size:18px;font-weight:700}.word-phonetic{color:var(--text-muted);font-size:13px;font-style:italic}.word-pos{background:#6366f11a;border-radius:10px;color:var(--primary-light);font-size:11px;padding:2px 8px}.word-translation{color:var(--text-muted);font-size:15px;margin-bottom:4px}.word-example{color:var(--text-muted);font-size:12px;font-style:italic;margin-bottom:8px}.word-footer{align-items:center;display:flex;justify-content:space-between}.word-tags{display:flex;gap:4px}.btn-delete-word{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;transition:all .2s}.btn-delete-word:hover{background:#ef44441a;color:#f87171}.detail-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;text-align:center}.detail-empty h3{color:var(--text);font-size:20px;font-weight:700;margin:16px 0 8px}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{font-size:17px;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 24px}.modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.form-input{resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-dot{border:3px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:transform .2s;width:28px}.color-dot:hover{opacity:.8}.color-dot.selected{border-color:#fff;opacity:1}.word-term-row{gap:8px}.word-term-row,.word-tts-btn{align-items:center;display:flex}.word-tts-btn{background:#6366f11a;border:1px solid #6366f133;border-radius:6px;color:var(--primary-light);cursor:pointer;flex-shrink:0;height:26px;justify-content:center;transition:all .2s;width:26px}.word-tts-btn:hover{background:#6366f140}.detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.dict-export-all{border-top:1px solid var(--border);margin-top:auto;padding:12px 20px}.btn-sm{font-size:12px!important;padding:6px 12px!important}.ai-tutor-page{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.ai-tutor-layout{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 320px;min-height:0}.ai-chat-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.ai-chat-header{background:var(--bg-card);border-bottom:1px solid var(--border);gap:12px;justify-content:space-between;padding:20px 24px}.ai-chat-header,.ai-clear-btn{align-items:center;display:flex}.ai-clear-btn{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;justify-content:center;padding:6px}.ai-clear-btn:hover{background:var(--bg-card2);color:var(--text)}.ai-mode-tabs{background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;gap:4px;overflow-x:auto;padding:8px 16px}.ai-mode-tab{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.ai-mode-tab.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand)}.ai-mode-tab:hover:not(.active){background:var(--bg-card2);color:var(--text)}.ai-persona-bar{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;gap:6px;overflow-x:auto;padding:6px 16px}.ai-persona-label{font-weight:600}.ai-persona-btn,.ai-persona-label{color:var(--text-muted);font-size:11px;white-space:nowrap}.ai-persona-btn{align-items:center;background:none;border:1px solid #0000;border-radius:20px;cursor:pointer;display:flex;gap:4px;padding:4px 10px;transition:all .2s}.ai-persona-btn.active{background:var(--brand-soft);border-color:var(--brand-border);color:var(--brand)}.ai-persona-btn:hover:not(.active){background:var(--bg-card2);color:var(--text)}.ai-persona-name{display:none}@media (min-width:480px){.ai-persona-name{display:inline}}.ai-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ai-name{color:var(--text);font-size:15px;font-weight:700}.ai-status{color:#10b981;font-size:11px}.ai-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px 24px}.message{align-items:flex-end;display:flex;gap:8px}.message.user{flex-direction:row-reverse}.msg-avatar{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.msg-bubble{border-radius:18px;font-size:14px;line-height:1.5;max-width:70%;padding:12px 16px;position:relative}.message.ai .msg-bubble{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px}.message.user .msg-bubble{background:var(--primary);border-bottom-right-radius:4px;color:#fff}.msg-time{color:var(--text-muted);font-size:10px;margin-top:4px;text-align:right}.message.user .msg-time{color:#fff9}.msg-bubble.typing{align-items:center;display:flex;gap:4px;padding:14px 18px}.msg-bubble.typing span{background:var(--text-muted);border-radius:50%;height:6px;opacity:.6;width:6px}.quick-questions{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px}.quick-q{background:#6366f114;border:1px solid #6366f133;border-radius:20px;color:var(--primary-light);cursor:pointer;font-size:11px;padding:5px 10px;transition:all .2s;white-space:nowrap}.quick-q:hover{background:#6366f126}.ai-input-area{border-top:1px solid var(--border);display:flex;gap:10px;padding:16px 24px}.ai-input{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.ai-input:focus{border-color:var(--primary)}.ai-send-btn{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.ai-send-btn:hover:not(:disabled){opacity:.9}.ai-send-btn:disabled{cursor:not-allowed;opacity:.4}.ai-sidebar{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:20px 16px}.ai-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px}.ai-card-header{align-items:center;color:var(--primary-light);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.ai-card-header span:last-child{flex:1 1}.refresh-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;padding:3px}.refresh-btn:hover{color:var(--primary-light)}.ai-tip-content{color:var(--text);font-size:12px;line-height:1.6}.progress-analysis{display:flex;flex-direction:column;gap:10px}.pa-item{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:8px}.pa-bar{background:var(--border);flex:1 1;height:4px;overflow:hidden}.pa-bar,.pa-fill{border-radius:2px}.pa-fill{background:var(--primary);height:100%;transition:width .5s}.pa-val{color:var(--text);font-size:11px;font-weight:700;min-width:30px;text-align:right}.level-suggestion{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#fbbf24;display:flex;font-size:12px;gap:6px;padding:8px 10px}.rec-list-ai{display:flex;flex-direction:column;gap:8px}.rec-ai-item{align-items:flex-start;display:flex;gap:8px}.rec-ai-icon{align-items:center;background:#6366f126;border-radius:6px;color:var(--primary-light);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.rec-ai-title{color:var(--text);font-size:11px;font-weight:600;margin-bottom:2px}.rec-ai-desc{color:var(--text-muted);font-size:10px;line-height:1.4}.mini-exercises{display:flex;flex-direction:column;gap:8px}.mini-ex{align-items:center;background:var(--bg-card2);border-radius:8px;display:flex;font-size:12px;gap:8px;padding:8px 10px}.mini-ex-word{color:var(--text);font-weight:700}.empty-ex,.mini-ex-hint{color:var(--text-muted)}.empty-ex{font-size:12px;padding:8px;text-align:center}.ai-test-btn{align-items:center;background:var(--brand);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:10px;padding:8px 16px;transition:background .2s;width:-webkit-fit-content;width:fit-content}.ai-test-btn:hover{background:var(--brand-hover)}.ai-dict-btn{background:#2a6;background:var(--success,#2a6)}.ai-dict-btn:hover{background:#1a8f55}@media (max-width:768px){.ai-tutor-layout{grid-template-columns:1fr}.ai-sidebar{display:none}.ai-chat-panel{border-right:none}.ai-messages{padding:12px}.msg-bubble{font-size:13px;max-width:85%}.ai-input-area,.msg-bubble{padding:10px 12px}.quick-questions{padding:8px 12px}}.progress-page{max-width:1400px;padding:32px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.progress-header h1{font-size:28px;font-weight:800}.lang-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;padding:8px 14px}.progress-overview{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:28px}.ov-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transition:transform .2s}.ov-card:hover{border-color:var(--primary)}.ov-icon{align-items:center;border-radius:10px;display:flex;height:36px;justify-content:center;width:36px}.ov-icon.xp{background:#f59e0b26;color:#fbbf24}.ov-icon.words{background:#10b98126;color:#34d399}.ov-icon.accuracy{background:#6366f126;color:var(--primary-light)}.ov-icon.sessions{background:#ec489926;color:#f472b6}.ov-icon.time{background:#3b82f626;color:#60a5fa}.ov-icon.streak{background:#ef444426;color:#f87171}.ov-val{color:var(--text);font-size:22px;font-weight:800;line-height:1}.ov-lbl{color:var(--text-muted);font-size:11px}.progress-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px}.progress-main{gap:20px}.progress-main,.progress-sidebar{display:flex;flex-direction:column}.progress-sidebar{gap:16px}.p-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.p-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.p-card-header h2{align-items:center;display:flex;font-size:15px;font-weight:600;gap:8px}.no-data{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.chart-area{padding:4px 0}.bar-chart{align-items:flex-end;gap:12px;height:160px;padding-bottom:8px}.chart-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:flex-end}.chart-bar-wrap{align-items:flex-end;display:flex;gap:2px;justify-content:center;width:100%}.chart-bar{background:#6366f14d;border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease;width:50%}.chart-bar.correct{background:#10b98180}.chart-label{color:var(--text-muted);font-size:10px;text-align:center}.chart-xp{color:#fbbf24;font-size:9px;font-weight:600}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:12px}.legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:6px}.leg-dot{border-radius:2px;height:10px;width:10px}.leg-dot.total{background:#6366f180}.leg-dot.correct{background:#10b98180}.week-activity{display:flex;justify-content:space-around;padding:8px 0}.day-dot{align-items:center;display:flex;flex-direction:column;gap:6px}.day-circle{background:var(--border);border-radius:50%;height:32px;transition:all .2s;width:32px}.day-dot.active .day-circle{background:var(--primary)}.day-dot.today .day-circle{border:2px solid var(--primary-light)}.day-dot span{color:var(--text-muted);font-size:11px}.day-dot.today span{color:var(--primary-light)}.cards-breakdown{align-items:center;display:flex;gap:24px}.card-donut{flex-shrink:0;height:120px;width:120px}.donut-svg{height:100%;width:100%}.card-stats-list{display:flex;flex:1 1;flex-direction:column;gap:10px}.cs-item{align-items:center;display:flex;font-size:13px;gap:8px}.cs-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cs-dot.mastered{background:#10b981}.cs-dot.review{background:#6366f1}.cs-dot.learning{background:#f59e0b}.cs-dot.new{background:#64748b}.cs-lbl{color:var(--text-muted);flex:1 1}.cs-val{color:var(--text);font-weight:700;min-width:24px}.cs-pct{color:var(--text-muted);font-size:11px;min-width:30px;text-align:right}.level-card{display:flex;flex-direction:column;gap:8px}.level-current{color:var(--primary-light);font-size:18px;font-weight:800}.level-xp{color:var(--text-muted);font-size:12px}.level-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.level-fill{background:var(--primary);border-radius:4px;height:100%}.level-next{color:var(--text-muted);font-size:11px}.total-stats{display:flex;flex-direction:column;gap:10px}.ts-item{border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;padding-bottom:8px}.ts-item:last-child{border-bottom:none}.ts-val{color:var(--text);font-weight:700}.achievements-list{display:flex;flex-direction:column;gap:8px}.achievement{align-items:center;border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.achievement.achieved{background:#10b9810f;border-color:#10b98140}.achievement.locked{filter:grayscale(.6);opacity:.45}.ach-icon{font-size:20px}.ach-info{flex:1 1}.ach-title{color:var(--text);font-size:12px;font-weight:600}.ach-desc{color:var(--text-muted);font-size:10px}@media (max-width:768px){.progress-page{padding:16px}.progress-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.progress-header h1{font-size:22px}.progress-overview{gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.ov-card{padding:12px}.ov-value{font-size:20px}.charts-row{gap:16px;grid-template-columns:1fr}.chart-card{padding:16px}.week-chart{gap:6px}.week-bar{width:20px}.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.progress-overview{grid-template-columns:repeat(2,1fr)}.ov-value{font-size:18px}.achievements-grid{grid-template-columns:1fr}}.settings-page{max-width:800px;padding:32px}.settings-header{margin-bottom:28px}.settings-header h1{align-items:center;display:flex;font-size:28px;font-weight:800;gap:10px}.settings-layout{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:12px}.section-header{align-items:center;border-bottom:1px solid var(--border);color:var(--primary-light);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.8px;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.section-header.danger{color:#f87171}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.profile-display{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px}.profile-avatar-big{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:56px;justify-content:center;width:56px}.profile-name{color:var(--text);font-size:18px;font-weight:700;margin-bottom:4px}.profile-stats{color:var(--text-muted);font-size:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input{background:var(--bg-card2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--primary)}.input-with-btn{display:flex;gap:10px}.input-with-btn .form-input{flex:1 1}.btn-save{align-items:center;border-radius:10px;display:flex;gap:6px;padding:10px 18px;transition:all .2s;white-space:nowrap}.btn-save:hover{background:var(--primary-dark)}.btn-save.saved{background:#10b981}.mt-16{margin-top:16px}.add-lang-header,.current-lang-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sect-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sect-hint,.sect-label{color:var(--text-muted)}.sect-hint{font-size:11px}.add-lang-header{margin-top:16px}.active-langs{display:flex;flex-direction:column;gap:8px}.lang-setting-item{align-items:center;background:var(--bg-card2);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s}.lang-setting-item:hover{border-color:#6366f14d}.lang-setting-item.active{background:#6366f114;border-color:#6366f180}.lang-flag-big{font-size:24px}.lang-setting-info{flex:1 1}.lang-setting-name{color:var(--text);font-size:14px;font-weight:600}.lang-setting-stats{color:var(--text-muted);font-size:11px;margin-top:2px}.active-badge{background:#10b9811a;border-radius:6px;color:#10b981;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.active-badge,.btn-remove-lang{align-items:center;display:flex}.btn-remove-lang{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;padding:5px;transition:all .2s}.btn-remove-lang:hover{background:#ef44441a;color:#f87171}.add-langs-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.add-lang-btn{align-items:center;background:var(--bg-card2);border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;transition:all .2s}.add-lang-btn:hover{background:#6366f10d;border-color:#6366f166;color:var(--primary-light)}.add-icon{margin-left:auto;opacity:.6}.setting-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 0}.setting-row:last-child{border-bottom:none;padding-bottom:0}.setting-row:first-child{padding-top:0}.setting-label{flex:1 1}.setting-name{color:var(--text);font-size:14px;font-weight:600;margin-bottom:2px}.setting-desc{color:var(--text-muted);font-size:12px}.goal-selector{display:flex;gap:6px}.goal-btn{background:var(--bg-card2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;height:36px;transition:all .2s;width:36px}.goal-btn:hover{border-color:#6366f166;color:var(--primary-light)}.goal-btn.active{background:#6366f126;border-color:#6366f180;color:var(--primary-light)}.toggle{border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:2px;transition:background .2s;width:44px}.toggle.on{background:var(--primary)}.toggle.off{background:var(--border)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;height:20px;transition:transform .2s;width:20px}.toggle.on .toggle-thumb{transform:translateX(20px)}.danger-card{border-color:#ef444433}.danger-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.danger-title{color:var(--text);font-size:14px;font-weight:600;margin-bottom:4px}.danger-desc{color:var(--text-muted);font-size:12px}.btn-danger{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px;transition:all .2s;white-space:nowrap}.btn-danger:hover{background:#ef444433}.confirm-btns{align-items:center;display:flex;gap:8px}.confirm-text{color:#f87171;font-size:12px;font-weight:600}.about-card{padding:4px 0}.about-logo{align-items:center;display:flex;gap:14px;margin-bottom:16px}.about-icon{font-size:36px}.about-name{color:var(--primary);font-size:22px;font-weight:800}.about-ver{font-size:12px}.about-desc,.about-ver{color:var(--text-muted)}.about-desc{font-size:13px;line-height:1.6;margin-bottom:16px}.about-features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.feat-item{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}@media (max-width:768px){.settings-page{padding:16px}.settings-header h1{font-size:22px}.settings-layout{gap:16px}.settings-card{padding:16px}.profile-form-grid{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.notif-row{align-items:flex-start;flex-direction:column;gap:8px}.notif-toggle{align-self:flex-end}.plan-card{flex-direction:column;gap:12px}.plan-features{grid-template-columns:1fr}}@media (max-width:480px){.settings-page{padding:12px}.theme-grid{grid-template-columns:1fr}.danger-btn{width:100%}}.auth-page{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-container{grid-gap:0;border:1px solid var(--border);border-radius:8px;display:grid;gap:0;grid-template-columns:1fr 420px;max-width:960px;min-height:580px;overflow:hidden;width:100%}.auth-left{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0;justify-content:center;padding:48px 44px}.auth-left-logo{align-items:center;display:flex;gap:12px;margin-bottom:36px}.auth-logo-icon{align-items:center;background:var(--primary);border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.auth-brand{color:var(--text);font-size:24px;font-weight:800}.auth-left-title{color:var(--text);font-size:26px;font-weight:700;line-height:1.3;margin:0 0 10px}.auth-left-sub{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 32px}.auth-left-features{display:flex;flex-direction:column;gap:14px}.auth-feature-card{background:var(--bg-card);border:1px solid var(--border);gap:14px;padding:12px 14px}.auth-feature-card,.auth-feature-icon{align-items:center;border-radius:6px;display:flex}.auth-feature-icon{flex-shrink:0;height:36px;justify-content:center;width:36px}.auth-feature-title{color:var(--text);font-size:13px;font-weight:700;margin-bottom:2px}.auth-feature-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.auth-card{background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;padding:44px 40px}.auth-card-title{color:var(--text);font-size:22px;font-weight:700;margin-bottom:4px}.auth-card-sub{color:var(--text-muted);font-size:13px;margin-bottom:24px}.auth-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;margin-bottom:24px;padding:4px}.auth-tab{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:9px}.auth-tab.active{background:var(--primary);color:#fff}.auth-form{gap:16px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;z-index:1}.auth-input-wrap input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;padding:12px 14px 12px 42px;width:100%}.auth-input-wrap input:focus{background:var(--bg-card);border-color:var(--primary)}.auth-eye-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:12px}.auth-eye-btn:hover{color:var(--primary-light)}.auth-error{background:#ef444414;border:1px solid #ef444440;border-radius:8px;color:#f87171;font-size:13px;padding:10px 14px}.auth-error,.auth-submit-btn{align-items:center;display:flex;gap:8px}.auth-submit-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;justify-content:center;margin-top:4px;padding:13px;width:100%}.auth-submit-btn:hover:not(:disabled){opacity:.9}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.auth-switch{color:var(--text-muted);font-size:13px;margin-top:20px;text-align:center}.auth-switch-link{background:none;border:none;color:var(--primary-light);cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:underline}.auth-switch-link:hover{opacity:.8}@media (max-width:760px){.auth-container{border-radius:12px;grid-template-columns:1fr;min-height:0;min-height:auto}.auth-left{border-bottom:1px solid var(--border);border-right:none;padding:32px 28px 24px}.auth-left-title{font-size:20px}.auth-left-features{display:none}.auth-card{padding:32px 28px}}@media (max-width:480px){.auth-page{padding:12px}.auth-left{padding:24px 20px 20px}.auth-card{padding:24px 20px}}.leaderboard-page{max-width:1000px;padding:32px}.lb-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.lb-header h1{align-items:center;display:flex;font-size:26px;font-weight:800;gap:10px;margin-bottom:4px}.lb-subtitle{color:var(--text-muted);font-size:13px}.lb-period-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;padding:4px}.lb-tab{background:none;border:none;border-radius:9px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .2s;white-space:nowrap}.lb-tab.active{background:var(--primary);color:#fff}.lb-podium{align-items:flex-end;display:flex;gap:0;justify-content:center;margin-bottom:36px;padding:0 40px}.podium-slot{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:180px}.podium-slot.is-me .podium-name{color:var(--primary-light)}.podium-avatar{align-items:center;background:var(--bg-card);border:3px solid var(--border);border-radius:50%;display:flex;font-size:28px;height:64px;justify-content:center;margin-bottom:8px;position:relative;transition:transform .2s;width:64px}.podium-slot.rank-1 .podium-avatar{border-color:#fbbf24;box-shadow:0 0 20px #fbbf244d;font-size:34px;height:76px;width:76px}.podium-slot.rank-2 .podium-avatar{border-color:#94a3b8}.podium-slot.rank-3 .podium-avatar{border-color:#b45309}.podium-rank-badge{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;bottom:-6px;display:flex;height:24px;justify-content:center;position:absolute;right:-6px;width:24px}.podium-name{color:var(--text);font-size:14px;font-weight:700;margin-bottom:4px;text-align:center}.podium-xp{color:#fbbf24;font-size:12px;font-weight:600;gap:4px;margin-bottom:8px}.podium-stand,.podium-xp{align-items:center;display:flex}.podium-stand{border-radius:12px 12px 0 0;justify-content:center;transition:height .6s cubic-bezier(.34,1.56,.64,1);width:100%}.podium-stand.gold{background:#fbbf2426;border:1px solid #fbbf244d;border-bottom:none}.podium-stand.silver{background:#94a3b826;border:1px solid #94a3b840;border-bottom:none}.podium-stand.bronze{background:#b4530926;border:1px solid #b4530940;border-bottom:none}.podium-number{font-size:24px;font-weight:900;opacity:.3}.lb-list{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-bottom:16px;overflow:hidden}.lb-list-header{background:var(--bg-card2);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.lb-list-header,.lb-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:44px 1fr 110px 80px 60px 140px}.lb-row{align-items:center;border-bottom:1px solid #6366f10f;padding:14px 20px;transition:background .15s}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:#6366f10a}.lb-row-me{background:#6366f112!important;border-left:3px solid var(--primary)}.lb-rank{align-items:center;display:flex;justify-content:center}.rank-num{color:var(--text-muted);font-size:14px;font-weight:700}.lb-user{gap:12px}.lb-avatar,.lb-user{align-items:center;display:flex}.lb-avatar{background:var(--bg-card2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.lb-name{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:600;gap:6px}.you-badge{border-radius:4px;color:var(--primary-light)}.lb-email{color:var(--text-muted);font-size:11px;margin-top:1px}.lb-xp{color:#fbbf24;font-weight:700}.lb-streak,.lb-xp{align-items:center;display:flex;font-size:14px;gap:5px}.lb-streak{color:#f87171;font-weight:600}.lb-level{font-size:20px}.lb-progress{align-items:center;display:flex;gap:8px}.lb-progress-bar{background:var(--border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.lb-progress-fill{background:var(--primary);border-radius:3px;height:100%}.lb-pct{font-size:11px;min-width:28px;text-align:right}.lb-my-rank,.lb-pct{color:var(--text-muted)}.lb-my-rank{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:14px;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;padding:14px 20px}.lb-my-rank strong{color:var(--primary-light)}.lb-gap{margin-left:auto}.gap-xp{color:#34d399}@media (max-width:768px){.leaderboard-page{padding:16px}.lb-header{flex-direction:column;gap:12px;margin-bottom:20px}.lb-header h1{font-size:22px}.lb-period-tabs{align-self:stretch}.lb-row{gap:10px;padding:10px 14px}.lb-rank{font-size:13px;width:28px}.lb-avatar{height:32px;width:32px}.lb-avatar,.lb-name,.lb-xp{font-size:13px}.lb-my-rank{font-size:12px;padding:12px 14px}}@media (max-width:480px){.leaderboard-page{padding:12px}.lb-row{padding:8px 10px}.lb-avatar{display:none}.lb-name{font-size:12px}}.admin-page{max-width:1300px;padding:32px}.admin-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.admin-header h1{align-items:center;display:flex;font-size:26px;font-weight:800;gap:10px;margin-bottom:4px}.admin-subtitle{color:var(--text-muted);font-size:13px}.admin-role-badge{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:20px;color:#f87171;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.admin-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:20px;transition:transform .2s}.admin-stat-card:hover{border-color:var(--primary)}.admin-stat-icon{align-items:center;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.admin-stat-icon.users{background:#6366f126;color:var(--primary-light)}.admin-stat-icon.active{background:#10b98126;color:#34d399}.admin-stat-icon.admins{background:#ef444426;color:#f87171}.admin-stat-icon.xp{background:#f59e0b26;color:#fbbf24}.admin-stat-val{color:var(--text);font-size:28px;font-weight:800;line-height:1}.admin-stat-lbl{color:var(--text-muted);font-size:12px}.admin-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:4px;width:-webkit-fit-content;width:fit-content}.admin-tab{align-items:center;background:none;border:none;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s}.admin-tab.active{background:var(--primary);color:#fff}.admin-controls{flex-wrap:wrap;gap:12px;margin-bottom:16px}.admin-controls,.admin-search{align-items:center;display:flex}.admin-search{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);flex:1 1;gap:10px;min-width:200px;padding:8px 14px}.admin-search input{background:none;border:none;color:var(--text);flex:1 1;font-size:13px;outline:none}.admin-filter{align-items:center;color:var(--text-muted);display:flex;gap:6px}.filter-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .2s}.filter-chip.active{background:#6366f126;border-color:#6366f166;color:var(--primary-light)}.admin-users-table{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.table-header{background:var(--bg-card2);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase}.table-header,.table-row{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:2fr 1.3fr .8fr .8fr 1.2fr 1fr 1.2fr}.table-row{align-items:center;font-size:13px;padding:14px 20px;transition:background .15s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#6366f10a}.table-row.inactive{opacity:.5}.user-cell,.user-cell-edit{align-items:center;display:flex;gap:10px}.user-avatar-sm{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.user-name-cell{color:var(--text);font-size:13px;font-weight:600}.user-email{color:var(--text-muted);font-size:11px;margin-top:2px}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.xp-cell{color:#fbbf24;font-weight:600}.date-cell{color:var(--text-muted)}.status-badge{border-radius:6px;font-weight:600;padding:3px 8px}.status-badge.active{background:#10b9811f;color:#34d399}.status-badge.blocked{background:#ef44441f;color:#f87171}.action-btns{display:flex;gap:6px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;transition:all .2s;width:30px}.action-btn.edit{background:#6366f11f;color:var(--primary-light)}.action-btn.edit:hover{background:#6366f140}.action-btn.delete{background:#ef44441f;color:#f87171}.action-btn.delete:hover{background:#ef444440}.action-btn.block{background:#f59e0b1f;color:#fbbf24}.action-btn.block:hover{background:#f59e0b40}.action-btn.unblock{background:#10b9811f;color:#34d399}.action-btn.unblock:hover{background:#10b98140}.action-btn.save{background:#10b98126;color:#34d399}.action-btn.cancel{background:#ef44441f;color:#f87171}.edit-input{font-size:13px;max-width:140px;padding:4px 8px;width:100%}.edit-input,.role-select{background:var(--bg-card2);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none}.role-select{cursor:pointer;font-size:12px;padding:5px 8px}.table-empty{color:var(--text-muted);font-size:14px;padding:32px;text-align:center}.stats-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.stats-detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px}.stats-detail-card h3{color:var(--text);font-size:14px;font-weight:700;margin-bottom:16px}.role-distribution{display:flex;flex-direction:column;gap:12px}.role-dist-item,.role-dist-label{margin-bottom:4px}.role-dist-label{display:flex;font-size:12px;justify-content:space-between}.role-dist-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.role-dist-fill{border-radius:3px;height:100%;transition:width .5s}.top-xp-list{display:flex;flex-direction:column;gap:8px}.top-xp-item{font-size:13px;gap:10px}.top-rank,.top-xp-item{align-items:center;display:flex}.top-rank{background:var(--bg-card2);border-radius:6px;color:var(--text-muted);font-size:11px;height:24px;width:24px}.top-avatar,.top-rank{flex-shrink:0;font-weight:700;justify-content:center}.top-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;height:28px;width:28px}.top-name{flex:1 1;font-weight:600}.top-xp{color:#fbbf24;font-size:12px;font-weight:700}.activity-placeholder{align-items:flex-end;display:flex;height:100px}.activity-bars{align-items:flex-end;display:flex;gap:8px;height:100%;width:100%}.activity-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:flex-end}.activity-bar-fill{background:var(--primary);border-radius:4px 4px 0 0;min-height:4px;width:100%}.activity-bar-day{color:var(--text-muted);font-size:10px}.streak-stats{display:flex;gap:20px;justify-content:center;padding:12px 0}.streak-stat{text-align:center}.streak-val{color:var(--primary-light);font-size:32px;font-weight:800}.streak-lbl{color:var(--text-muted);font-size:11px;margin-top:4px}.system-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.system-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.system-card-icon{align-items:center;background:#6366f126;border-radius:12px;color:var(--primary-light);display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.system-card-icon.version{background:#10b98126;color:#34d399}.system-card-icon.roles{background:#ef444426;color:#f87171}.system-card h3{font-size:14px;font-weight:700;margin-bottom:12px}.system-info-rows{margin-bottom:16px}.system-info-row{border-bottom:1px solid var(--border);color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.system-info-row:last-child{border-bottom:none}.sys-val{color:var(--text);font-weight:600}.sys-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;text-align:center;transition:all .2s;width:100%}.sys-btn.danger{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}.sys-btn.danger:hover{background:#ef444433}.permissions-list{display:flex;flex-direction:column;gap:12px}.perm-group{margin-bottom:8px}.perm-role{font-size:12px;font-weight:700;margin-bottom:4px}.perm-item{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;padding:2px 0}.admin-permissions-section{padding:4px 0}.perm-notice{align-items:center;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:10px;color:#92400e;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.perm-matrix{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.perm-matrix-header{background:var(--bg-card2);font-size:12px;font-weight:700;letter-spacing:.04em;padding:12px 16px;text-transform:uppercase}.perm-matrix-header,.perm-matrix-row{border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 120px 120px 120px}.perm-matrix-row{align-items:center;font-size:13px;padding:10px 16px;transition:background .15s}.perm-matrix-row:last-child{border-bottom:none}.perm-matrix-row:hover{background:var(--bg-card2)}.perm-feature-col{color:var(--text)}.perm-role-col{display:flex;justify-content:center}.perm-role-cards{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.perm-role-cards h3{align-items:center;display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:16px}.perm-quick-assign{display:flex;flex-direction:column;gap:10px}.perm-assign-row{align-items:center;background:var(--bg-card2);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:10px 12px}.perm-assign-name{flex:1 1;font-size:13px;font-weight:500}.user-detail-panel{background:var(--bg-card2);border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;font-size:12px;gap:12px 24px;grid-column:1/-1;margin-top:8px;padding:12px 16px}.udp-row{align-items:center;display:flex;gap:6px}.udp-row span:first-child{color:var(--text-muted)}.udp-row code{background:#6366f11a;border-radius:4px;font-size:11px}.udp-row code,.you-badge{color:var(--primary);padding:1px 6px}.you-badge{background:#6366f126;border-radius:10px;display:inline-block;font-size:10px;font-weight:700;margin-left:6px;vertical-align:middle}.current-user-row{background:#6366f10a}.action-btn.view{background:#6366f11a;border:1px solid #6366f133;color:var(--primary)}.action-btn.view:hover{background:#6366f133}@media (max-width:768px){.admin-page{padding:16px}.admin-header{flex-direction:column;gap:12px;margin-bottom:20px}.admin-header h1{font-size:22px}.admin-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.admin-stat{padding:14px}.admin-stat-value{font-size:22px}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px 10px}.admin-tabs{gap:4px}.admin-tab{font-size:12px;padding:8px 12px}.action-btn{font-size:11px;padding:5px 10px}}@media (max-width:480px){.admin-page{padding:12px}.admin-stats{grid-template-columns:1fr}.admin-table td:nth-child(3),.admin-table th:nth-child(3){display:none}}.manager-panel{max-width:1200px;padding:32px}.manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.manager-title{color:var(--text);font-size:26px;font-weight:700;margin-bottom:4px}.manager-subtitle{color:var(--text-muted);font-size:13px}.manager-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;padding:4px}.manager-tab{align-items:center;background:none;border:none;border-radius:7px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 16px}.manager-tab.active{background:var(--primary);color:#fff}.manager-tab-count{background:#fff3;border-radius:10px;color:inherit;font-size:11px;font-weight:700;padding:1px 7px}.manager-tab:not(.active) .manager-tab-count{background:var(--bg-card);color:var(--text-muted)}.manager-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.manager-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:16px 20px}.manager-stat-value{color:var(--text);font-size:26px;font-weight:800;line-height:1}.manager-stat-label{color:var(--text-muted);font-size:12px}.manager-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.manager-search{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;gap:8px;max-width:320px;padding:8px 14px}.manager-search input{background:none;border:none;color:var(--text);flex:1 1;font-size:13px;outline:none}.btn-add{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;padding:9px 18px}.btn-add:hover{opacity:.9}.ai-gen-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.manager-table{background:var(--bg-card);border:1px solid var(--border);border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.manager-table th{background:var(--bg-secondary);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;padding:11px 16px;text-align:left;text-transform:uppercase}.manager-table td,.manager-table th{border-bottom:1px solid var(--border)}.manager-table td{color:var(--text);font-size:13px;padding:13px 16px;vertical-align:middle}.manager-table tr:last-child td{border-bottom:none}.manager-table tr:hover td{background:var(--bg-secondary)}.tbl-actions{align-items:center;display:flex;gap:6px}.tbl-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:5px 11px}.tbl-btn:hover{border-color:var(--primary);color:var(--primary-light)}.tbl-btn.danger:hover{border-color:#ef4444;color:#f87171}.status-badge{border:1px solid #0000;border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px}.status-badge.published{background:#10b9811a;border-color:#10b9814d;color:#34d399}.status-badge.draft{background:#9ca3af1a;border-color:#9ca3af4d;color:#9ca3af}.status-badge.archived{background:#ef44441a;border-color:#ef44444d;color:#f87171}.status-badge.pending{background:#f59e0b1a;border-color:#f59e0b4d;color:#fbbf24}.status-badge.confirmed{background:#10b9811a;border-color:#10b9814d;color:#34d399}.status-badge.rejected{background:#ef44441a;border-color:#ef44444d;color:#f87171}.status-badge.public{background:#6366f11a;border-color:#6366f14d;color:#818cf8}.status-badge.private{background:#9ca3af1a;border-color:#9ca3af4d;color:#9ca3af}.mgr-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.mgr-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.mgr-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.mgr-modal-title{color:var(--text);font-size:17px;font-weight:700}.mgr-modal-close{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:16px;padding:4px 8px}.mgr-modal-body{gap:14px;padding:24px}.mgr-field,.mgr-modal-body{display:flex;flex-direction:column}.mgr-field{gap:5px}.mgr-field label{color:var(--text-muted);font-size:12px;font-weight:600}.mgr-field input,.mgr-field select,.mgr-field textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;outline:none;padding:10px 12px;resize:vertical}.mgr-field input:focus,.mgr-field select:focus,.mgr-field textarea:focus{border-color:var(--primary)}.mgr-fields-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.mgr-fields-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.mgr-modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text)}.btn-cancel,.btn-save{cursor:pointer;font-size:13px;font-weight:600;padding:9px 20px}.btn-save{background:var(--primary);border:none;border-radius:8px;color:#fff}.btn-save:hover{opacity:.9}.questions-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.question-item{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:12px 14px}.question-item-num{background:#6366f11f;border-radius:6px;color:var(--primary-light);flex-shrink:0;font-size:12px;font-weight:700;margin-top:1px;padding:2px 8px}.question-item-text{color:var(--text);flex:1 1;font-size:13px}.question-item-type{color:var(--text-muted);font-size:11px;margin-top:3px}.btn-add-question{background:none;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;text-align:center;width:100%}.btn-add-question:hover{border-color:var(--primary);color:var(--primary-light)}.word-pairs-list{display:flex;flex-direction:column;gap:8px}.word-pair-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr auto}.word-pair-row input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none;padding:8px 10px}.word-pair-row input:focus{border-color:var(--primary)}.btn-remove-pair{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:5px 8px}.btn-remove-pair:hover{border-color:#ef4444;color:#f87171}.tier-price-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.tier-price-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.tier-price-label{color:var(--text-muted);font-size:12px;font-weight:700}.tier-price-card input{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none;padding:7px 10px}.purchases-list{display:flex;flex-direction:column;gap:10px}.purchase-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:16px;padding:16px 20px}.purchase-info{flex:1 1}.purchase-course{color:var(--text);font-size:14px;font-weight:600}.purchase-meta{color:var(--text-muted);display:flex;font-size:12px;gap:10px;margin-top:3px}.purchase-amount{color:var(--text);font-size:16px;font-weight:700}.purchase-actions{display:flex;gap:8px}.btn-confirm{background:#10b9811f;border:1px solid #10b9814d;border-radius:7px;color:#34d399}.btn-confirm,.btn-reject{cursor:pointer;font-size:12px;font-weight:600;padding:7px 14px}.btn-reject{background:#ef44441a;border:1px solid #ef44444d;border-radius:7px;color:#f87171}.empty-tab{color:var(--text-muted);padding:60px 20px;text-align:center}.empty-tab-icon{font-size:42px;margin-bottom:12px}.empty-tab-title{color:var(--text);font-size:16px;font-weight:600;margin-bottom:6px}.empty-tab-desc{font-size:13px}@media (max-width:768px){.manager-panel{padding:16px}.manager-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.manager-title{font-size:22px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-box{padding:14px}.stat-value{font-size:22px}.tab-btn{font-size:12px;padding:8px 12px}.data-table td,.data-table th{font-size:12px;padding:8px 10px}.form-grid{grid-template-columns:1fr}.modal-content{padding:20px;width:96vw}}.btn-export{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.btn-export:hover{border-color:var(--primary);color:var(--primary-light)}.btn-export.danger{color:#f87171}.btn-export.danger:hover{border-color:#ef4444;color:#ef4444}.btn-import{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px}.btn-import:hover{border-color:#10b981;color:#34d399}.user-role-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px}.user-active-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.user-active-dot.active{background:#10b981}.user-active-dot.inactive{background:#ef4444}.reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.report-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:18px}.report-card-value{color:var(--text);font-size:28px;font-weight:800}.report-card-label{color:var(--text-muted);font-size:12px}.report-card-delta{font-size:12px;font-weight:700;margin-top:4px}.report-card-delta.up{color:#34d399}.report-card-delta.down{color:#f87171}.chart-section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:20px}.chart-title{color:var(--text);font-size:14px;font-weight:700;margin-bottom:14px}.bar-chart{flex-direction:column}.bar-chart,.bar-row{display:flex;gap:10px}.bar-row{align-items:center}.bar-label{color:var(--text-muted);flex-shrink:0;font-size:12px;text-align:right;width:100px}.bar-track{background:var(--bg-secondary);border-radius:6px;flex:1 1;height:22px;overflow:hidden;position:relative}.bar-fill{align-items:center;border-radius:6px;display:flex;height:100%;justify-content:flex-end;padding-right:8px;transition:width .5s ease}.bar-fill span{color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px #0000004d}.import-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:monospace;font-size:12px;min-height:200px;padding:12px;resize:vertical;width:100%}@media (max-width:768px){.reports-grid{grid-template-columns:repeat(2,1fr)}.bar-label{width:70px}}@media (max-width:480px){.manager-panel{padding:12px}.stats-grid{grid-template-columns:1fr}.data-table td:nth-child(2),.data-table th:nth-child(2){display:none}.reports-grid{grid-template-columns:1fr}}.courses-page{max-width:1200px;padding:32px}.courses-header{margin-bottom:28px}.courses-title{color:var(--text);font-size:28px;font-weight:700;margin-bottom:6px}.courses-subtitle{color:var(--text-muted);font-size:14px}.courses-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.courses-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px}.courses-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.courses-filter-sep{background:var(--border);height:24px;width:1px}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.course-card:hover{border-color:var(--primary)}.course-card-header{display:flex;flex-direction:column;gap:12px;padding:28px 24px 20px}.course-card-top{align-items:center;display:flex;justify-content:space-between}.course-emoji{font-size:36px;line-height:1}.course-tier-badge{border:1px solid #0000;border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px}.course-card-title{color:var(--text);font-size:18px;font-weight:700;line-height:1.3}.course-card-desc{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:13px;line-height:1.55;overflow:hidden}.course-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.course-meta-tag{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);display:flex;font-size:12px;gap:4px;padding:3px 8px}.course-card-features{border-top:1px solid var(--border);padding:16px 24px 0}.course-features-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.course-features-list li{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:8px}.course-features-list li:before{color:var(--success);content:"✓";flex-shrink:0;font-size:11px;font-weight:700}.course-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-top:auto;padding:16px 24px}.course-price{display:flex;flex-direction:column}.course-price-amount{color:var(--text);font-size:22px;font-weight:800;line-height:1}.course-price-label{color:var(--text-muted);font-size:11px;margin-top:2px}.course-rating{align-items:center;color:#fbbf24;display:flex;font-size:12px;font-weight:600;gap:4px}.course-students{color:var(--text-muted);font-size:11px}.btn-buy-course{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:9px 20px;white-space:nowrap}.btn-buy-course:hover{opacity:.9}.btn-buy-course.owned{background:var(--success);cursor:default}.btn-buy-course.pending{background:#f59e0b;cursor:default}.courses-hero{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px;padding:32px}.courses-hero-text h2{color:var(--text);font-size:22px;font-weight:700;margin-bottom:8px}.courses-hero-text p{color:var(--text-muted);font-size:14px;line-height:1.6;max-width:500px}.courses-hero-stats{display:flex;flex-shrink:0;gap:32px}.hero-stat{text-align:center}.hero-stat-value{color:var(--primary);font-size:26px;font-weight:800}.hero-stat-label{color:var(--text-muted);font-size:11px;margin-top:2px}.payment-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.payment-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.payment-modal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.payment-modal-title{color:var(--text);font-size:18px;font-weight:700}.payment-modal-subtitle{color:var(--text-muted);font-size:13px;margin-top:4px}.payment-modal-close{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:16px;padding:4px 8px}.payment-modal-body{display:flex;flex-direction:column;gap:16px;padding:0 24px 24px}.payment-course-summary{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;gap:14px;padding:16px}.payment-course-emoji{font-size:32px}.payment-course-info{flex:1 1}.payment-course-name{color:var(--text);font-size:15px;font-weight:600}.payment-course-tier{color:var(--text-muted);font-size:12px;margin-top:2px}.payment-course-price{color:var(--text);font-size:20px;font-weight:800}.payment-section-title{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.payment-field{display:flex;flex-direction:column;gap:5px}.payment-field label{color:var(--text-muted);font-size:12px;font-weight:600}.payment-field input{background:var(--bg-secondary);background:var(--input-bg,var(--bg-secondary));border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;padding:10px 12px}.payment-field input:focus{border-color:var(--primary)}.payment-fields-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.payment-card-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr}.payment-methods{display:flex;gap:10px}.payment-method-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px}.payment-method-btn.active{background:#6366f114;border-color:var(--primary);color:var(--primary-light)}.payment-total-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:14px}.payment-total-label{color:var(--text-muted);font-size:14px}.payment-total-amount{color:var(--text);font-size:20px;font-weight:800}.btn-pay{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;width:100%}.btn-pay:hover:not(:disabled){opacity:.9}.btn-pay:disabled{cursor:not-allowed;opacity:.5}.payment-secure-note{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;justify-content:center}.payment-success{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 24px;text-align:center}.payment-success-icon{font-size:52px}.payment-success h3{color:var(--text);font-size:20px;font-weight:700}.payment-success p{color:var(--text-muted);font-size:14px;line-height:1.6;max-width:360px}.my-courses-section{margin-bottom:32px}.section-label{color:var(--text);font-size:16px;font-weight:700;gap:8px;margin-bottom:14px}.my-course-card,.section-label{align-items:center;display:flex}.my-course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:16px;padding:16px 20px}.my-course-emoji{font-size:28px}.my-course-info{flex:1 1}.my-course-title{color:var(--text);font-size:14px;font-weight:600}.my-course-meta{color:var(--text-muted);font-size:12px;margin-top:2px}.btn-start-course{background:var(--primary);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px}@media (max-width:900px){.courses-grid{grid-template-columns:repeat(2,1fr)}.courses-hero{flex-direction:column}}@media (max-width:600px){.courses-grid{grid-template-columns:1fr}.courses-page{padding:16px}}.course-view-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;max-height:88vh;max-width:900px;overflow:hidden;width:92vw}.cvm-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.cvm-progress-bar{background:var(--border);flex-shrink:0;height:4px}.cvm-progress-fill{border-radius:2px;height:100%;transition:width .4s ease}.cvm-body{display:grid;flex:1 1;grid-template-columns:280px 1fr;min-height:0;overflow:hidden}.cvm-lessons{border-right:1px solid var(--border);overflow-y:auto;padding:16px 0}.cvm-lessons-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:0 16px 10px;text-transform:uppercase}.cvm-lesson-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .15s}.cvm-lesson-item:hover{background:#6366f10d}.cvm-lesson-item.active{background:#6366f114;border-left-color:var(--primary)}.cvm-lesson-item.done{opacity:.7}.cvm-lesson-num{align-items:center;background:var(--bg-card2);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.cvm-lesson-item.active .cvm-lesson-num{background:var(--primary);border-color:var(--primary);color:#fff}.cvm-lesson-info{flex:1 1;min-width:0}.cvm-lesson-title{color:var(--text);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvm-lesson-meta{align-items:center;color:var(--text-muted);display:flex;font-size:10px;gap:8px;margin-top:2px}.cvm-lesson-type{align-items:center;color:var(--primary-light);display:flex;gap:3px}.cvm-lesson-arrow{color:var(--text-muted);flex-shrink:0}.cvm-content{display:flex;flex-direction:column;overflow-y:auto;padding:28px 32px}.cvm-content-header{margin-bottom:20px}.cvm-content-type-badge{align-items:center;background:#6366f11a;border-radius:20px;color:var(--primary-light);display:inline-flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.05em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.cvm-content-title{color:var(--text);font-size:22px;font-weight:800;margin:0 0 8px}.cvm-content-meta{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.cvm-content-body{flex:1 1}.cvm-video-placeholder{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:240px;justify-content:center;transition:opacity .2s}.cvm-video-placeholder:hover{opacity:.9}.cvm-video-icon{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.cvm-video-label{color:#fff;font-size:16px;font-weight:700}.cvm-video-sub{color:#fff9;font-size:12px}.cvm-practice-block{align-items:center;background:var(--bg-card2);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:28px;text-align:center}.cvm-practice-icon{align-items:center;background:#6366f11a;border-radius:50%;color:var(--primary-light);display:flex;height:64px;justify-content:center;width:64px}.cvm-practice-title{color:var(--text);font-size:18px;font-weight:700}.cvm-practice-desc{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0;max-width:400px}.cvm-practice-steps{display:flex;flex-direction:column;gap:8px;margin-top:4px;max-width:360px;width:100%}.cvm-step{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;gap:12px;padding:10px 14px}.cvm-step,.cvm-step span{align-items:center;display:flex}.cvm-step span{background:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.cvm-actions{display:flex;gap:12px;margin-top:24px}.cvm-btn-start{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 32px;transition:opacity .2s}.cvm-btn-start:hover{opacity:.9}.cvm-btn-done{background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;color:#10b981;cursor:default;padding:14px 32px}.cvm-btn-cert,.cvm-btn-done{align-items:center;display:flex;font-size:15px;font-weight:700;gap:8px}.cvm-btn-cert{background:linear-gradient(135deg,#f59e0b26,#fbbf241a);border:1px solid #f59e0b66;border-radius:12px;color:#fbbf24;cursor:pointer;margin-top:8px;padding:14px 28px;transition:all .2s}.cvm-btn-cert:hover{background:#f59e0b40}@media (max-width:700px){.cvm-body{grid-template-columns:1fr}.cvm-lessons{border-bottom:1px solid var(--border);border-right:none;max-height:200px}.course-view-modal{border-radius:12px;max-height:96vh;width:98vw}}.games-page{max-width:1200px;padding:32px}.games-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:32px}.games-header h1{align-items:center;display:flex;font-size:26px;font-weight:800;gap:10px;margin-bottom:4px}.games-subtitle{color:var(--text-muted);font-size:13px}.games-stats-row{display:flex;gap:8px}.gs-chip{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:24px}.game-card:hover:not(.disabled){border-color:var(--primary)}.game-card.disabled{cursor:not-allowed;opacity:.45}.game-card-glow{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.game-card:hover:not(.disabled) .game-card-glow{opacity:1}.game-card-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.game-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.game-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.game-tag{border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:3px 8px}.game-title{font-size:18px;font-weight:800;line-height:1.2}.game-desc{color:var(--text-muted);flex:1 1;font-size:13px;line-height:1.5}.game-locked{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:8px;color:var(--warning);font-size:11px;padding:5px 10px}.game-arrow{align-self:flex-end;font-size:18px;font-weight:800}.games-tips{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px}.games-tips-header{align-items:center;color:var(--text-muted);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.tips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.tip-item{align-items:flex-start;display:flex;gap:12px}.tip-icon{flex-shrink:0;font-size:22px}.tip-title{color:var(--text);font-size:13px;font-weight:700;margin-bottom:3px}.tip-desc{color:var(--text-muted);font-size:12px;line-height:1.5}@media (max-width:900px){.games-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.games-grid,.tips-grid{grid-template-columns:1fr}}.matching-page{max-width:1100px;min-height:calc(100vh - 56px);padding:28px 32px}.matching-setup{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 40px;text-align:center}.matching-setup-icon{font-size:64px}.matching-setup h1{font-size:28px;font-weight:800}.matching-setup p{color:var(--text-muted);font-size:15px}.pair-selector{align-items:center;display:flex;flex-direction:column;gap:10px}.pair-selector label{color:var(--text-muted);font-size:13px;font-weight:600}.pair-btns{display:flex;gap:8px}.pair-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-size:18px;font-weight:700;height:52px;transition:all .2s;width:52px}.pair-btn.active,.pair-btn:hover{background:#6366f11f;border-color:var(--primary);color:var(--primary-light)}.btn-start-game{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:14px 36px}.btn-start-game:hover{opacity:.9}.btn-back-game{background:var(--bg-card2);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s}.btn-back-game:hover{background:var(--bg-card);border-color:#6366f14d}.matching-header{gap:16px;margin-bottom:12px}.match-stat,.matching-header{align-items:center;display:flex}.match-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-weight:700;gap:6px;padding:7px 14px}.match-stat.timer{color:var(--primary-light)}.match-stat.errors{color:#f87171}.match-quit-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-size:13px;font-weight:600;margin-left:auto;padding:7px 16px;transition:all .2s}.match-quit-btn:hover{background:#ef444433}.match-progress{background:var(--border);border-radius:3px;height:5px;margin-bottom:24px;overflow:hidden}.match-progress-fill{background:var(--primary);border-radius:3px;height:100%}.matching-grid{grid-gap:12px;display:grid;gap:12px}.matching-grid.pairs-4,.matching-grid.pairs-6,.matching-grid.pairs-8{grid-template-columns:repeat(4,1fr)}.matching-grid.pairs-10{grid-template-columns:repeat(5,1fr)}.match-card{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-height:72px;padding:16px 12px;text-align:center;transition:all .2s}.match-card.term{border-left:3px solid var(--primary)}.match-card.translation{border-left:3px solid var(--secondary)}.match-card.selected,.match-card:hover:not(:disabled){border-color:var(--primary)}.match-card.selected{background:#6366f126;color:var(--primary-light)}.match-card.wrong{background:#ef44441f;border-color:#ef4444}.match-card.matched{background:#10b9811a;border-color:#10b981;color:#34d399;cursor:default;opacity:.7}.matching-results{align-items:center;display:flex;flex-direction:column;gap:24px;padding:60px 40px;text-align:center}.results-trophy{font-size:72px}.matching-results h2{font-size:28px;font-weight:800}.match-result-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);max-width:500px;width:100%}.match-res-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:18px 12px}.mrc-val{color:var(--text);font-size:26px;font-weight:800}.mrc-lbl{color:var(--text-muted);font-size:11px}.match-result-actions{display:flex;gap:12px}@media (max-width:768px){.matching-page{padding:16px}.matching-setup{padding:40px 20px}.matching-setup h1{font-size:22px}.matching-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.match-card{font-size:14px;padding:16px}.match-hud{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.matching-page{padding:12px}.matching-grid{grid-template-columns:1fr}.match-card{font-size:13px;padding:12px}.match-result-grid{grid-template-columns:1fr 1fr}}.speed-page{max-width:800px;min-height:calc(100vh - 56px);padding:28px 32px}.speed-setup{align-items:center;display:flex;flex-direction:column;gap:24px;padding:60px 40px;text-align:center}.speed-setup-icon{font-size:72px}.speed-setup h1{font-size:30px;font-weight:900}.speed-setup p{color:var(--text-muted);font-size:15px;max-width:420px}.speed-options{gap:16px}.speed-option-group,.speed-options{align-items:center;display:flex;flex-direction:column}.speed-option-group{gap:8px}.speed-option-group label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.speed-duration-btns,.speed-mode-btns{display:flex;gap:8px}.dur-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;font-size:15px;font-weight:700;height:50px;transition:all .2s;width:60px}.dur-btn.active,.dur-btn:hover{background:#6366f11f;border-color:var(--primary);color:var(--primary-light)}.mode-btn{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.mode-btn.active,.mode-btn:hover{background:#6366f11f;border-color:var(--primary);color:var(--primary-light)}.btn-start-speed{align-items:center;background:var(--warning);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:800;gap:8px;padding:14px 40px}.btn-start-speed:hover{opacity:.9}.btn-back-speed{background:var(--bg-card2);border:1px solid var(--border);border-radius:14px;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s}.speed-hud{justify-content:space-between;margin-bottom:24px}.speed-hud,.speed-hud-item{align-items:center;display:flex}.speed-hud-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;font-size:15px;font-weight:700;gap:6px;padding:8px 16px}.speed-hud-item.score{color:#fbbf24}.speed-hud-item.streak{color:#f87171;font-size:16px}.speed-timer-wrap{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.speed-timer-svg{height:60px;position:absolute;transform:rotate(-90deg);width:60px}.timer-bg{stroke:var(--border)}.timer-bg,.timer-fill{fill:none;stroke-width:3}.timer-fill{stroke-linecap:round;transition:stroke-dashoffset .9s linear,stroke .3s}.speed-timer-text{font-size:17px;font-weight:900;position:relative;transition:color .3s;z-index:1}.speed-card{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:24px;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-bottom:24px;min-height:160px;padding:40px 32px;position:relative;text-align:center;transition:all .15s}.speed-card.correct-flash{background:#10b98114;border-color:#10b981}.speed-card.wrong-flash{background:#ef444414;border-color:#ef4444}.speed-word{color:var(--text);font-size:32px;font-weight:900;line-height:1.2}.speed-phonetic{color:var(--text-muted);font-size:16px;font-style:italic}.streak-badge-inline{align-items:center;background:#ef444426;border-radius:20px;color:#f87171;display:inline-flex;font-size:13px;font-weight:700;gap:4px;padding:4px 12px}.speed-options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.speed-option{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:16px;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:16px 20px;text-align:left;transition:all .15s}.speed-option:hover:not(:disabled){background:#6366f114;border-color:var(--primary)}.speed-option:disabled{cursor:not-allowed}.speed-option.opt-correct{background:#10b9811f;border-color:#10b981;color:#34d399}.opt-key{align-items:center;background:var(--bg-card2);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.speed-typing{display:flex;gap:10px}.speed-input{background:var(--bg-card);border:2px solid var(--border);border-radius:14px;color:var(--text);flex:1 1;font-size:16px;outline:none;padding:14px 18px;transition:border-color .2s}.speed-input:focus{border-color:#6366f199}.speed-submit{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.speed-submit:disabled{cursor:not-allowed;opacity:.4}.speed-submit:hover:not(:disabled){opacity:.9}.speed-results{align-items:center;display:flex;flex-direction:column;gap:24px;padding:60px 40px;text-align:center}.speed-result-icon{font-size:72px}.speed-results h2{font-size:28px;font-weight:800}.speed-result-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);max-width:480px;width:100%}.sr-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:8px;padding:18px 12px}.src-val{color:var(--text);font-size:26px;font-weight:800}.src-lbl{color:var(--text-muted);font-size:11px}.speed-result-actions{display:flex;gap:12px}.no-cards-warning{color:var(--warning);font-size:13px}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.shake{animation:shake .4s ease-in-out}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.2)}}.xp-float{animation:floatUp 1s ease-out forwards;background:var(--success);border-radius:20px;color:#fff;font-size:18px;font-weight:800;left:50%;padding:8px 16px;pointer-events:none;position:fixed;top:50%;transform:translateX(-50%);z-index:1000}@keyframes comboPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.combo-active{animation:comboPulse .3s ease-out;color:var(--warning)!important}.landing{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.landing-nav{background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);height:64px;justify-content:space-between;padding:0 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-nav,.landing-nav-logo{align-items:center;display:flex}.landing-nav-logo{gap:10px;text-decoration:none}.landing-nav-logo-icon{align-items:center;background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.landing-nav-logo-text{color:#4a6cf7;color:var(--brand,#4a6cf7);font-size:18px;font-weight:700}.landing-nav-links{align-items:center;display:flex;gap:8px}.landing-nav-link{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:7px 16px;text-decoration:none;transition:all .2s}.landing-nav-link:hover{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));color:var(--text)}.landing-nav-cta{background:#4a6cf7;background:var(--brand,#4a6cf7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .2s}.landing-nav-cta:hover{background:#6b89ff;background:var(--brand-hover,#6b89ff)}.landing-hero{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:80px 40px}.landing-hero-badge{align-items:center;background:#4a6cf71a;border:1px solid #4a6cf740;border-radius:20px;color:#4a6cf7;color:var(--brand,#4a6cf7);display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:20px;padding:5px 14px}.landing-hero-title{color:var(--text);font-size:52px;font-weight:800;line-height:1.1;margin-bottom:20px}.landing-hero-title span{color:#4a6cf7;color:var(--brand,#4a6cf7)}.landing-hero-sub{color:var(--text-muted);font-size:18px;line-height:1.6;margin-bottom:36px;max-width:480px}.landing-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.btn-hero-primary{align-items:center;background:#4a6cf7;background:var(--brand,#4a6cf7);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;text-decoration:none;transition:all .2s}.btn-hero-primary:hover{background:#6b89ff;background:var(--brand-hover,#6b89ff);box-shadow:0 6px 20px #4a6cf759;transform:translateY(-1px)}.btn-hero-secondary{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;text-decoration:none;transition:all .2s}.btn-hero-secondary:hover{border-color:#4a6cf7;border-color:var(--brand,#4a6cf7);color:#4a6cf7;color:var(--brand,#4a6cf7)}.landing-hero-trust{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:16px;margin-top:24px}.landing-hero-trust-item{align-items:center;display:flex;gap:5px}.landing-hero-visual{position:relative}.hero-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);padding:28px}.hero-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.hero-card-lang{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.hero-card-streak{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;display:flex;font-size:13px;font-weight:700;gap:5px;padding:4px 10px}.hero-word-block{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border-radius:14px;margin-bottom:16px;padding:24px;text-align:center}.hero-word{color:var(--text);font-size:36px;font-weight:800;margin-bottom:4px}.hero-phonetic{color:var(--text-muted);font-size:15px;font-style:italic;margin-bottom:8px}.hero-translation{color:#4a6cf7;color:var(--brand,#4a6cf7);font-size:20px;font-weight:600}.hero-progress-row{align-items:center;display:flex;gap:10px;margin-bottom:16px}.hero-progress-bar{background:var(--border);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.hero-progress-fill{background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:4px;height:100%;width:65%}.hero-card-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr}.hero-stat-mini{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border-radius:10px;padding:10px;text-align:center}.hero-stat-mini-val{color:var(--text);font-size:18px;font-weight:800}.hero-stat-mini-lbl{color:var(--text-muted);font-size:10px;margin-top:2px}.hero-float-badge{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);display:flex;font-size:13px;font-weight:600;gap:7px;padding:8px 14px;position:absolute;white-space:nowrap}.hero-float-badge.badge-top{color:#10b981;right:-16px;top:-20px}.hero-float-badge.badge-bot{bottom:-16px;color:#4a6cf7;color:var(--brand,#4a6cf7);left:-16px}.landing-social-proof{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:20px 40px}.landing-social-inner{align-items:center;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;margin:0 auto;max-width:1200px}.social-proof-item{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:10px}.social-proof-num{color:var(--text);font-size:22px;font-weight:800}.landing-section{margin:0 auto;max-width:1200px;padding:80px 40px}.landing-section-label{color:#4a6cf7;color:var(--brand,#4a6cf7);font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.landing-section-title{color:var(--text);font-size:36px;font-weight:800;margin-bottom:12px}.landing-section-sub{color:var(--text-muted);font-size:16px;line-height:1.6;margin-bottom:48px;max-width:520px}.landing-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.landing-step{position:relative}.landing-step-num{align-items:center;background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:12px;color:#fff;display:flex;font-size:16px;font-weight:800;height:40px;justify-content:center;margin-bottom:16px;width:40px}.landing-step-title{color:var(--text);font-size:16px;font-weight:700;margin-bottom:8px}.landing-step-desc{color:var(--text-muted);font-size:14px;line-height:1.6}.landing-step-arrow{color:var(--border);font-size:20px;position:absolute;right:-14px;top:20px}.landing-trial-section{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:60px 40px}.landing-trial-inner{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.trial-info-badge{align-items:center;background:#10b9811a;border:1px solid #10b98140;border-radius:20px;color:#10b981;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:16px;padding:5px 14px}.trial-word-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-md);padding:32px}.trial-word-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.trial-progress-dots{display:flex;gap:6px}.trial-dot{background:var(--border);border-radius:50%;height:10px;transition:background .2s;width:10px}.trial-dot.done{background:#4a6cf7;background:var(--brand,#4a6cf7)}.trial-dot.current{background:#10b981}.trial-word-big{color:var(--text);font-size:42px;font-weight:800;margin-bottom:6px;text-align:center}.trial-phonetic{color:var(--text-muted);font-size:16px;font-style:italic;margin-bottom:24px;text-align:center}.trial-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.trial-option{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border:1.5px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .18s}.trial-option:hover:not(:disabled){background:#4a6cf70f;border-color:#4a6cf7;border-color:var(--brand,#4a6cf7);color:#4a6cf7;color:var(--brand,#4a6cf7)}.trial-option.correct{background:#10b9811f;border-color:#10b981;color:#10b981;font-weight:700}.trial-option.wrong{background:#ef44441a;border-color:#ef4444;color:#ef4444}.trial-option:disabled{cursor:not-allowed}.trial-feedback{border-radius:8px;font-size:15px;font-weight:600;margin-bottom:12px;padding:10px;text-align:center}.trial-feedback.correct-fb{background:#10b9811a;color:#10b981}.trial-feedback.wrong-fb{background:#ef444414;color:#ef4444}.trial-result{padding:20px 0;text-align:center}.trial-result-emoji{font-size:48px;margin-bottom:12px}.trial-result-title{font-size:22px;font-weight:800;margin-bottom:6px}.trial-result-sub{color:var(--text-muted);font-size:14px;margin-bottom:20px}.landing-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.landing-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .2s}.landing-feature-card:hover{border-color:#4a6cf7;border-color:var(--brand,#4a6cf7);box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;margin-bottom:14px;width:44px}.landing-feature-title{color:var(--text);font-size:15px;font-weight:700;margin-bottom:6px}.landing-feature-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.landing-pricing{background:var(--bg-card2);background:var(--bg-subtle,var(--bg-card2));border-top:1px solid var(--border);padding:80px 40px}.landing-pricing-inner{margin:0 auto;max-width:1100px}.pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:48px}.pricing-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:0;padding:28px;position:relative;transition:all .2s}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card.popular{border-color:#4a6cf7;border-color:var(--brand,#4a6cf7);box-shadow:0 0 0 4px #4a6cf714,var(--shadow-lg)}.pricing-popular-badge{background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:20px;color:#fff;font-size:11px;font-weight:700;left:50%;letter-spacing:.5px;padding:4px 14px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.pricing-tier-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.pricing-price{align-items:flex-end;display:flex;gap:4px;margin-bottom:4px}.pricing-amount{color:var(--text);font-size:40px;font-weight:800;line-height:1}.pricing-currency{color:var(--text-muted);font-size:18px;font-weight:600;margin-bottom:6px}.pricing-per{color:var(--text-muted);font-size:12px;margin-bottom:20px}.pricing-divider{background:var(--border);height:1px;margin:20px 0}.pricing-features{display:flex;flex:1 1;flex-direction:column;gap:10px;list-style:none;margin:0 0 24px;padding:0}.pricing-feature-item{align-items:flex-start;color:var(--text-muted);display:flex;font-size:13px;gap:8px}.pricing-feature-item.included{color:var(--text)}.pricing-check{flex-shrink:0;margin-top:1px}.btn-pricing{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s;width:100%}.btn-pricing-outline{background:none;border:1.5px solid var(--border);color:var(--text)}.btn-pricing-outline:hover{border-color:#4a6cf7;border-color:var(--brand,#4a6cf7);color:#4a6cf7;color:var(--brand,#4a6cf7)}.btn-pricing-primary{background:#4a6cf7;background:var(--brand,#4a6cf7);color:#fff}.btn-pricing-primary:hover{background:#6b89ff;background:var(--brand-hover,#6b89ff)}.landing-languages{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.lang-pill{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;color:var(--text);cursor:default;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s}.lang-pill:hover{border-color:#4a6cf7;border-color:var(--brand,#4a6cf7);color:#4a6cf7;color:var(--brand,#4a6cf7)}.landing-cta{background:linear-gradient(135deg,#4a6cf70f,#6b89ff0a);border-top:1px solid var(--border);padding:80px 40px;text-align:center}.landing-cta-inner{margin:0 auto;max-width:600px}.landing-cta-title{color:var(--text);font-size:40px;font-weight:800;line-height:1.2;margin-bottom:14px}.landing-cta-sub{color:var(--text-muted);font-size:16px;line-height:1.6;margin-bottom:32px}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.landing-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:28px 40px}.landing-footer-inner{align-items:center;color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;margin:0 auto;max-width:1200px}.landing-footer-links{display:flex;gap:20px}.landing-footer-links a{color:var(--text-muted);text-decoration:none}.landing-footer-links a:hover{color:#4a6cf7;color:var(--brand,#4a6cf7)}@media (max-width:900px){.landing-hero{gap:40px;grid-template-columns:1fr;padding:48px 20px}.landing-hero-title{font-size:36px}.landing-hero-visual{display:none}.landing-features-grid,.landing-steps{grid-template-columns:1fr 1fr}.pricing-grid{margin:48px auto 0;max-width:420px}.landing-trial-inner,.pricing-grid{grid-template-columns:1fr}.landing-pricing,.landing-section,.landing-trial-section{padding:48px 20px}.landing-nav{padding:0 20px}.landing-cta{padding:48px 20px}.landing-footer-inner{flex-direction:column;gap:12px;text-align:center}.landing-social-inner{gap:24px}}@media (max-width:600px){.landing-features-grid,.landing-steps{grid-template-columns:1fr}.landing-hero-actions{align-items:stretch;flex-direction:column}.landing-cta-actions{align-items:center;flex-direction:column}.trial-options{grid-template-columns:1fr}}.ea-page{max-width:860px;padding:28px 32px}.ea-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.ea-header,.ea-header-left{align-items:center;display:flex}.ea-header-left{gap:14px}.ea-header-icon{align-items:center;background:#6366f11f;border-radius:12px;color:#818cf8;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ea-header-left h1{font-size:22px;font-weight:800;margin-bottom:2px}.ea-header-left p{color:var(--text-muted);font-size:13px}.ea-refresh-btn{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#818cf8;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:9px 16px;transition:all .2s}.ea-refresh-btn:hover{background:#6366f133}.ea-refresh-btn:disabled{cursor:default;opacity:.6}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ea-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:700px){.ea-stats{grid-template-columns:1fr 1fr}}.ea-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;gap:12px;padding:16px}.ea-stat-card,.ea-stat-icon{align-items:center;display:flex}.ea-stat-icon{border-radius:10px;flex-shrink:0;height:40px;justify-content:center;width:40px}.ea-stat-val{color:var(--text);font-size:24px;font-weight:800;line-height:1}.ea-stat-val-sm{font-size:15px}.ea-stat-lbl{color:var(--text-muted);font-size:11px;margin-top:3px}.ea-tabs{border-bottom:1px solid var(--border);display:flex;gap:6px;margin-bottom:20px;padding-bottom:0}.ea-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1px;padding:10px 18px;transition:all .2s}.ea-tab:hover{color:var(--text)}.ea-tab.active{border-bottom-color:#4a6cf7;border-bottom-color:var(--brand,#4a6cf7);color:#4a6cf7;color:var(--brand,#4a6cf7)}.ea-content{animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ea-empty{color:var(--text-muted);padding:60px 20px;text-align:center}.ea-empty h3{color:var(--text);font-size:18px;font-weight:700;margin:12px 0 6px}.ea-empty p{font-size:14px;margin:0 auto;max-width:340px}.ea-topics{display:flex;flex-direction:column;gap:14px}.ea-topic-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.ea-topic-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ea-topic-icon{font-size:24px}.ea-topic-info{flex:1 1}.ea-topic-name{color:var(--text);font-size:15px;font-weight:700}.ea-topic-count{color:var(--text-muted);font-size:12px;margin-top:2px}.ea-topic-rate{font-size:20px;font-weight:800}.ea-topic-bar-bg{background:var(--bg-card2);border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.ea-topic-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.ea-topic-rec{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.ea-filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ea-filter-btn{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.ea-filter-btn.active{background:#6366f11f;border-color:#6366f166;color:#818cf8}.ea-words-list{display:flex;flex-direction:column;gap:8px}.ea-word-row{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 16px}.ea-word-main,.ea-word-row{align-items:center;display:flex}.ea-word-main{gap:10px}.ea-word-term{color:var(--text);font-size:15px;font-weight:700}.ea-word-trans{color:var(--text-muted);font-size:13px}.ea-word-meta{align-items:center;display:flex;gap:10px}.ea-word-type{border-radius:6px;font-size:11px;font-weight:600;padding:3px 8px}.ea-word-count{color:var(--text-muted);font-size:12px;white-space:nowrap}.ea-word-diff-bar{background:var(--bg-card2);border-radius:2px;height:4px;overflow:hidden;width:60px}.ea-word-diff-fill{border-radius:2px;height:100%}.ea-tips-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;padding:60px}.ea-spinner{animation:spin .8s linear infinite;border-top-color:#4a6cf7;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand,#4a6cf7);height:36px;width:36px}.ea-tips-list{display:flex;flex-direction:column;gap:12px}.ea-tip-card{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;padding:18px 20px}.ea-tip-num{align-items:center;background:#6366f11f;border-radius:8px;color:#818cf8;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.ea-tip-text{color:var(--text);font-size:14px;line-height:1.6}.ea-refresh-tips-btn{align-items:center;background:none;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:all .2s}.ea-refresh-tips-btn:hover{border-color:#6366f166;color:#818cf8}.vt-page{max-width:680px;padding:28px 32px}.vt-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.vt-header,.vt-header-left{align-items:center;display:flex}.vt-header-left{gap:14px}.vt-header-icon{align-items:center;background:#ec48991f;border-radius:12px;color:#f472b6;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.vt-header-left h1{font-size:22px;font-weight:800;margin-bottom:2px}.vt-header-left p{color:var(--text-muted);font-size:13px}.vt-session-score{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;color:#fbbf24;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.vt-lang-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.vt-lang-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:700;padding:7px 16px;transition:all .2s}.vt-lang-btn:hover{color:var(--text)}.vt-lang-btn.active{background:#ec48991f;border-color:#ec489966;color:#f472b6}.vt-unsupported{color:var(--text-muted);padding:60px;text-align:center}.vt-unsupported h3{color:var(--text);font-size:18px;font-weight:700;margin:12px 0 6px}.vt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-bottom:20px;padding:32px}.vt-word-block{margin-bottom:28px;text-align:center}.vt-word-main{color:var(--text);font-size:40px;font-weight:900;margin-bottom:8px}.vt-word-phonetic{color:var(--text-muted);font-family:Courier New,monospace;font-size:18px;margin-bottom:8px}.vt-word-translation{color:var(--text-muted);font-size:15px;margin-bottom:16px}.vt-listen-btn{align-items:center;background:#6366f11a;border:1px solid #6366f140;border-radius:10px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s}.vt-listen-btn:hover{background:#6366f133}.vt-result{align-items:center;border-radius:14px;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:16px 20px}.vt-result-perfect{background:#10b9811f;border:1px solid #10b9814d;color:#34d399}.vt-result-good{background:#f59e0b1f;border:1px solid #f59e0b4d;color:#fbbf24}.vt-result-try{background:#ef44441a;border:1px solid #ef444440;color:#f87171}.vt-result>*{align-items:center;display:flex;gap:6px}.vt-transcript{font-size:12px;font-weight:400;opacity:.8}.vt-score-bar-wrap{align-items:center;display:flex;gap:10px;max-width:280px;width:100%}.vt-score-bar{background:#ffffff26;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.vt-score-fill{border-radius:3px;height:100%;transition:width .5s ease}.vt-score-pct{font-size:13px;font-weight:800;min-width:36px}.vt-processing{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:12px;justify-content:center;margin-bottom:20px;padding:16px}.vt-dots{display:flex;gap:4px}.vt-dots span{animation:bounce .8s infinite alternate;background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:50%;height:8px;width:8px}.vt-dots span:nth-child(2){animation-delay:.15s}.vt-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{to{opacity:.5;transform:translateY(-6px)}}.vt-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.vt-next-btn,.vt-record-btn,.vt-stop-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:13px 28px;transition:all .2s}.vt-record-btn{background:#ec489926;border:1px solid #ec489959;color:#f472b6}.vt-record-btn:hover{background:#ec489940}.vt-stop-btn{animation:pulse-border 1.2s infinite;background:#ef44441f;border:1px solid #ef44444d;color:#f87171}@keyframes pulse-border{0%,to{border-color:#ef44444d}50%{border-color:#ef4444cc}}.vt-pulse{animation:pulse 1s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.vt-next-btn{background:#4a6cf7;background:var(--brand,#4a6cf7);color:#fff}.vt-next-btn:hover{opacity:.9}.vt-progress-dots{display:flex;gap:6px;justify-content:center}.vt-dot{background:var(--border);border-radius:50%;height:8px;transition:all .2s;width:8px}.vt-dot.done{background:#10b981}.vt-dot.current{background:#f472b6;transform:scale(1.3)}.vt-history{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}.vt-history-title{color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.vt-history-bars{align-items:flex-end;display:flex;gap:6px;height:60px;margin-bottom:12px}.vt-history-bar-wrap{align-items:flex-end;background:var(--bg-card2);border-radius:4px;display:flex;flex:1 1;height:100%;max-width:28px;overflow:hidden}.vt-history-bar{border-radius:4px;min-height:4px;transition:height .4s ease;width:100%}.vt-reset-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;gap:6px;padding:0}.vt-reset-btn:hover{color:var(--text)}@media (max-width:768px){.vt-page{padding:16px}.vt-header-left h1{font-size:20px}.vt-header-icon{height:36px;width:36px}.vt-card{padding:20px}.vt-word{font-size:28px}.vt-mic-btn{height:56px;width:56px}.vt-result-text{font-size:14px}}@media (max-width:480px){.vt-page{padding:12px}.vt-card{padding:16px}.vt-word{font-size:24px}.vt-controls{flex-direction:column;gap:8px}.vt-btn{justify-content:center;width:100%}}.notif-page{max-width:760px;padding:28px 32px}.notif-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.notif-header-left{align-items:center;display:flex;gap:14px}.notif-header-icon{align-items:center;background:#6366f11f;border-radius:12px;color:#818cf8;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.notif-header-left h1{align-items:center;display:flex;font-size:22px;font-weight:800;gap:10px;margin-bottom:2px}.notif-header-left p{color:var(--text-muted);font-size:13px}.notif-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:12px;font-weight:800;line-height:1.4;padding:2px 8px}.notif-header-actions{display:flex;flex-wrap:wrap;gap:8px}.notif-action-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.notif-action-btn:hover{border-color:#6366f166;color:var(--text)}.notif-action-danger:hover{border-color:#ef444466;color:#f87171}.notif-permission-banner{align-items:center;background:#6366f114;border:1px solid #6366f140;border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.notif-permission-info{align-items:center;color:#818cf8;display:flex;gap:12px}.notif-permission-title{color:var(--text);font-size:14px;font-weight:700}.notif-permission-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.notif-permission-btn{background:#4a6cf7;background:var(--brand,#4a6cf7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:9px 18px;transition:opacity .2s;white-space:nowrap}.notif-permission-btn:hover{opacity:.9}.notif-permission-denied{align-items:center;color:#f87171;display:flex;font-size:12px;gap:6px}.notif-settings{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:20px;padding:18px 20px}.notif-settings-title{color:var(--text);font-size:14px;font-weight:700;margin-bottom:14px}.notif-settings-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.notif-settings-row label{color:var(--text-muted);font-size:13px;white-space:nowrap}.notif-select{background:var(--bg-card2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;padding:7px 12px}.notif-set-btn,.notif-test-btn{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#818cf8;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s;white-space:nowrap}.notif-set-btn:hover,.notif-test-btn:hover{background:#6366f133}.notif-list{display:flex;flex-direction:column;gap:8px}.notif-empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.notif-empty-state h3{color:var(--text);font-size:18px;font-weight:700;margin:12px 0 6px}.notif-empty-state p{font-size:13px;margin:0 auto;max-width:340px}.notif-item{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:14px;padding:14px 16px;position:relative;transition:border-color .2s}.notif-item.unread{background:#6366f10a;border-color:#6366f140}.notif-item-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notif-item-body{flex:1 1}.notif-item-title{color:var(--text);font-size:14px;font-weight:700;margin-bottom:3px}.notif-item-text{color:var(--text-muted);font-size:13px;line-height:1.4;margin-bottom:4px}.notif-item-time{color:var(--text-muted);font-size:11px;opacity:.7}.notif-unread-dot{background:#4a6cf7;background:var(--brand,#4a6cf7);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}@media (max-width:768px){.notif-page{padding:16px}.notif-header-left h1{font-size:18px}.notif-header-icon{height:36px;width:36px}.notif-row{padding:12px 14px}}@media (max-width:480px){.notif-page{padding:12px}.notif-header,.notif-row{align-items:flex-start;flex-direction:column}.notif-row{gap:8px}.notif-time{align-self:flex-end}}.app-layout{background:var(--bg);height:100vh;height:100dvh}.app-content,.app-layout{display:flex;overflow:hidden}.app-content{flex:1 1;flex-direction:column;min-width:0}.app-main{flex:1 1;min-width:0;overflow-y:auto;scroll-behavior:smooth}.theme-light .topbar{background:#fffffff0;border-bottom-color:#e2e8f0}.theme-light .sidebar{background:#fff;border-right-color:#e2e8f0}@media (max-width:768px){.app-layout{flex-direction:column}.app-main{padding-bottom:58px}}.theme-light .auth-input-wrap input{background:#f8fafc;color:#0f172a}.btn-primary{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{align-items:center;background:var(--bg-card2);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px}.btn-secondary:hover{background:var(--bg-card);border-color:var(--primary)}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-state h3{color:var(--text);font-size:18px;font-weight:700}.empty-state p{font-size:14px}
/*# sourceMappingURL=main.808a8bc7.css.map*/