:root{--bg: #0f1117;--bg-secondary: #1a1d27;--bg-card: #1e2130;--bg-hover: #252838;--border: #2a2d3e;--text: #e4e6f0;--text-secondary: #8b8fa3;--text-muted: #5c5f73;--primary: #6366f1;--primary-hover: #818cf8;--primary-bg: rgba(99, 102, 241, .1);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--transition: .2s ease;--sidebar-width: 240px;--mobile-header-height: 56px;--bottom-tabs-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--bg: #f5f6fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #eef0f5;--border: #dfe1e8;--text: #1a1d27;--text-secondary: #5c5f73;--text-muted: #8b8fa3;--primary: #6366f1;--primary-hover: #4f46e5;--primary-bg: rgba(99, 102, 241, .08);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .08);--info: #2563eb;--info-bg: rgba(37, 99, 235, .08);--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c4c7d0}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0a4b0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}ul{list-style:none}input,button{font-family:inherit;font-size:inherit}#app{display:flex;min-height:100vh}#sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--transition)}.logo{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid var(--border)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff}.logo-text{font-size:22px;font-weight:700;letter-spacing:2px;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-menu{padding:16px 12px;flex:1}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;font-weight:500;transition:all var(--transition);margin-bottom:4px}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:var(--primary-bg);color:var(--primary)}.nav-link svg{width:20px;height:20px;flex-shrink:0}.nav-footer{padding:16px 20px;border-top:1px solid var(--border)}.streak-badge{display:flex;align-items:center;gap:8px;color:var(--warning);font-size:14px;font-weight:600}.streak-badge svg{width:18px;height:18px;fill:var(--warning);stroke:var(--warning)}.sync-indicator{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:var(--text-muted);transition:all var(--transition)}.sync-indicator svg{flex-shrink:0}.sync-indicator.sync-idle{color:var(--success)}.sync-indicator.sync-syncing{color:var(--primary)}.sync-indicator.sync-error{color:var(--danger)}.sync-spinner{width:14px;height:14px;border:2px solid var(--primary-bg);border-top-color:var(--primary);border-radius:50%;animation:sync-spin .8s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.sync-popup-overlay{position:fixed;inset:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.sync-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-width:520px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006}.sync-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.sync-popup-header h3{margin:0;font-size:16px}.sync-popup-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0 4px;line-height:1}.sync-popup-close:hover{color:var(--text)}.sync-popup-summary{padding:12px 20px;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border)}.sync-popup-body{overflow-y:auto;padding:12px 20px;flex:1}.sync-popup-empty{text-align:center;padding:24px 0;color:var(--success);font-size:14px}.sync-popup-group{margin-bottom:16px}.sync-popup-group:last-child{margin-bottom:0}.sync-popup-group-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px}.sync-popup-count{background:var(--danger);color:#fff;font-size:11px;padding:1px 6px;border-radius:10px;font-weight:600}.sync-popup-items{font-size:12px;color:var(--text-muted)}.sync-popup-item{padding:3px 0;border-bottom:1px solid var(--border);word-break:break-all}.sync-popup-item:last-child{border-bottom:none}.sync-popup-item-date{color:var(--text-muted);opacity:.7;margin-right:6px}.sync-popup-more{color:var(--text-muted);font-style:italic}.sync-popup-actions{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}#content{flex:1;margin-left:var(--sidebar-width);padding:32px;max-width:1200px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.subtitle{color:var(--text-secondary);font-size:15px;margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444433}.btn-success{background:var(--success)!important;color:#fff!important}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius)}.btn-small{padding:6px 14px;font-size:13px}.btn-start{width:100%;justify-content:center;margin-top:24px;font-size:18px;padding:18px;border-radius:var(--radius)}.btn-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:20px;display:flex;align-items:flex-start;gap:16px;border:1px solid var(--border);transition:transform var(--transition)}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:24px;height:24px}.stat-primary .stat-icon{background:var(--primary-bg);color:var(--primary)}.stat-success .stat-icon{background:var(--success-bg);color:var(--success)}.stat-warning .stat-icon{background:var(--warning-bg);color:var(--warning)}.stat-info .stat-icon{background:var(--info-bg);color:var(--info)}.stat-value{font-size:28px;font-weight:800;line-height:1}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.progress-section{background:var(--bg-card);border-radius:var(--radius);padding:24px;margin-bottom:32px;border:1px solid var(--border)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-header h2{font-size:18px;font-weight:600}.progress-percent{font-size:24px;font-weight:800;color:var(--primary)}.progress-bar-container{position:relative;height:24px;background:var(--bg);border-radius:12px;overflow:visible;margin-bottom:24px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#a855f7);border-radius:12px;transition:width .5s ease;min-width:4px;position:relative}.progress-markers{position:absolute;top:0;left:0;right:0;height:100%}.marker{position:absolute;top:100%;transform:translate(-50%);padding-top:8px}.marker span{font-size:12px;font-weight:600;color:var(--text-muted)}.progress-details{display:flex;gap:24px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.dot{width:10px;height:10px;border-radius:50%}.learning .dot{background:var(--warning)}.review .dot{background:var(--info)}.mastered .dot{background:var(--success)}.card{background:var(--bg-card);border-radius:var(--radius);padding:24px;border:1px solid var(--border);margin-bottom:24px}.card h3{font-size:16px;font-weight:600;margin-bottom:16px}.cards-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.today-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.today-stat{text-align:center}.today-value{display:block;font-size:24px;font-weight:700;color:var(--primary)}.today-label{font-size:12px;color:var(--text-secondary)}.daily-goal{margin-top:8px}.goal-header{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.goal-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.goal-fill{height:100%;background:linear-gradient(90deg,var(--success),#34d399);border-radius:4px;transition:width .5s ease}.heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:12px}.heatmap-cell{aspect-ratio:1;border-radius:3px;background:var(--bg)}.heatmap-cell.level-1{background:#6366f133}.heatmap-cell.level-2{background:#6366f166}.heatmap-cell.level-3{background:#6366f199}.heatmap-cell.level-4{background:var(--primary)}.heatmap-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;font-size:11px;color:var(--text-muted)}.heatmap-legend .heatmap-cell{width:12px;height:12px}.level-bars{display:flex;flex-direction:column;gap:16px}.level-bar-row{display:flex;align-items:center;gap:16px}.level-label{display:flex;align-items:center;gap:10px;min-width:140px}.level-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:6px;font-size:12px;font-weight:700}.level-a1{background:#10b98126;color:var(--success)}.level-a2{background:#3b82f626;color:var(--info)}.level-b1{background:#f59e0b26;color:var(--warning)}.level-b2{background:#a855f726;color:#a855f7}.level-c1{background:#ef444426;color:#ef4444}.level-c2{background:#ec489926;color:#ec4899}.level-count{font-size:13px;color:var(--text-secondary)}.level-bar{flex:1;height:10px;background:var(--bg);border-radius:5px;overflow:hidden}.level-fill{height:100%;border-radius:5px;transition:width .5s ease}.level-fill-a1{background:var(--success)}.level-fill-a2{background:var(--info)}.level-fill-b1{background:var(--warning)}.level-fill-b2{background:#a855f7}.level-fill-c1{background:#ef4444}.level-fill-c2{background:#ec4899}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;transition:all var(--transition);cursor:pointer}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.action-card svg{width:32px;height:32px;margin-bottom:12px}.action-card h4{font-size:15px;font-weight:600;margin-bottom:4px}.action-card p{font-size:13px;color:var(--text-secondary)}.action-learn{border-color:#6366f14d}.action-learn:hover{background:var(--primary-bg)}.action-learn svg{color:var(--primary)}.action-review{border-color:#f59e0b4d}.action-review:hover{background:var(--warning-bg)}.action-review svg{color:var(--warning)}.action-quiz{border-color:#10b9814d}.action-quiz:hover{background:var(--success-bg)}.action-quiz svg{color:var(--success)}.home-page{max-width:720px;margin:0 auto;padding:0 16px 32px}.home-hero{text-align:center;padding:40px 0 16px}.home-hero-title{font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.home-hero-ai{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;font-size:13px;color:var(--text-secondary);opacity:.8}.home-hero-ai svg{color:var(--primary);flex-shrink:0}.home-url-section{margin:0 0 32px}.home-url-group{display:flex;gap:8px}.home-url-input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s}.home-url-input:focus{border-color:var(--primary)}.home-url-btn{width:52px;height:52px;border-radius:12px;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s}.home-url-btn:hover{opacity:.85}.home-url-hint{font-size:13px;color:var(--text-secondary);margin:8px 0 0;text-align:center}.home-url-error{font-size:13px;color:var(--danger);margin:8px 0 0;text-align:center}.home-section{margin:0 0 28px}.home-section-title{font-size:18px;font-weight:600;margin:0 0 12px}.home-level-tabs{display:flex;gap:8px;margin:0 0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-level-tabs::-webkit-scrollbar{display:none}.home-level-tab{padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.home-level-tab:hover{border-color:var(--primary);color:var(--text-primary)}.home-level-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.home-scroll{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.home-scroll::-webkit-scrollbar{display:none}.home-scroll .home-video-card{min-width:220px;max-width:220px;flex-shrink:0}.home-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.home-video-card{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform .15s,border-color .2s}.home-video-card:hover{transform:translateY(-2px);border-color:var(--primary)}.home-video-thumb{position:relative;aspect-ratio:16/9;background:var(--bg-secondary, #1a1a2e);overflow:hidden}.home-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.home-video-duration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.home-video-meta{padding:10px 12px}.home-video-title{font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 6px}.home-video-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.home-video-level{margin-left:auto;padding:2px 8px;border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.home-video-users{color:var(--text-secondary)}.home-load-more{display:block;margin:16px auto 0;padding:10px 24px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;transition:border-color .2s}.home-load-more:hover{border-color:var(--primary)}.home-see-all{display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:14px;text-decoration:none;padding:16px;border:1px dashed var(--border);border-radius:12px;transition:background .2s}.home-see-all:hover{background:var(--card-bg)}.home-stats-strip{display:flex;justify-content:space-around;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border);margin:0 0 24px}.home-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.home-stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.home-stat-label{font-size:12px;color:var(--text-secondary)}.home-loading,.home-empty{text-align:center;color:var(--text-secondary);padding:32px 16px;font-size:14px;grid-column:1 / -1}.auth-modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s}.auth-modal{background:var(--card-bg);border-radius:16px;border:1px solid var(--border);max-width:400px;width:100%;position:relative;padding:32px 24px 24px}.auth-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-secondary, rgba(255,255,255,.1));color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.auth-modal-close:hover{color:var(--text-primary)}.auth-modal-title{font-size:20px;font-weight:600;margin:0 0 8px;text-align:center}.auth-modal-desc{font-size:14px;color:var(--text-secondary);text-align:center;margin:0 0 24px}.auth-modal-google{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:#4285f4;color:#fff;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;transition:opacity .2s}.auth-modal-google:hover{opacity:.9}.auth-modal-divider{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--text-secondary);font-size:13px}.auth-modal-divider:before,.auth-modal-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-modal-form{display:flex;flex-direction:column;gap:10px;margin:0 0 12px}.auth-modal-form input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-primary);font-size:14px;outline:none}.auth-modal-form input:focus{border-color:var(--primary)}.auth-modal-submit{padding:10px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer}.auth-modal-submit:hover{opacity:.9}.auth-modal-toggle{font-size:13px;color:var(--text-secondary);text-align:center;margin:0 0 16px}.auth-modal-toggle a{color:var(--primary);cursor:pointer;text-decoration:none}.auth-modal-skip{display:block;width:100%;padding:10px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;text-align:center}.auth-modal-skip:hover{color:var(--text-primary)}.auth-modal-error{color:var(--danger);font-size:13px;text-align:center;margin:0 0 8px}@media(max-width:640px){.home-hero{padding:24px 0 12px}.home-hero-title{font-size:22px}.home-hero-subtitle{font-size:14px}.home-url-input{padding:12px 14px;font-size:14px}.home-url-btn{width:48px;height:48px}.home-video-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.home-scroll .home-video-card{min-width:180px;max-width:180px}.home-stats-strip{padding:12px 8px}.home-stat-value{font-size:18px}.auth-modal{padding:24px 16px 16px}}.dashboard-v2{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:20px;padding-bottom:32px}.dash-onboarding{background:linear-gradient(135deg,var(--primary-bg),rgba(168,85,247,.1));border:1px solid var(--primary);border-radius:var(--radius-lg);padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.dash-onboarding-icon{color:var(--primary)}.dash-onboarding-title{font-size:1.4rem;font-weight:700;margin:0}.dash-onboarding-text{color:var(--text-secondary);max-width:360px;margin:0;line-height:1.5}.dash-onboarding-btn{margin-top:8px;font-size:1rem;padding:12px 32px}.dash-hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.dash-greeting{font-size:26px;font-weight:800;line-height:1.2;margin:0}.dash-motivation{font-size:14px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.dash-streak{display:flex;align-items:center;gap:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:8px 14px;flex-shrink:0}.dash-streak-flame{color:var(--warning);display:flex}.dash-streak-flame svg{width:24px;height:24px}.dash-streak-info{display:flex;flex-direction:column;line-height:1}.dash-streak-count{font-size:20px;font-weight:800;color:var(--warning)}.dash-streak-label{font-size:11px;color:var(--text-secondary);margin-top:2px}.dash-daily-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:24px}.dash-ring-wrap{position:relative;width:120px;height:120px;flex-shrink:0}.dash-ring{width:100%;height:100%}.dash-ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dash-ring-value{font-size:28px;font-weight:800;color:var(--primary);line-height:1}.dash-ring-label{font-size:11px;color:var(--text-muted);margin-top:4px}.dash-today-metrics{display:flex;flex-direction:column;gap:12px;flex:1}.dash-metric{display:flex;align-items:baseline;gap:8px}.dash-metric-val{font-size:24px;font-weight:700;line-height:1}.dash-metric-lbl{font-size:13px;color:var(--text-secondary)}.dash-actions{display:flex;flex-direction:column;gap:12px}.dash-action{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:all var(--transition);cursor:pointer;text-decoration:none;color:inherit}.dash-action:hover{transform:translate(4px);box-shadow:var(--shadow)}.dash-action-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-action-icon svg{width:22px;height:22px}.dash-action-learn .dash-action-icon{background:var(--primary-bg);color:var(--primary)}.dash-action-review .dash-action-icon{background:var(--warning-bg);color:var(--warning)}.dash-action-text{flex:1;display:flex;flex-direction:column;gap:2px}.dash-action-text strong{font-size:15px;font-weight:600}.dash-action-text span{font-size:13px;color:var(--text-secondary)}.dash-action-arrow{width:20px;height:20px;color:var(--text-muted);flex-shrink:0}.dash-action-badge{background:var(--warning);color:#000;font-size:12px;font-weight:700;min-width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0 6px;flex-shrink:0}.dash-action-urgent{border-color:#f59e0b4d}.dash-vocab-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center}.dash-vocab-top{margin-bottom:20px}.dash-vocab-numbers{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1}.dash-vocab-known{font-size:48px;font-weight:900;background:linear-gradient(135deg,var(--primary),#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-vocab-separator{font-size:28px;font-weight:300;color:var(--text-muted)}.dash-vocab-total{font-size:28px;font-weight:700;color:var(--text-secondary)}.dash-vocab-label{display:block;font-size:13px;color:var(--text-secondary);margin-top:6px}.dash-vocab-bar-area{position:relative;margin-bottom:32px}.dash-vocab-bar{height:12px;background:var(--bg);border-radius:6px;overflow:hidden}.dash-vocab-fill{height:100%;background:linear-gradient(90deg,var(--primary),#a855f7);border-radius:6px;transition:width .5s ease;min-width:4px}.dash-vocab-markers{position:absolute;top:0;left:0;right:0;height:100%}.dash-vocab-marker{position:absolute;top:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;padding-top:6px}.dash-vocab-marker-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);margin-bottom:3px}.dash-vocab-marker.marker-done .dash-vocab-marker-dot{background:var(--success)}.dash-vocab-marker-label{font-size:11px;font-weight:600;color:var(--text-muted)}.dash-vocab-marker.marker-done .dash-vocab-marker-label{color:var(--success)}.dash-vocab-footer{display:flex;align-items:center;justify-content:center;gap:10px}.dash-vocab-until{font-size:14px;color:var(--text-secondary)}.dash-level-badge{font-size:14px!important;padding:3px 12px!important}.dash-level-complete{color:var(--success);font-weight:600}.dash-week-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.dash-week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dash-week-header h3{font-size:15px;font-weight:600;margin:0}.dash-week-total{font-size:13px;color:var(--text-secondary)}.dash-week-chart{display:flex;gap:8px;height:80px;align-items:flex-end}.dash-week-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.dash-week-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.dash-week-bar{width:100%;max-width:32px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--primary),rgba(99,102,241,.4));min-height:4px;transition:height .3s ease}.dash-week-label{font-size:11px;color:var(--text-muted);font-weight:500}.dash-stats-strip{display:flex;align-items:center;justify-content:center;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 8px}.dash-stat-mini{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.dash-stat-mini-val{font-size:20px;font-weight:800;line-height:1}.dash-stat-mini-lbl{font-size:11px;color:var(--text-muted)}.dash-stat-divider{width:1px;height:32px;background:var(--border)}.dash-quiz-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition);cursor:pointer;text-decoration:none}.dash-quiz-link:hover{color:var(--primary);border-color:#6366f14d;background:var(--primary-bg)}.dash-quiz-link svg{width:20px;height:20px}@media(max-width:768px){.dashboard-v2{max-width:100%;gap:16px}.dash-greeting{font-size:22px}.dash-daily-card{padding:20px 16px;gap:16px}.dash-ring-wrap{width:100px;height:100px}.dash-ring-value{font-size:22px}.dash-metric-val{font-size:20px}.dash-vocab-known{font-size:40px}.dash-vocab-total,.dash-vocab-separator{font-size:22px}.dash-vocab-card{padding:20px 16px}.dash-week-chart{height:64px}.dash-stat-mini-val{font-size:18px}}@media(min-width:1025px){.dashboard-v2{max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.dash-hero{grid-column:1 / -1}.dash-vocab-card{grid-column:1}.dash-daily-card{grid-column:2;flex-direction:column;align-items:center;text-align:center}.dash-today-metrics{width:100%}.dash-actions{grid-column:1 / -1;flex-direction:row}.dash-action{flex:1}.dash-week-card{grid-column:1 / -1}.dash-week-chart{height:100px}.dash-stats-strip,.dash-quiz-link{grid-column:1 / -1}.dash-ring-wrap{width:140px;height:140px}}.flashcard-page{max-width:640px;margin:0 auto;padding:20px 0}.session-progress{display:flex;align-items:center;gap:16px;margin-bottom:32px}.progress-text{font-size:14px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.progress-bar-mini{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.flashcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;min-height:400px;box-shadow:var(--shadow-lg)}.flashcard-front,.flashcard-back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:320px}.word-level{display:flex;align-items:center;gap:12px}.word-pos{font-size:13px;color:var(--text-muted);font-style:italic}.review-interval{font-size:12px;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:4px}.word-english{font-size:42px;font-weight:800;letter-spacing:-1px;text-align:center}.word-phonetic{font-size:18px;color:var(--text-muted);font-family:Segoe UI,Noto Sans,sans-serif;text-align:center;min-height:24px;letter-spacing:.5px}.word-phonetic:empty{display:none}.wl-phonetic{font-size:12px;color:var(--text-muted);font-family:Segoe UI,Noto Sans,sans-serif;letter-spacing:.3px}.wl-phonetic:empty{display:none}.word-hint{font-size:15px;color:var(--text-muted)}.word-divider{width:60px;height:2px;background:var(--border)}.word-russian{font-size:32px;font-weight:700;color:var(--primary);text-align:center}.word-example{font-size:15px;color:var(--text-secondary);font-style:italic;text-align:center}.word-example-block{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.word-example-ru{font-size:13px;color:var(--text-muted);font-style:italic;text-align:center}.word-mnemonic{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:480px;text-align:left;margin-top:4px}.mnemonic-icon{flex-shrink:0;font-size:16px;line-height:1.4}.word-topic-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:#a855f71a;color:#a855f7}.topic-filter{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:16px}.topic-filter h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.topic-chips{display:flex;flex-wrap:wrap;gap:6px}.topic-chip{padding:6px 14px;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.topic-chip:hover{border-color:var(--primary);color:var(--primary)}.topic-chip.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary);font-weight:600}.rating-section{margin-top:24px;width:100%}.rating-question{text-align:center;font-size:14px;color:var(--text-secondary);margin-bottom:16px}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn-rating{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);cursor:pointer;transition:all var(--transition)}.btn-rating:hover{transform:translateY(-2px)}.rating-emoji{font-size:14px;font-weight:700}.rating-desc{font-size:11px;color:var(--text-muted)}.btn-rating-fail{border-color:#ef44444d}.btn-rating-fail:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-rating-hard{border-color:#f59e0b4d}.btn-rating-hard:hover{background:var(--warning-bg);border-color:var(--warning)}.btn-rating-good{border-color:#3b82f64d}.btn-rating-good:hover{background:var(--info-bg);border-color:var(--info)}.btn-rating-easy{border-color:#10b9814d}.btn-rating-easy:hover{background:var(--success-bg);border-color:var(--success)}.review-verdict{display:flex;gap:16px;width:100%;max-width:400px;margin-top:24px}.btn-verdict{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:var(--radius-sm);font-size:17px;font-weight:700;cursor:pointer;transition:all var(--transition);border:2px solid transparent}.btn-verdict--forgot{background:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.btn-verdict--forgot:hover{background:#ef444433;border-color:var(--danger)}.btn-verdict--remember{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.btn-verdict--remember:hover{background:#10b98133;border-color:var(--success)}.btn-reveal{margin-top:32px;width:100%;max-width:320px}.review-hint,.review-keys-hint{margin-top:12px;font-size:13px;color:var(--text-muted)}.answer-input-section{display:flex;gap:12px;width:100%;max-width:400px}.answer-input{flex:1;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:16px;outline:none;transition:border-color var(--transition)}.answer-input:focus{border-color:var(--primary)}.answer-feedback{margin-top:8px;font-size:15px}.feedback-correct{color:var(--success);font-weight:600}.feedback-incorrect{color:var(--danger)}.review-label{font-size:15px;color:var(--text-secondary)}.page-loading{display:flex;align-items:center;justify-content:center;min-height:40vh}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}#offline-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--warning);color:#000;font-size:14px;font-weight:500}#offline-banner svg{flex-shrink:0}body.offline #app{padding-top:40px}@media(max-width:768px){body.offline #mobile-header{top:40px}body.offline #sidebar{top:calc(40px + var(--mobile-header-height, 56px))}}.page-center{display:flex;align-items:center;justify-content:center;min-height:60vh}.session-complete{text-align:center;max-width:600px}.complete-icon{width:80px;height:80px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.complete-icon svg{width:40px;height:40px;color:var(--success)}.complete-icon.warning{background:var(--warning-bg)}.complete-icon.warning svg{color:var(--warning)}.complete-icon.danger{background:var(--danger-bg)}.complete-icon.danger svg{color:var(--danger)}.session-complete h2{font-size:28px;font-weight:700;margin-bottom:24px}.session-stats{display:flex;justify-content:center;gap:32px;margin-bottom:32px}.session-stat{text-align:center}.session-stat-value{display:block;font-size:32px;font-weight:800}.session-stat-label{font-size:13px;color:var(--text-secondary)}.session-stat.correct .session-stat-value{color:var(--success)}.session-stat.incorrect .session-stat-value{color:var(--danger)}.accuracy-display{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.accuracy-circle{position:relative;width:120px;height:120px}.accuracy-circle svg{width:120px;height:120px}.accuracy-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:800}.accuracy-label{font-size:14px;color:var(--text-secondary);margin-top:8px}.grade{font-size:20px;font-weight:700;margin-bottom:24px;padding:8px 24px;border-radius:var(--radius-sm);display:inline-block}.grade-a{background:var(--success-bg);color:var(--success)}.grade-b{background:var(--info-bg);color:var(--info)}.grade-c{background:var(--warning-bg);color:var(--warning)}.grade-d{background:var(--danger-bg);color:var(--danger)}.session-words{margin:24px 0;text-align:left}.session-words h3{font-size:16px;margin-bottom:12px}.word-results{display:flex;flex-direction:column;gap:8px}.word-result{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);font-size:15px}.word-result.correct{background:var(--success-bg)}.word-result.incorrect{background:var(--danger-bg)}.word-en{font-weight:600}.word-arrow{color:var(--text-muted)}.word-ru{color:var(--text-secondary)}.review-exercise-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--primary);background:var(--primary-bg);margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.review-feedback-card{text-align:center;padding:32px 24px}.review-feedback-badge{display:inline-block;padding:6px 20px;border-radius:20px;font-size:15px;font-weight:700;margin-bottom:20px}.review-feedback--correct{background:var(--success-bg);color:var(--success)}.review-feedback--incorrect{background:var(--danger-bg);color:var(--danger)}.review-feedback--close{background:var(--warning-bg);color:var(--warning)}.review-feedback-detail{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.review-feedback-interval{font-size:13px;color:var(--text-muted);margin-top:20px;margin-bottom:20px}.review-next-btn{min-width:200px}.answer-input.input-correct{border-color:var(--success);background:var(--success-bg)}.answer-input.input-incorrect{border-color:var(--danger);background:var(--danger-bg)}.cloze-sentence{font-size:20px;line-height:1.6;margin-bottom:16px;color:var(--text)}.cloze-blank{display:inline-block;min-width:80px;padding:2px 8px;border-bottom:3px solid var(--primary);color:var(--primary);font-weight:600;transition:all var(--transition)}.cloze-blank--correct{border-color:var(--success);color:var(--success)}.cloze-blank--incorrect{border-color:var(--danger);color:var(--danger)}.cloze-hint{font-size:14px;color:var(--text-muted);font-style:italic;margin-bottom:20px}.cloze-word-info{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.review-audio-btn-large{width:80px;height:80px;border-radius:50%;background:var(--primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:transform var(--transition),background var(--transition)}.review-audio-btn-large:hover{transform:scale(1.08);background:var(--primary-hover)}.review-audio-btn-large svg{width:36px;height:36px}.review-listen-icon{margin-bottom:8px}.review-listen-hint{font-size:13px;color:var(--text-muted);margin-bottom:24px}.review-type-breakdown{display:grid;grid-template-columns:1fr auto;gap:8px 16px;max-width:300px;margin:0 auto 24px;text-align:left;padding:16px;background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border)}.review-type-label{font-size:14px;color:var(--text-secondary)}.review-type-stat{font-size:14px;font-weight:600;text-align:right}.learn-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.info-card h3{font-size:16px;margin-bottom:12px}.info-card ol{list-style:decimal;padding-left:20px;color:var(--text-secondary);font-size:14px;line-height:1.8}.batch-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.batch-preview h3{font-size:16px;margin-bottom:12px}.word-chips{display:flex;flex-wrap:wrap;gap:8px}.word-chip{padding:6px 14px;background:var(--primary-bg);color:var(--primary);border-radius:20px;font-size:14px;font-weight:600}.learn-mode{display:flex;flex-direction:column;gap:16px}.learn-mode .session-progress{margin-bottom:0}.learn-picker{animation:fadeIn .3s ease}.learn-daily-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary)}.learn-daily-info svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.learn-daily-info strong{color:var(--text);font-weight:600}.learn-daily-bar{flex:1;height:4px;background:var(--bg);border-radius:2px;overflow:hidden;min-width:60px}.learn-daily-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.learn-start-card{display:flex;align-items:center;gap:16px;width:100%;padding:20px;background:var(--primary-bg);border:1px solid var(--primary);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;font-family:inherit;color:var(--text)}.learn-start-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f133}.learn-start-card:active{transform:translateY(0)}.learn-start-card-icon{width:48px;height:48px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.learn-start-card-icon svg{width:24px;height:24px;color:#fff}.learn-start-card-text{flex:1;display:flex;flex-direction:column;gap:2px}.learn-start-card-title{font-size:18px;font-weight:700}.learn-start-card-count{font-size:13px;color:var(--text-secondary)}.learn-start-card-arrow{flex-shrink:0;color:var(--primary)}.learn-start-card-arrow svg{width:20px;height:20px}.learn-section-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.learn-video-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.learn-video-card{display:flex;align-items:center;gap:12px;padding:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition);font-family:inherit;color:var(--text);text-align:left;width:100%}.learn-video-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f126}.learn-video-card:active{transform:scale(.99)}.learn-video-thumb{width:120px;height:68px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg)}.learn-video-info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1}.learn-video-title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-video-count{font-size:13px;color:var(--text-muted)}.learn-video-arrow{flex-shrink:0;color:var(--text-muted)}.learn-topics-section{margin-top:4px}.learn-topics-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--text-muted);transition:background var(--transition);margin-bottom:4px}.learn-topics-toggle:hover{background:var(--bg-hover)}.learn-topics-chevron{transition:transform .2s ease}.learn-topics-chevron.open{transform:rotate(180deg)}.learn-topics-list{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.learn-topic-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;transition:background var(--transition);font-family:inherit;font-size:15px;color:var(--text);text-align:left;width:100%}.learn-topic-item:last-child{border-bottom:none}.learn-topic-item:hover{background:var(--bg-hover)}.learn-topic-item--last-used{background:var(--primary-bg)}.learn-topic-item--last-used:hover{background:#6366f126}.learn-topic-name{flex:1;font-weight:500}.learn-topic-count{font-size:13px;font-weight:600;color:var(--text-muted);background:var(--bg);padding:2px 8px;border-radius:10px;min-width:28px;text-align:center}.learn-topic-few{font-size:11px;color:var(--warning, #f59e0b);font-weight:500}.rating-buttons.rating-buttons-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rating-buttons.rating-buttons-3 .btn-rating{padding:16px 8px}.rating-label{font-size:15px;font-weight:600}.learn-keys-hint{display:block;text-align:center;font-size:12px;color:var(--text-muted);margin-top:8px;letter-spacing:1px}.word-english-sm{font-size:28px;font-weight:800;letter-spacing:-.5px;text-align:center}.learn-complete{display:flex;flex-direction:column;align-items:center;padding:32px 0}.learn-complete-icon{width:64px;height:64px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.learn-complete-icon svg{width:32px;height:32px;color:var(--success)}.learn-complete h2{font-size:28px;font-weight:800;margin-bottom:4px}.learn-complete-sub{font-size:14px;color:var(--text-muted);margin-bottom:24px}.learn-complete-words{width:100%;display:flex;flex-direction:column;gap:6px;margin-bottom:28px}.learn-complete-word{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-sm);font-size:15px}.learn-complete-word.known{background:var(--success-bg)}.learn-complete-word.new-word{background:var(--danger-bg)}.learn-cw-en{font-weight:600}.learn-cw-arrow{color:var(--text-muted)}.learn-cw-ru{color:var(--text-secondary)}.learn-complete-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.learn-stage-label{font-size:12px;color:var(--text-muted);text-align:right;margin-top:4px;letter-spacing:.02em}.learn-stage-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;animation:fadeIn .3s ease}.stage-check-icon{width:64px;height:64px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center}.stage-check-icon svg{width:32px;height:32px;color:#fff}.stage-transition-text{font-size:20px;font-weight:600;color:var(--text-primary)}.stage-transition-next{font-size:14px;color:var(--text-muted)}.learn-matching{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:500px;margin:0 auto;touch-action:manipulation}.matching-column{display:flex;flex-direction:column;gap:8px}.matching-item{padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-primary);font-size:15px;cursor:pointer;transition:border-color .15s,background .15s,opacity .3s,transform .15s;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.matching-item:hover:not(.matched){border-color:var(--primary);background:#6366f10d}.matching-item.selected{border-color:var(--primary);background:#6366f11f;box-shadow:0 0 0 1px var(--primary)}.matching-item.matched{border-color:var(--success);background:#22c55e1a;opacity:.6;cursor:default;pointer-events:none}.matching-item.error{border-color:var(--danger, #ef4444);background:#ef44441a;animation:matchShake .3s ease}@keyframes matchShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.learn-listen-icon{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0 24px}.audio-btn-large{width:80px;height:80px;border-radius:50%;background:var(--primary);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;touch-action:manipulation}.audio-btn-large svg{width:36px;height:36px}.audio-btn-large:hover{transform:scale(1.08);box-shadow:0 4px 16px #6366f159}.audio-btn-large:active{transform:scale(.95)}.learn-listen-hint{font-size:12px;color:var(--text-muted)}.learn-skip-audio{display:inline-block;margin-top:16px;padding:8px 16px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.learn-skip-audio:hover{color:var(--text-secondary)}.builder-prompt{font-size:24px;font-weight:600;color:var(--text-primary);margin:8px 0 20px;text-align:center}.builder-target{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:24px;min-height:48px}.builder-slot{width:40px;height:44px;border:2px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:var(--text-primary);background:var(--card-bg);transition:border-color .2s,background .2s;text-transform:lowercase}.builder-slot.filled{border-color:var(--primary);background:#6366f114}.builder-slot.correct{border-color:var(--success);background:#22c55e1f;color:var(--success)}.builder-slot.incorrect{border-color:var(--danger, #ef4444);background:#ef44441a;color:var(--danger, #ef4444);animation:matchShake .3s ease}.builder-slot-space{width:20px;border:none;background:transparent}.builder-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px}.builder-tile{width:40px;height:40px;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s,border-color .15s;text-transform:lowercase;touch-action:manipulation;-webkit-user-select:none;user-select:none}.builder-tile:hover:not(.used){border-color:var(--primary);transform:translateY(-2px)}.builder-tile:active:not(.used){transform:scale(.92)}.builder-tile.used{opacity:.25;cursor:default;pointer-events:none}.builder-actions{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.builder-feedback{text-align:center;font-size:16px;font-weight:600;margin-top:8px}.feedback-correct{color:var(--success)}.learn-complete-accuracy{display:flex;flex-direction:column;align-items:center;gap:4px;margin:12px 0 16px}.learn-accuracy-value{font-size:36px;font-weight:700;color:var(--primary)}.learn-accuracy-label{font-size:13px;color:var(--text-muted)}.learn-complete-stages{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px}.learn-stage-stat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px}.learn-stage-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.learn-stage-stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.learn-mode .quiz-card,.learn-mode .flashcard{animation:fadeIn .25s ease}@media(max-width:480px){.learn-mode .flashcard{padding:20px 14px;min-height:auto}.flashcard-front,.flashcard-back{gap:12px;min-height:auto}.word-english-sm{font-size:22px}.word-phonetic{font-size:13px;min-height:18px}.word-russian{font-size:20px}.audio-btn{width:40px;height:40px}.audio-btn svg{width:18px;height:18px}.word-divider{width:40px}.word-example{font-size:13px}.word-example-ru{font-size:12px}.word-mnemonic{padding:8px 10px;font-size:12px}.mnemonic-icon{font-size:14px}.rating-section{margin-top:12px}.rating-buttons.rating-buttons-3{gap:8px}.rating-buttons.rating-buttons-3 .btn-rating{padding:10px 4px}.rating-label{font-size:13px}.btn-reveal{margin-top:16px}.learn-keys-hint{display:none}.learn-mode{gap:10px}.learn-start-card{padding:16px}.learn-start-card-icon{width:40px;height:40px;border-radius:10px}.learn-start-card-icon svg{width:20px;height:20px}.learn-start-card-title{font-size:16px}.learn-video-thumb{width:80px;height:45px}.learn-video-title{font-size:13px}.learn-video-card{padding:8px;gap:10px}.learn-topic-item{padding:12px 14px}.learn-daily-info{font-size:13px;padding:10px 14px}.learn-matching{gap:10px}.matching-item{padding:10px 12px;font-size:14px;min-height:40px}.audio-btn-large{width:64px;height:64px}.audio-btn-large svg{width:28px;height:28px}.builder-prompt{font-size:20px}.builder-slot{width:36px;height:40px;font-size:18px}.builder-tile{width:36px;height:36px;font-size:16px}.builder-slot-space{width:14px}.learn-stage-transition{min-height:240px}.stage-check-icon{width:52px;height:52px}.stage-check-icon svg{width:26px;height:26px}.stage-transition-text{font-size:17px}.learn-accuracy-value{font-size:28px}.learn-complete-stages{gap:12px}.learn-stage-stat{min-width:60px}.learn-stage-stat-label{font-size:10px}.learn-stage-stat-value{font-size:15px}}.review-info{margin-bottom:8px}.review-breakdown{display:flex;gap:20px;margin-top:16px}.review-type{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.quiz-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quiz-mode-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;text-align:center;cursor:pointer;transition:all var(--transition)}.quiz-mode-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.quiz-mode-card svg{width:40px;height:40px;color:var(--primary);margin-bottom:16px}.quiz-mode-card h3{font-size:18px;margin-bottom:8px}.quiz-mode-card p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.quiz-count{font-size:13px;color:var(--primary);font-weight:600}.quiz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;text-align:center;box-shadow:var(--shadow-lg)}.quiz-question-label{font-size:15px;color:var(--text-secondary);margin-bottom:16px}.quiz-question-word{font-size:36px;font-weight:800;margin-bottom:32px;letter-spacing:-.5px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:500px;margin:0 auto}.quiz-option{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;color:var(--text)}.quiz-option:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg)}.quiz-option.correct{border-color:var(--success);background:var(--success-bg)}.quiz-option.incorrect{border-color:var(--danger);background:var(--danger-bg)}.option-key{width:28px;height:28px;border-radius:6px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-muted);flex-shrink:0}.option-text{font-size:15px;font-weight:500}.typing-section{display:flex;gap:12px;max-width:400px;margin:0 auto}.typing-feedback{margin-top:16px;font-size:16px}.cloze-sentence{font-size:20px;line-height:1.8;margin-bottom:16px;text-align:left;max-width:560px;margin-left:auto;margin-right:auto;color:var(--text)}.cloze-blank{display:inline;color:var(--primary);font-weight:700;border-bottom:3px solid var(--primary);padding:0 2px;letter-spacing:2px;min-width:60px}.cloze-blank--correct{color:var(--success);border-bottom-color:var(--success);letter-spacing:normal}.cloze-blank--incorrect{color:var(--danger);border-bottom-color:var(--danger);letter-spacing:normal;text-decoration:line-through}.cloze-hint{font-size:14px;color:var(--text-secondary);font-style:italic;margin-bottom:20px;max-width:560px;margin-left:auto;margin-right:auto;text-align:left}.cloze-word-info{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:20px}.quiz-mode-card--disabled{pointer-events:none;opacity:.4}.words-page{max-width:100%}.filter-bar{margin-bottom:24px}.filter-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.filter-levels{display:flex;gap:8px;margin-bottom:16px}.filter-tab{padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--transition)}.filter-tab:hover{background:var(--bg-hover)}.filter-tab.active{background:var(--primary-bg);color:var(--primary);border-color:var(--primary)}.tab-count{font-weight:700;margin-left:4px}.search-box{position:relative;max-width:300px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.search-box input{width:100%;padding:10px 12px 10px 40px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none}.search-box input:focus{border-color:var(--primary)}.word-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.word-list-header{display:grid;grid-template-columns:2fr 2fr 1fr 80px 100px;gap:12px;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.word-list-row{display:grid;grid-template-columns:2fr 2fr 1fr 80px 100px;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);font-size:14px;transition:background var(--transition)}.word-list-row:last-child{border-bottom:none}.word-list-row:hover{background:var(--bg-hover)}.wl-en{font-weight:600}.wl-ru{color:var(--text-secondary)}.wl-pos{color:var(--text-muted);font-size:13px}.video-words-group{margin-bottom:20px}.video-words-group .word-list{border-top-left-radius:0;border-top-right-radius:0}.video-words-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.video-words-thumb{width:56px;height:42px;border-radius:6px;object-fit:cover;flex-shrink:0}.video-words-info{min-width:0}.video-words-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-words-count{color:var(--text-muted);font-size:13px}.video-words-empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px}.filter-tab-video{border-color:var(--primary);color:var(--primary)}.status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.status-new{background:var(--success-bg);color:var(--success)}.status-learning{background:var(--warning-bg);color:var(--warning)}.status-review{background:var(--info-bg);color:var(--info)}.status-mastered{background:var(--success-bg);color:var(--success)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.page-info{font-size:14px;color:var(--text-secondary)}.words-footer{text-align:center;margin-top:12px;font-size:13px;color:var(--text-muted)}.settings-page{max-width:520px}.settings-profile{display:flex;align-items:center;gap:14px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px}.settings-profile-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-avatar-letter{color:#fff;font-size:20px;font-weight:700;line-height:1}.settings-profile-avatar.settings-avatar-guest{background:var(--bg-tertiary);border:1.5px solid var(--border)}.settings-profile-avatar.settings-avatar-guest svg{width:24px;height:24px;color:var(--text-muted)}.settings-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-profile-name{font-size:16px;font-weight:600;color:var(--text)}.settings-profile-email{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-profile-provider{font-size:12px;color:var(--text-muted)}.settings-profile-sub{font-size:13px;color:var(--text-muted)}.settings-card-compact{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);padding:16px 20px;margin-bottom:12px}.settings-card-compact h3{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.settings-form{display:flex;flex-direction:column;gap:12px}.form-group-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-group-row label{font-size:14px;color:var(--text)}.form-group-row input[type=number]{width:72px;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;text-align:center;outline:none}.form-group-row input:focus{border-color:var(--primary)}.settings-hint{font-size:12px;color:var(--text-muted);margin-top:-6px}.settings-row-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:12px}.settings-row-label{font-size:14px;font-weight:500;color:var(--text)}.settings-segment-control{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.settings-segment{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:all var(--transition)}.settings-segment:hover{color:var(--text)}.settings-segment.active{background:var(--primary);color:#fff}.settings-sync-right{display:flex;align-items:center;gap:10px}.settings-sync-status{font-size:13px;color:var(--text-muted)}.settings-link-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.settings-link-connected{color:var(--success);font-size:13px;font-weight:500}.settings-link-email{color:var(--text-muted);font-size:12px}.settings-data-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-danger-outline{color:var(--danger);border-color:var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:#fff}.stats-list{display:flex;flex-direction:column;gap:12px}.stats-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-secondary)}.data-actions{display:flex;gap:12px;flex-wrap:wrap}.empty-state{text-align:center;max-width:400px}.empty-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:20px}.empty-state h2{font-size:22px;margin-bottom:8px}.empty-state p{color:var(--text-secondary);font-size:15px;margin-bottom:20px}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.cards-row,.quick-actions,.quiz-modes,.learn-info{grid-template-columns:1fr}}@media(max-width:768px){#sidebar{transform:translate(-100%);width:280px;top:calc(var(--mobile-header-height) + var(--safe-area-top));bottom:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}#sidebar.open{transform:translate(0)}#sidebar .logo,#sidebar .nav-footer{display:none}#content{margin-left:0;padding:20px 16px;padding-top:calc(var(--mobile-header-height) + var(--safe-area-top) + 16px);padding-bottom:calc(var(--bottom-tabs-height) + var(--safe-area-bottom) + 16px)}.page-header{flex-direction:column;gap:16px}.page-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.today-stats,.rating-buttons{grid-template-columns:repeat(2,1fr)}.quiz-options{grid-template-columns:1fr}.word-english{font-size:28px}.word-phonetic{font-size:15px}.word-russian{font-size:24px}.word-mnemonic{max-width:100%;font-size:13px;padding:10px 12px}.topic-chips{gap:4px}.topic-chip{padding:4px 10px;font-size:12px}.flashcard{padding:24px}.session-stats{flex-wrap:wrap;gap:16px}.word-list-header,.word-list-row{grid-template-columns:1fr 1fr 80px}.wl-pos,.wl-level{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard,.learn-page,.flashcard-page,.quiz-page,.words-page,.settings-page{animation:fadeIn .3s ease}.audio-controls{display:flex;align-items:center;gap:8px}.audio-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background:var(--bg);color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.audio-btn svg{width:22px;height:22px}.audio-btn:hover{background:var(--primary-bg);border-color:var(--primary);transform:scale(1.1)}.audio-btn.audio-playing{background:var(--primary);color:#fff;border-color:var(--primary);animation:pulse .5s ease}.audio-btn-slow{width:36px;height:36px;opacity:.7}.audio-btn-slow svg{width:16px;height:16px}.audio-btn-slow:hover{opacity:1}.audio-btn-small{width:32px;height:32px}.audio-btn-small svg{width:16px;height:16px}.audio-btn-small.audio-btn-slow{width:28px;height:28px}.audio-btn-small.audio-btn-slow svg{width:14px;height:14px}.audio-inline{display:inline-flex;align-items:center;gap:6px}.audio-inline .audio-btn{width:28px;height:28px;border:none;background:transparent}.audio-inline .audio-btn svg{width:16px;height:16px}.audio-inline .audio-btn:hover{background:var(--primary-bg)}.audio-inline .audio-btn-slow{display:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.musical-page{max-width:800px;margin:0 auto;animation:fadeIn .3s ease}.musical-setup{display:flex;flex-direction:column;gap:24px}.musical-setup .card{padding:24px}.musical-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.musical-source-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.musical-source-option{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);cursor:pointer;transition:all var(--transition);font-size:14px;color:var(--text)}.musical-source-option:hover{border-color:var(--primary)}.musical-source-option.active{border-color:var(--primary);background:#6366f11a}.musical-source-option input[type=radio]{accent-color:var(--primary)}.musical-bpm{display:flex;align-items:center;gap:12px;margin-top:8px}.musical-bpm input[type=range]{flex:1;max-width:300px;accent-color:var(--primary);height:6px}.musical-bpm .bpm-value{font-weight:700;font-size:18px;min-width:70px;text-align:center}.musical-preview-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.musical-chip{padding:4px 12px;background:var(--bg);border:1px solid var(--border);border-radius:16px;font-size:13px;color:var(--text-secondary)}.musical-player{text-align:center}.musical-display{background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border);border-radius:16px;padding:48px 32px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;position:relative}.musical-now-playing{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.musical-word-en{font-size:48px;font-weight:800;letter-spacing:-1px;transition:opacity .3s ease,transform .3s ease}.musical-word-en.speaking{color:var(--primary)}.musical-word-phonetic{font-size:16px;color:var(--text-muted);font-family:Segoe UI,Noto Sans,sans-serif;min-height:22px}.musical-word-divider{width:60px;height:2px;background:var(--border);margin:4px 0}.musical-word-ru{font-size:32px;font-weight:700;color:var(--primary);transition:opacity .3s ease,transform .3s ease;min-height:44px}.musical-word-ru.hidden{opacity:0}.musical-word-ru.speaking{opacity:1;transform:scale(1.05)}.beat-dots{display:flex;gap:8px;margin-top:16px}.beat-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:transform .1s ease,background .1s ease}.beat-dot.active{background:var(--primary);transform:scale(1.6)}.musical-progress{margin-bottom:24px}.musical-progress-text{font-size:14px;color:var(--text-muted);margin-bottom:8px}.musical-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.musical-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.musical-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.musical-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card, var(--bg-secondary));color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.musical-btn svg{width:22px;height:22px}.musical-btn:hover{border-color:var(--primary);color:var(--primary);background:#6366f11a}.musical-btn-play{width:72px;height:72px;background:var(--primary);color:#fff;border-color:var(--primary)}.musical-btn-play svg{width:28px;height:28px}.musical-btn-play:hover{background:var(--primary-hover, #5558e6);transform:scale(1.05)}.musical-speed{display:flex;align-items:center;gap:12px;justify-content:center;margin:16px 0;font-size:14px;color:var(--text-muted)}.musical-speed input[type=range]{width:180px;accent-color:var(--primary)}.musical-volume{display:flex;align-items:center;gap:12px;justify-content:center;margin:8px 0;font-size:14px;color:var(--text-muted)}.musical-volume input[type=range]{width:120px;accent-color:var(--primary)}.musical-upcoming{margin-top:24px;padding:16px;background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border);border-radius:var(--radius, 12px);text-align:left}.musical-upcoming h4{font-size:12px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.musical-upcoming-list{display:flex;flex-wrap:wrap;gap:6px}.upcoming-word{padding:4px 12px;background:var(--bg);border-radius:16px;font-size:13px;color:var(--text-secondary);transition:all .2s ease}.upcoming-word.current{background:#6366f126;color:var(--primary);font-weight:600}.upcoming-word.done{opacity:.35;text-decoration:line-through}.musical-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px;cursor:pointer;background:none;border:none;padding:0;transition:color var(--transition)}.musical-back:hover{color:var(--primary)}.suno-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.suno-section h3{margin-bottom:8px}.suno-status{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg);border-radius:8px;margin-top:16px;font-size:14px}.suno-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.suno-songs-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.suno-song-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.suno-song-item .song-title{flex:1;font-size:14px}.suno-song-item .song-date{font-size:12px;color:var(--text-muted)}.form-group input[type=password]{padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:15px;outline:none;width:100%;max-width:400px}.form-group input[type=password]:focus{border-color:var(--primary)}.musical-complete{text-align:center}.musical-complete h2{margin:16px 0 8px}.musical-complete p{color:var(--text-secondary);margin-bottom:24px}@media(max-width:768px){.musical-word-en{font-size:32px}.musical-word-ru{font-size:24px}.musical-display{padding:32px 20px;min-height:240px}.musical-btn-play{width:60px;height:60px}.musical-btn{width:44px;height:44px}}.video-page{animation:fadeIn .3s ease;position:relative}.video-input-section{margin-bottom:24px}.video-input-group{display:flex;gap:12px;margin-bottom:8px}.video-input-group .input-field{flex:1;padding:12px 16px;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;outline:none;transition:border-color var(--transition)}.video-input-group .input-field:focus{border-color:var(--primary)}.video-input-group .input-field.input-error{border-color:var(--danger);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.video-input-hint{font-size:13px;color:var(--text-muted)}.video-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.video-error{padding:16px 20px;background:var(--danger-bg);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--danger);font-size:14px;margin-bottom:16px}.video-layout{display:flex;flex-direction:column;gap:16px}.video-player-wrap{width:100%;position:sticky;top:16px;z-index:10}.video-player-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;border-radius:var(--radius);overflow:hidden}.video-player-container iframe,.video-player-container #yt-player{position:absolute;top:0;left:0;width:100%;height:100%}.video-title{font-size:15px;color:var(--text-secondary);margin-top:8px;line-height:1.4}.comprehension-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap}.comprehension-progress{flex:1;min-width:200px;height:28px;background:var(--bg);border-radius:14px;position:relative;overflow:hidden}.comprehension-fill{height:100%;background:linear-gradient(90deg,var(--success),var(--primary));border-radius:14px;transition:width .5s ease}.comprehension-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.5)}.comprehension-stats{display:flex;gap:16px}.comp-stat{font-size:13px;font-weight:600}.comp-known{color:var(--success)}.comp-learning{color:var(--warning)}.comp-unknown{color:var(--text-muted)}.comp-percent{display:none;color:var(--primary)}.transcript-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.transcript-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.transcript-header h3{font-size:15px;font-weight:600}.transcript-controls{display:flex;gap:16px}.transcript-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.transcript-toggle input[type=checkbox]{accent-color:var(--primary)}.transcript{max-height:500px;overflow-y:auto;scroll-behavior:smooth}.transcript-loading-inline{padding:24px;text-align:center;color:var(--text-muted);font-size:14px}.transcript-phrase{display:flex;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);transition:background var(--transition);cursor:default}.transcript-phrase:last-child{border-bottom:none}.transcript-phrase:hover{background:var(--bg-hover)}.transcript-phrase.phrase-active{background:#6366f114;border-left:3px solid var(--primary);padding-left:13px}.phrase-time{flex-shrink:0;width:44px;font-size:12px;color:var(--text-muted);padding-top:3px;cursor:pointer;font-variant-numeric:tabular-nums}.phrase-time:hover{color:var(--primary)}.phrase-content{flex:1;min-width:0;position:relative;padding-right:28px}.phrase-en{font-size:15px;line-height:1.6;word-wrap:break-word}.phrase-ru{font-size:13px;color:var(--text-muted);margin-top:2px;line-height:1.5}.transcript-word{cursor:pointer;border-radius:3px;padding:1px 2px;transition:all .15s ease,background .08s ease-out;position:relative}.transcript-word:hover{background:var(--primary-bg);color:var(--primary)}.transcript-word.status-mastered,.transcript-word.status-review{background:#22c55e4d;color:var(--text);padding:1px 3px}.transcript-word.status-learning{background:#fbbf244d;color:var(--text);padding:1px 3px}.transcript-word.status-new,.transcript-word.status-unknown{background:#00000073;color:var(--text);padding:1px 3px}.transcript-word.status-mastered:hover,.transcript-word.status-review:hover{background:#22c55e73;color:var(--text)}.transcript-word.status-learning:hover{background:#fbbf2473;color:var(--text)}.transcript-word.status-new:hover,.transcript-word.status-unknown:hover{background:#0009;color:var(--text)}.transcript-word.word-speaking{background:var(--primary)!important;color:#fff!important;border-radius:3px;padding:1px 4px;box-shadow:0 0 12px #6366f180}.transcript-word.word-spoken{opacity:.55;border-radius:3px;padding:1px 2px;transition:opacity .2s ease-out}.transcript-offset-control{display:flex;align-items:center;gap:8px;padding:0 4px}.transcript-offset-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);white-space:nowrap;min-width:64px}.transcript-offset-control input[type=range]{width:100px;height:4px;accent-color:var(--primary)}.transcript-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--text-secondary);gap:12px}.transcript-unavailable svg{color:var(--warning);opacity:.8}.transcript-unavailable h4{color:var(--text);font-size:16px;font-weight:600;margin:0}.transcript-unavailable p{margin:0;font-size:14px}.transcript-unavailable-hint{color:var(--text-muted);font-size:13px;margin-top:4px}.transcript-retry-btn{margin-top:12px;padding:8px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:opacity .15s}.transcript-retry-btn:hover{opacity:.85}.transcript-retry-btn:disabled{opacity:.5;cursor:default}.word-popup{position:absolute;z-index:100;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:0;animation:fadeIn .15s ease}.popup-content{padding:16px;position:relative}.popup-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;line-height:1;padding:4px}.popup-close:hover{color:var(--text)}.popup-word-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.popup-word-text{font-size:22px;font-weight:700}.popup-audio-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.popup-audio-btn:hover{background:var(--primary-bg);border-color:var(--primary)}.popup-phonetic{font-size:14px;color:var(--text-muted);margin-bottom:10px;min-height:18px}.popup-translation{font-size:18px;font-weight:600;color:var(--primary);margin-bottom:8px}.popup-no-db{font-size:14px;color:var(--text-muted);margin-bottom:8px;font-style:italic}.popup-ai-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);margin-bottom:8px}.popup-ai-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px)}.popup-ai-btn:disabled{opacity:.7;cursor:wait}.popup-ai-hint{font-size:12px;color:var(--text-muted);margin-bottom:8px}.popup-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.popup-pos{font-size:12px;color:var(--text-muted)}.popup-topic{font-size:12px;color:var(--text-secondary);background:var(--bg);padding:2px 8px;border-radius:10px}.popup-example{font-size:13px;padding:8px 12px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:10px;line-height:1.5}.popup-example-en{color:var(--text-secondary)}.popup-example-ru{color:var(--text-muted);font-style:italic;margin-top:4px}.popup-status-row{margin-bottom:10px}.popup-status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px}.popup-status-badge.status-mastered,.popup-status-badge.status-review{background:var(--success-bg);color:var(--success)}.popup-status-badge.status-learning{background:var(--warning-bg);color:var(--warning)}.popup-status-badge.status-new,.popup-status-badge.status-unknown{background:var(--bg-hover);color:var(--text-secondary)}.popup-actions{display:flex;gap:8px;flex-wrap:wrap}.popup-mastered-label{font-size:13px;color:var(--success);font-weight:600}.btn-sm{padding:6px 14px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;border:none;transition:all var(--transition)}.btn-sm.btn-primary{background:var(--primary);color:#fff}.btn-sm.btn-primary:hover{background:var(--primary-hover)}.btn-sm.btn-success{background:var(--success);color:#fff}.btn-sm.btn-success:hover{opacity:.9}.btn-sm.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-sm.btn-outline:hover{border-color:var(--text-secondary);color:var(--text)}.btn-xs{padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;border:none;transition:all var(--transition)}.btn-xs.btn-primary{background:var(--primary);color:#fff}.btn-xs.btn-primary:hover{background:var(--primary-hover)}.btn-xs.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-xs.btn-outline:hover{border-color:var(--text-secondary);color:var(--text)}.wl-actions{display:flex;gap:6px;align-items:center}.video-library-section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-count{font-size:14px;font-weight:400;color:var(--text-muted)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all var(--transition);position:relative}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.video-card-thumb{position:relative;width:100%;padding-bottom:56.25%;background:var(--bg);overflow:hidden}.video-card-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-card-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.video-card-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3}.video-card-progress-fill{height:100%;background:var(--danger);transition:width .3s ease}.video-card-info{padding:12px 14px}.video-card-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card-channel{font-size:13px;color:var(--text-muted);margin-bottom:8px}.video-card-stats{display:flex;gap:12px;font-size:12px}.video-card-delete{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition),background var(--transition);z-index:2}.video-card:hover .video-card-delete{opacity:1}.video-card-delete:hover{background:var(--danger)}.section-badge{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--primary);color:#fff;border-radius:10px;margin-left:8px;vertical-align:middle}.section-subtitle{font-size:14px;color:var(--text-muted);margin:-8px 0 16px}.community-loading{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted);font-size:14px}.community-empty,.community-error{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-muted)}.community-empty-hint{font-size:13px;margin-top:8px;opacity:.7}.community-card{position:relative}.community-card.in-library{opacity:.7}.community-card.in-library:hover{opacity:1}.community-card-add,.community-card-badge{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:all var(--transition)}.community-card-add{background:var(--primary);color:#fff;border:none;cursor:pointer;opacity:0}.community-card:hover .community-card-add{opacity:1}.community-card-add:hover{background:var(--primary-dark);transform:scale(1.1)}.community-card-badge{background:#22c55ee6;color:#fff}.video-card-meta{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:12px;color:var(--text-muted)}.community-card-author,.community-card-users{display:flex;align-items:center;gap:4px}.community-card-author svg,.community-card-users svg{opacity:.6}.btn-load-more{display:block;width:100%;max-width:300px;margin:24px auto 0;padding:12px 24px}.video-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:20px;transition:color var(--transition)}.video-back-btn:hover{color:var(--primary)}.video-empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.video-empty-state svg{margin-bottom:16px;opacity:.5}.video-empty-state h3{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.video-empty-state p{font-size:14px;color:var(--text-secondary)}.word-popup-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:299;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.video-input-group{flex-direction:column}.video-layout{gap:0}.video-player-wrap{margin:0 -16px;width:auto;position:static}.video-page--player{display:flex;flex-direction:column;height:calc(100dvh - var(--safe-area-top) - 8px);overflow:hidden;margin:0 -16px}.video-page--player #video-content{display:flex!important;flex-direction:column;flex:1;min-height:0;overflow:hidden}.video-page--player .video-layout{flex:1;min-height:0;overflow:hidden}.video-page--player .video-player-wrap{flex-shrink:0;margin:0}.video-page--player .comprehension-bar{flex-shrink:0;padding:6px 12px}.video-page--player .transcript-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0;border-radius:0;border-left:none;border-right:none}.video-page--player .transcript{max-height:none;flex:1;min-height:0;overflow-y:auto}.video-player-container{border-radius:0}.video-title{display:none}.comprehension-bar{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;padding:6px 0;background:none;border:none;border-radius:0}.comprehension-progress{display:none}.comprehension-stats{gap:0;flex-wrap:nowrap;width:100%;justify-content:center}.comp-percent{display:inline}.comp-stat{font-size:12px}.comprehension-stats .comp-stat+.comp-stat:before{content:"·";margin:0 6px;color:var(--text-muted);font-weight:400}.transcript-section{margin:0 -16px;border-radius:0;border-left:none;border-right:none}.transcript-header{flex-wrap:wrap;gap:6px;padding:8px 12px}.transcript-header h3{font-size:14px}.transcript-controls{gap:8px;flex-wrap:wrap}.transcript-toggle{font-size:12px}.transcript-offset-control{width:100%;justify-content:center;padding-top:4px}.transcript-offset-control input[type=range]{width:140px}.transcript{max-height:45vh}.phrase-en{font-size:13px;line-height:1.5}.phrase-ru{font-size:11px;line-height:1.4}.transcript-phrase{padding:6px 12px}.phrase-time{display:none}.video-grid{grid-template-columns:1fr}.video-back-btn{display:none}.video-card .video-card-delete{opacity:.8}.word-popup.word-popup--mobile{position:fixed!important;inset:auto 0 0!important;width:100%!important;max-height:65vh;overflow-y:auto;border-radius:16px 16px 0 0;z-index:300;animation:slideUpPopup .25s ease-out;box-shadow:0 -4px 24px #0000004d;border:none}.word-popup.word-popup--mobile:before{content:"";display:block;width:36px;height:4px;background:var(--text-muted);opacity:.3;border-radius:2px;margin:10px auto 0}.word-popup.word-popup--mobile .popup-content{padding:12px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.word-popup.word-popup--mobile .popup-close{top:10px;right:14px;font-size:26px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.word-popup.word-popup--mobile .popup-word-text{font-size:24px}.word-popup.word-popup--mobile .popup-translation{font-size:20px}.word-popup.word-popup--mobile .popup-actions .btn-sm{padding:10px 18px;font-size:14px}.phrase-analysis{position:fixed;inset:auto 0 0;width:100%;max-height:85vh;border-radius:16px 16px 0 0;animation:slideUpPopup .25s ease-out;box-shadow:0 -4px 24px #0000004d;border:none}.phrase-analysis:before{content:"";display:block;width:36px;height:4px;background:var(--text-muted);opacity:.3;border-radius:2px;margin:10px auto 0}.phrase-analysis .analysis-content{padding:12px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.phrase-analysis .analysis-close{top:10px;right:14px;font-size:26px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}}@keyframes slideUpPopup{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}.phrase-ai-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);border-radius:8px;border:1px solid rgba(99,102,241,.25);background:var(--primary-bg);color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap;opacity:0;transition:all var(--transition);font-family:inherit}.transcript-phrase:hover .phrase-ai-btn{opacity:1}.phrase-ai-btn:hover{opacity:1!important;background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:768px){.phrase-en{padding-right:36px}.phrase-ai-btn{opacity:.7;top:0;right:0;transform:none;padding:2px 6px;font-size:10px}}.phrase-analysis-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:399;-webkit-tap-highlight-color:transparent}.phrase-analysis{position:fixed;z-index:400;background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow-y:auto;animation:fadeIn .15s ease;right:24px;top:80px;bottom:24px;width:420px;border-radius:var(--radius)}.analysis-content{padding:20px;position:relative}.analysis-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;line-height:1;padding:4px;z-index:1}.analysis-close:hover{color:var(--text)}.analysis-header{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);padding-right:32px}.analysis-sentence{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:6px}.analysis-translation{font-size:15px;color:var(--primary);font-weight:500}.analysis-section{margin-bottom:20px}.analysis-section-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.analysis-words{display:flex;flex-wrap:wrap;gap:4px}.analysis-word{background:var(--bg);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;min-width:0;cursor:pointer;transition:background var(--transition),box-shadow var(--transition)}.analysis-word:hover{background:var(--bg-hover)}.analysis-word.word-known{border-left:2px solid var(--success)}.analysis-word.word-unknown{border-left:2px solid var(--warning)}.analysis-word-header{display:flex;align-items:baseline;gap:4px}.analysis-word-en{font-weight:600;font-size:12px}.analysis-word-pos{color:var(--text-muted);font-size:10px}.analysis-word-ru{color:var(--text-secondary);font-size:11px}.analysis-word-note{color:var(--text-muted);font-size:10px;font-style:italic;margin-top:1px}.analysis-word-actions{display:flex;gap:4px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.analysis-word-status{font-size:10px;color:var(--text-muted);margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.analysis-expressions{display:flex;flex-direction:column;gap:8px}.analysis-expr{background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px}.analysis-expr-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.analysis-expr-phrase{font-weight:600;color:var(--primary)}.analysis-expr-type{font-size:11px;color:var(--text-muted);background:var(--bg-hover);padding:2px 8px;border-radius:10px}.analysis-expr-translation{font-weight:500;margin-bottom:4px}.analysis-expr-explanation{font-size:13px;color:var(--text-secondary);line-height:1.5}.analysis-grammar-tense{font-weight:600;font-size:15px;margin-bottom:6px}.analysis-grammar-structure{font-family:SF Mono,Fira Code,monospace;font-size:13px;background:var(--bg);padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:10px;color:var(--primary)}.analysis-grammar-explanation,.analysis-context-text{font-size:14px;line-height:1.6;color:var(--text-secondary)}.analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 16px;color:var(--text-secondary);font-size:14px;text-align:center}.analysis-sentence-preview{font-size:13px;color:var(--text-muted);font-style:italic;max-width:300px}#mobile-header{display:none}@media(max-width:768px){#mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-header-height) + var(--safe-area-top));padding-top:var(--safe-area-top);padding-left:max(12px,var(--safe-area-left));padding-right:max(12px,var(--safe-area-right));background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:200}}.mobile-header-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);-webkit-tap-highlight-color:transparent}.mobile-header-btn:hover,.mobile-header-btn:active{background:var(--bg-hover)}.mobile-header-btn svg{width:24px;height:24px}.mobile-header-title{display:flex;align-items:center;gap:8px}.logo-icon-sm{width:28px;height:28px;font-size:14px;border-radius:7px}.logo-text-sm{font-size:16px;letter-spacing:1.5px}.mobile-header-right{display:flex;align-items:center;gap:8px}.mobile-header-streak{display:flex;align-items:center;gap:3px;color:var(--warning);font-size:14px;font-weight:700}.mobile-header-streak svg{width:18px;height:18px;fill:var(--warning);stroke:none}.mobile-header-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1.5px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--transition),color var(--transition)}.mobile-header-avatar svg{width:16px;height:16px}.mobile-header-avatar.logged-in{border-color:var(--primary);color:var(--primary);background:#6366f11a}.mobile-header-avatar .avatar-initial{font-size:13px;font-weight:700;line-height:1}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}.sidebar-backdrop.visible{display:block;opacity:1}#bottom-tabs{display:none}@media(max-width:768px){#bottom-tabs{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-tabs-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:200}}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;padding:6px 0;color:var(--text-muted);font-size:10px;font-weight:500;text-decoration:none;cursor:pointer;background:none;border:none;transition:color var(--transition);-webkit-tap-highlight-color:transparent;position:relative}.tab-item svg{width:22px;height:22px;flex-shrink:0}.tab-item span{line-height:1}.tab-item:hover,.tab-item:active{color:var(--text-secondary)}.tab-item.active{color:var(--primary)}.tab-item.active:after{content:"";position:absolute;top:2px;width:4px;height:4px;border-radius:50%;background:var(--primary)}.more-sheet{display:none;position:fixed;inset:0;z-index:300}.more-sheet.open{display:flex;flex-direction:column;justify-content:flex-end}.more-sheet-backdrop{position:absolute;inset:0;background:#00000080;animation:fadeInBackdrop .2s ease}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.more-sheet-content{position:relative;background:var(--bg-secondary);border-top-left-radius:16px;border-top-right-radius:16px;padding-bottom:calc(var(--safe-area-bottom) + 16px);animation:slideUpSheet .3s cubic-bezier(.4,0,.2,1);max-height:70vh;overflow-y:auto}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 8px}.more-sheet-nav{display:flex;flex-direction:column;padding:0 8px 8px}.more-sheet-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:background var(--transition),color var(--transition);-webkit-tap-highlight-color:transparent;min-height:48px}.more-sheet-item:hover,.more-sheet-item:active{background:var(--bg-hover);color:var(--text)}.more-sheet-item.active{background:var(--primary-bg);color:var(--primary)}.more-sheet-item svg{width:22px;height:22px;flex-shrink:0}@media(max-width:768px)and (orientation:landscape){#mobile-header{height:calc(44px + var(--safe-area-top))}#bottom-tabs{height:calc(44px + var(--safe-area-bottom))}#sidebar{top:calc(44px + var(--safe-area-top))}#content{padding-top:calc(44px + var(--safe-area-top) + 12px);padding-bottom:calc(44px + var(--safe-area-bottom) + 12px)}.tab-item svg{width:18px;height:18px}.tab-item span{font-size:9px}.flashcard{min-height:240px;padding:16px}.video-page--player{height:calc(100dvh - var(--safe-area-top) - 8px)}.video-page--player .video-layout{flex-direction:row;gap:0}.video-page--player .video-player-wrap{width:50%;flex-shrink:0;margin:0}.video-page--player .video-player-container{border-radius:0}.video-page--player .comprehension-bar{display:none}.video-page--player .transcript-section{flex:1;margin:0;border-radius:0;border:none;border-left:1px solid var(--border)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:20px}.auth-logo{font-size:28px;font-weight:800;color:var(--primary);margin:0;letter-spacing:-1px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form.hidden{display:none}.auth-form input{width:100%;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:15px;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.auth-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.auth-form input::placeholder{color:var(--text-muted)}.form-description{font-size:14px;color:var(--text-secondary);margin:0 0 8px;line-height:1.5}.auth-error.hidden,.auth-success.hidden{display:none}.auth-error{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--danger);font-size:14px;line-height:1.4}.auth-success{padding:12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-sm);color:var(--success);font-size:14px;line-height:1.4}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-text.hidden,.btn-loading.hidden{display:none}.loading-spinner.small{width:16px;height:16px;border-width:2px}.btn-link{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px 0;transition:color var(--transition);align-self:center}.btn-link:hover{color:var(--primary)}.auth-divider{display:flex;align-items:center;gap:16px;margin:16px 0;color:var(--text-muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider.hidden{display:none}.auth-social{display:flex;flex-direction:column;gap:12px}.auth-social.hidden{display:none}.btn-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:10px 16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition),box-shadow var(--transition)}.btn-google:hover{background:#f8f9fa;box-shadow:var(--shadow)}.auth-switch{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:16px}.auth-switch.hidden{display:none}.auth-switch a{color:var(--primary);cursor:pointer;font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-skip{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.auth-skip a{color:var(--text-secondary);font-size:14px;text-decoration:none;transition:color var(--transition)}.auth-skip a:hover{color:var(--primary)}.auth-offline{text-align:center;padding:24px 0}.auth-offline svg{color:var(--warning);margin-bottom:16px}.auth-offline h2{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text)}.auth-offline p{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}@media(max-width:480px){.auth-page{padding:16px;align-items:flex-start;min-height:auto}.auth-card{padding:20px 16px;border:none;box-shadow:none;background:transparent}.auth-header{margin-bottom:16px}.auth-logo{font-size:24px}}.auth-indicator{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:var(--radius-sm);background:var(--bg-hover);transition:background var(--transition)}.auth-indicator:hover{background:#6366f11a}.auth-indicator.not-logged-in{cursor:pointer}.auth-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.auth-user-info{flex:1;min-width:0;overflow:hidden}.auth-user-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-login-prompt{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;text-decoration:none}.auth-login-prompt svg{width:18px;height:18px;flex-shrink:0}.auth-logout-btn{width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.auth-logout-btn:hover{background:#ef44441a;color:var(--danger)}.auth-logout-btn svg{width:16px;height:16px}.admin-page{max-width:1200px;animation:fadeIn .3s ease}.admin-page .page-header{margin-bottom:24px}.admin-page .page-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center;color:var(--text-secondary)}.admin-denied svg{color:var(--danger)}.admin-denied h2{font-size:24px;color:var(--text);margin:0}.admin-loading{display:flex;justify-content:center;padding:40px}.admin-error{padding:16px 20px;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);font-size:14px}.admin-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.admin-tab svg{width:18px;height:18px}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.admin-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-icon svg{width:24px;height:24px}.admin-stat-users{background:var(--primary-bg);color:var(--primary)}.admin-stat-active{background:var(--success-bg);color:var(--success)}.admin-stat-new{background:var(--info-bg);color:var(--info)}.admin-stat-words{background:var(--warning-bg);color:var(--warning)}.admin-stat-mastered{background:var(--success-bg);color:var(--success)}.admin-stat-time{background:var(--primary-bg);color:var(--primary)}.admin-stat-videos{background:var(--danger-bg);color:var(--danger)}.admin-stat-custom{background:var(--info-bg);color:var(--info)}.admin-stat-info{display:flex;flex-direction:column;min-width:0}.admin-stat-value{font-size:24px;font-weight:700;color:var(--text)}.admin-stat-label{font-size:13px;color:var(--text-secondary)}.admin-users-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-users-count{font-size:14px;color:var(--text-muted);white-space:nowrap}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table thead{background:var(--bg-secondary)}.admin-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}.admin-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-th-sort:hover{color:var(--text)}.admin-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}.admin-user-row{cursor:pointer;transition:background var(--transition)}.admin-user-row:hover{background:var(--bg-hover)}.admin-user-row.expanded{background:var(--primary-bg)}.admin-detail-row td{padding:0!important}.admin-badge{display:inline-block;padding:2px 8px;background:var(--primary-bg);color:var(--primary);border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;vertical-align:middle}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;font-size:14px;color:var(--text-secondary)}.admin-user-detail{padding:20px;background:var(--bg-secondary)}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-detail-full{grid-column:1 / -1}.admin-detail-section h4{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.admin-detail-props{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}.admin-detail-props>span:nth-child(odd){color:var(--text-muted)}.admin-detail-progress{display:flex;gap:20px}.admin-progress-item{text-align:center}.admin-progress-value{display:block;font-size:24px;font-weight:700;color:var(--text)}.admin-progress-label{font-size:12px;color:var(--text-muted)}.admin-detail-extra{margin-top:12px;font-size:13px;color:var(--text-secondary)}.admin-activity-table{font-size:13px}.admin-activity-header,.admin-activity-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:8px;padding:6px 0}.admin-activity-header{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px}.admin-activity-row{color:var(--text-secondary)}.admin-subtabs{display:flex;gap:8px;margin-bottom:16px}.admin-words-controls{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.admin-words-filters{display:flex;gap:4px}.admin-level-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.admin-level-a1{background:var(--success-bg);color:var(--success)}.admin-level-a2{background:var(--info-bg);color:var(--info)}.admin-level-b1{background:var(--warning-bg);color:var(--warning)}.admin-level-b2{background:var(--danger-bg);color:var(--danger)}.admin-settings{max-width:700px}.admin-settings h3{font-size:18px;margin:0 0 8px}.admin-settings h4{font-size:15px;margin:0;color:var(--text)}.admin-settings-hint{color:var(--text-muted);font-size:13px;margin-bottom:20px}.admin-setting-row{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.admin-setting-key{font-weight:600;font-size:14px;font-family:Courier New,monospace;color:var(--text)}.admin-setting-desc{font-size:13px;color:var(--text-muted)}.admin-setting-input{display:flex;gap:8px}.admin-setting-input input{flex:1;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:Courier New,monospace}.admin-setting-input input:focus{border-color:var(--primary);outline:none}.admin-setting-updated{font-size:12px;color:var(--text-muted)}.admin-analytics-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px}.admin-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.admin-chart-card h3{font-size:15px;margin:0 0 16px}.admin-chart{display:flex;align-items:flex-end;gap:3px;height:160px;padding-top:10px}.admin-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.admin-chart-bar{width:100%;max-width:24px;background:var(--primary);border-radius:3px 3px 0 0;min-height:4px;transition:height .3s ease}.admin-chart-bar-green{background:var(--success)}.admin-chart-bar-orange{background:var(--warning)}.admin-chart-label{font-size:9px;color:var(--text-muted);margin-top:6px;white-space:nowrap}@media(max-width:768px){.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-tabs{gap:0}.admin-tab{padding:10px 12px;font-size:13px}.admin-tab svg{display:none}.admin-users-controls{flex-direction:column;align-items:stretch}.admin-setting-input{flex-direction:column}.admin-detail-grid{grid-template-columns:1fr}.admin-words-controls{flex-direction:column;align-items:stretch}}@media(max-width:480px){.admin-stats-grid{grid-template-columns:1fr}.admin-detail-progress{flex-wrap:wrap}}