@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary:#667eea;--color-primary-hover:#5a67d8;--color-primary-light:#f0f4ff;--color-primary-50:#f0f4ff;--color-primary-100:#e0e9ff;--color-primary-500:#667eea;--color-primary-600:#5a67d8;--color-primary-700:#4c51bf;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-bg-primary:#ffffff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-border-focus:#667eea;--color-success:#16a34a;--color-success-light:#dcfce7;--color-success-text:#15803d;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-error-button:#f87171;--color-warning:#f59e0b;--color-accent:#f97316;--color-accent-hover:#ea580c;--color-accent-light:#fff7ed;--color-accent-bg:#fef3c7;--color-beginner:#16a34a;--color-beginner-bg:#dcfce7;--color-intermediate:#ea580c;--color-intermediate-bg:#fff7ed;--color-advanced:#dc2626;--color-advanced-bg:#fef2f2;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 16px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--z-content:1;--z-sticky:100;--z-dropdown:200;--z-overlay:400;--z-modal:500;--z-toast:900;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--transition-fast:0.15s ease-out;--transition-normal:0.2s ease-out;--transition-slow:0.3s ease-out}.spinner{border:3px solid #e0e0e0;border-top:3px solid var(--color-primary);margin-bottom:var(--space-4)}.loading-container{height:300px;color:var(--color-text-secondary)}.loading-container p{margin:0;color:var(--color-text-secondary)}.error-banner{background:var(--color-error-light);border:1px solid var(--color-error-border);padding:var(--space-4);margin-bottom:var(--space-6)}.error-banner button{padding:var(--space-2) var(--space-4);background:var(--color-error-button);border-radius:var(--radius-sm);transition:opacity var(--transition-normal)}.error-banner button:hover{opacity:.9}.empty-state{padding:var(--space-12) var(--space-5)}.empty-icon{margin-bottom:var(--space-4)}.empty-state h3{font-size:1.5rem;margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.btn-primary{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-primary);text-decoration:none;border-radius:var(--radius-lg);font-size:14px;transition:background var(--transition-normal)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-cancel{padding:10px var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;transition:background var(--transition-normal)}.btn-cancel:hover:not(:disabled){background:var(--color-bg-tertiary)}.btn-save{padding:10px var(--space-5);border-radius:var(--radius-lg);font-size:14px;transition:background var(--transition-normal)}.btn-save:disabled{background:var(--color-border)}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.badge.difficulty{background:var(--color-primary-light);color:var(--color-primary)}.badge.difficulty.cefr-a1{background:#dcfce7;color:#16a34a}.badge.difficulty.cefr-a2{background:#ecfccb;color:#65a30d}.badge.difficulty.cefr-b1{background:#fef9c3;color:#ca8a04}.badge.difficulty.cefr-b2{background:#fff7ed;color:#ea580c}.badge.difficulty.cefr-c1{background:#fee2e2;color:#dc2626}.badge.difficulty.cefr-c2{background:#fce7f3;color:#be185d}.badge.difficulty.clickable{cursor:pointer;transition:opacity .2s ease}.badge.difficulty.clickable:hover{opacity:.8}.badge.duration{background:#f3e5f5;color:#7b1fa2}.badge.words{background:#e3f2fd;color:#1565c0}.course-stats{display:flex;gap:var(--space-4)}.stat{display:flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--color-text-muted)}.stat-icon{font-size:14px}.rating-stat{color:var(--color-warning);font-weight:500}.rating-count{font-size:11px;color:var(--color-text-light);margin-left:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}audio{display:block;width:100%}audio::-webkit-media-controls{display:flex!important}audio::-webkit-media-controls-panel{display:flex!important;width:100%;opacity:1!important}audio::-webkit-media-controls-enclosure{width:100%;max-width:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[class*=spinner]{animation-duration:4s!important;animation-iteration-count:infinite!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.App{min-height:100vh;display:flex;flex-direction:column}.App-header{background:white;padding:0;color:var(--color-text-primary);z-index:100;border-bottom:1px solid var(--color-border)}.email-verification-banner{background:#fef3c7;padding:10px var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid #f59e0b}.email-verification-banner-content{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.email-verification-banner-icon{font-size:18px}.email-verification-banner-text{color:#92400e;font-size:14px;font-weight:500}.email-verification-banner-resend{background:#f59e0b;color:white;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-verification-banner-resend:hover{background:#d97706}.email-verification-banner-resend:disabled{background:#fbbf24;cursor:not-allowed}.email-verification-banner-message{font-size:13px;font-weight:500;padding:4px 10px;border-radius:4px}.email-verification-banner-message.success{background:#d1fae5;color:#065f46}.email-verification-banner-message.error{background:#fee2e2;color:#991b1b}.email-verification-banner-dismiss{background:transparent;border:none;padding:4px;cursor:pointer;color:#92400e;opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.email-verification-banner-dismiss:hover{opacity:1}.main-nav{display:flex;align-items:center;gap:6px;padding:0 24px;height:56px;max-width:1400px;margin:0 auto;width:100%}.nav-brand a{color:var(--color-text-primary);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.5px;margin-right:8px;display:inline-flex;align-items:center;gap:8px}.nav-brand a:hover{opacity:.8}.nav-desktop-links{gap:2px;flex:1 1}.nav-desktop-links,.nav-link{display:flex;align-items:center}.nav-link{color:var(--color-text-muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:color .15s,background .15s;white-space:nowrap;background:none;border:none;cursor:pointer;gap:4px}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link--active{color:var(--color-primary);font-weight:600}.nav-creator-dropdown{position:relative}.nav-link--dropdown svg{transition:transform .2s}.nav-creator-menu{position:absolute;top:calc(100% + 6px);left:0;background:white;border-radius:var(--radius-lg);box-shadow:0 8px 30px rgba(0,0,0,.12);border:1px solid var(--color-border);min-width:160px;padding:4px;z-index:var(--z-dropdown,200);animation:dropdownFadeIn .15s ease}.nav-creator-menu__item{display:block;padding:8px 14px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:background .15s}.nav-creator-menu__item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-creator-menu__item--cta{color:var(--color-primary);font-weight:600}.nav-auth{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-user-dropdown{position:relative}.nav-user-btn{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:none;color:var(--color-text-primary);padding:6px 10px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.nav-user-btn:hover{background-color:var(--color-bg-tertiary)}.nav-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.nav-user-avatar-placeholder{width:30px;height:30px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:white}.nav-user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-user-chevron{transition:transform .2s ease;opacity:.7}.nav-user-chevron.open{transform:rotate(180deg)}.nav-user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.2);min-width:180px;padding:6px;z-index:200;animation:dropdownFadeIn .15s ease}.nav-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;text-decoration:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.nav-menu-item:hover{background-color:#f3f4f6}.nav-menu-item svg{color:#6b7280}.nav-user-menu-dropdown a.nav-menu-item{color:#374151}.nav-user-menu-dropdown a.nav-menu-item:hover{color:#374151;background-color:#f3f4f6}.nav-menu-logout{color:#dc2626;margin-top:var(--space-1);border-top:1px solid #e5e7eb;padding-top:10px;border-radius:0 0 6px 6px}.nav-menu-logout:hover{background-color:#fef2f2}.nav-menu-logout svg{color:#dc2626}.nav-login-btn{background:var(--color-primary);color:white!important;padding:7px 16px!important;border-radius:var(--radius-md)!important;font-size:13px!important;font-weight:600!important;transition:background .15s ease!important;text-decoration:none}.nav-login-btn:hover{background:var(--color-primary-hover)!important}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease}.nav-hamburger:hover{background:var(--color-bg-tertiary)}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--color-text-secondary);border-radius:2px;transition:all .3s ease;transform-origin:center}.nav-hamburger.open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}main{flex:1 1;background:#f8f9fa}.nav-mobile-menu{display:none}@media (max-width:768px){.main-nav{flex-wrap:wrap;padding:0 16px;height:auto;min-height:52px;gap:0;position:relative}.nav-brand,.nav-hamburger{display:flex}.nav-brand{position:absolute;left:50%;top:0;height:52px;align-items:center;transform:translateX(-50%)}.nav-desktop-links{display:none}.nav-auth{margin-left:auto}.nav-mobile-menu{width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:8px 0 12px;border-top:1px solid var(--color-border)}.nav-mobile-menu--open{display:flex;animation:navSlideDown .2s ease-out}.nav-mobile-menu a{display:block;padding:10px 14px;border-radius:var(--radius-md);font-size:15px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:background .15s}.nav-mobile-menu a:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-mobile-menu__mode-tabs{display:flex;gap:4px;padding:4px;margin-bottom:6px;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.nav-mobile-menu__mode-tab{flex:1 1;text-align:center;padding:8px 12px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:500;color:var(--color-text-muted);background:transparent;cursor:pointer;transition:all .15s ease}.nav-mobile-menu__mode-tab:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-mobile-menu__mode-tab.active{color:white;background:var(--color-primary)}.nav-mobile-menu__divider{height:1px;background:var(--color-border);margin:4px 0}.nav-user-chevron,.nav-user-name{display:none}}.trial-banner-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;font-size:13px;font-weight:500}.trial-banner-nav--info{background:#eff6ff;color:#1e40af}.trial-banner-nav--warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.trial-banner-nav--urgent{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.trial-banner-nav__cta{display:inline-flex;align-items:center;padding:4px 14px;background:#667eea;color:white!important;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s}.trial-banner-nav__cta:hover{background:#5a6fd6}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.main-nav{padding:0 12px}.nav-brand a{font-size:18px}}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;max-width:600px;margin:0 auto;min-height:60vh}.access-denied-icon{font-size:72px;margin-bottom:24px}.access-denied h2{margin:0 0 16px;font-size:28px;color:#1f2937}.access-denied-message{margin:0 0 32px;color:#6b7280;font-size:16px;line-height:1.6}.access-denied-info{display:flex;gap:20px;margin-bottom:32px;width:100%}.access-denied-info .info-card{flex:1 1;display:flex;gap:12px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;text-align:left}.access-denied-info .info-icon{font-size:28px}.access-denied-info .info-card strong{display:block;color:#1f2937;margin-bottom:4px}.access-denied-info .info-card p{margin:0;font-size:13px;color:#6b7280}.access-denied-actions{display:flex;gap:12px;margin-bottom:24px}.access-denied .btn-primary{padding:12px 28px;background:#667eea;color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(102,126,234,.4)}.access-denied .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.access-denied .btn-secondary{padding:12px 28px;background:white;color:#374151;border:1px solid #d1d5db;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.access-denied .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.access-denied-hint{margin:0;padding:12px 20px;background:#fef3c7;border-radius:8px;color:#92400e;font-size:14px}@media (max-width:600px){.access-denied{padding:40px 16px}.access-denied-icon{font-size:56px}.access-denied h2{font-size:24px}.access-denied-info{flex-direction:column}.access-denied-actions{flex-direction:column;width:100%}.access-denied .btn-primary,.access-denied .btn-secondary{width:100%}}.admin-layout{display:flex;min-height:100vh;background:var(--color-bg-primary,#f8fafc)}.admin-layout-content{flex:1 1;min-width:0;padding:24px 32px;overflow-y:auto;margin-left:240px;transition:margin-left .2s ease}.admin-layout--collapsed .admin-layout-content{margin-left:60px}@media (max-width:768px){.admin-layout-content{margin-left:0;padding:16px}.admin-layout--collapsed .admin-layout-content{margin-left:0}}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:#ffffff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;z-index:100;transition:width .2s ease;overflow:hidden}.admin-sidebar--collapsed{width:60px}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0;min-height:56px}.admin-sidebar-title{font-size:16px;font-weight:700;color:var(--color-primary,#667eea);white-space:nowrap;overflow:hidden}.admin-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:#64748b;border-radius:6px;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.admin-sidebar-toggle:hover{background:#f1f5f9;color:#1e293b}.admin-sidebar-nav{flex:1 1;overflow-y:auto;padding:8px}.admin-sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;border-left:3px solid transparent;transition:background .15s ease,color .15s ease}.admin-sidebar-link:hover{background:#f8fafc;color:#1e293b}.admin-sidebar-link--active{background:rgba(102,126,234,.08);border-left-color:var(--color-primary,#667eea)}.admin-sidebar-link--active,.admin-sidebar-link--active .admin-sidebar-icon{color:var(--color-primary,#667eea)}.admin-sidebar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.admin-sidebar-icon,.admin-sidebar-icon svg{width:20px;height:20px}.admin-sidebar-label{overflow:hidden;text-overflow:ellipsis}.admin-sidebar-divider{height:1px;background:#e2e8f0;margin:8px 12px}.admin-sidebar--collapsed .admin-sidebar-header{justify-content:center;padding:16px 8px}.admin-sidebar--collapsed .admin-sidebar-link{justify-content:center;padding:10px 8px;border-left-width:0}.admin-sidebar-backdrop{display:none}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%);box-shadow:none;transition:transform .2s ease;z-index:200}.admin-sidebar:not(.admin-sidebar--collapsed){transform:translateX(0);box-shadow:var(--shadow-md,0 4px 24px rgba(0,0,0,.12))}.admin-sidebar--collapsed{transform:translateX(-100%);width:240px}.admin-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:199}}.user-health-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px;margin-bottom:20px}.user-health-card--loading{min-height:200px}.user-health-card__skeleton{width:100%;height:152px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;border-radius:12px;animation:user-health-skeleton 1.4s ease-in-out infinite}@keyframes user-health-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.user-health-card__header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.user-health-card__status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.user-health-card__status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.4)}.user-health-card__status--power{background:#dcfce7;color:#166534}.user-health-card__status--active{background:#dbeafe;color:#1e40af}.user-health-card__status--atrisk{background:#fef3c7;color:#92400e}.user-health-card__status--dormant{background:#e2e8f0;color:#475569}.user-health-card__status--churned{background:#cbd5e1;color:#334155}.user-health-card__status--never{background:#f1f5f9;color:#64748b}.user-health-card__active-summary{font-size:.875rem;color:#64748b}.user-health-card__signals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.user-health-card__signal{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.8125rem;font-weight:600}.user-health-card__signal--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.user-health-card__signal--warning{background:#fefce8;color:#854d0e;border:1px solid #fde047}.user-health-card__signal--danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.user-health-card__kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.user-health-card__kpi{padding:16px;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:4px}.user-health-card__kpi-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.user-health-card__kpi-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2;display:flex;align-items:baseline;gap:4px}.user-health-card__kpi-value-unit{font-size:.875rem;font-weight:500;color:#94a3b8}.user-health-card__kpi-trend{font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:2px;flex-wrap:wrap}.user-health-card__kpi-trend--up{color:#15803d}.user-health-card__kpi-trend--down{color:#b91c1c}.user-health-card__kpi-trend--flat{color:#64748b;font-weight:500}.user-health-card__kpi-trend-note{color:#94a3b8;font-weight:500}@media (max-width:1024px){.user-health-card__kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.user-health-card{padding:16px}.user-health-card__header{flex-direction:column;align-items:flex-start;gap:8px}.user-health-card__kpis{grid-template-columns:1fr}.user-health-card__kpi-value{font-size:1.25rem}}.rewarded-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .3s ease}.rewarded-ad-container{position:relative;width:100%;max-width:480px;max-height:90vh;margin:16px}.ad-progress-bar{position:absolute;top:0;left:0;right:0;height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;z-index:10}.ad-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width 1s linear}.ad-timer{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.6);color:white;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;z-index:10}.ad-content{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:9/16;max-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center;color:white}.ad-badge{position:absolute;top:16px;left:16px;background:rgba(0,0,0,.4);color:white;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1px}.ad-body{flex-direction:column;gap:16px}.ad-body,.ad-icon{display:flex;align-items:center}.ad-icon{width:100px;height:100px;background:rgba(255,255,255,.2);border-radius:24px;justify-content:center;margin-bottom:8px}.ad-icon svg{color:white}.ad-title{font-size:28px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.ad-description{font-size:16px;opacity:.9;margin:0;max-width:280px;line-height:1.5}.ad-cta-btn{margin-top:16px;padding:14px 32px;background:white;color:#111827;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.ad-cta-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.2)}.ad-disclaimer{position:absolute;bottom:24px;font-size:12px;opacity:.7;margin:0}.ad-skip-area{display:flex;justify-content:flex-end;padding:16px 0}.ad-skip-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:white;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.ad-skip-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}.ad-skip-countdown{color:rgba(255,255,255,.5);font-size:14px;padding:10px 0}.ad-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;color:white}.ad-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.ad-loading p{font-size:16px;opacity:.8;margin:0}.ad-completed{flex-direction:column;min-height:400px;gap:16px;color:white;text-align:center;animation:scaleIn .3s ease}.ad-completed,.ad-completed-icon{display:flex;align-items:center;justify-content:center}.ad-completed-icon{width:100px;height:100px;background:#10b981;border-radius:50%;margin-bottom:8px}.ad-completed-icon svg{color:white}.ad-completed h2{font-size:24px;font-weight:700;margin:0}.ad-completed p{font-size:16px;opacity:.8;margin:0}.ad-claim-btn{margin-top:16px;padding:16px 40px;background:#10b981;color:white;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px rgba(16,185,129,.4)}.ad-claim-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.5)}.ad-reward-animation{flex-direction:column;gap:24px;padding:32px}.ad-reward-animation,.ad-reward-icon{display:flex;align-items:center;justify-content:center}.ad-reward-icon{width:120px;height:120px;background:#f59e0b;border-radius:50%;animation:pulse 1s ease infinite;box-shadow:0 0 40px rgba(245,158,11,.5)}.ad-reward-icon svg{color:white}.ad-balance-container{position:relative;height:80px;min-width:150px;display:flex;align-items:center;justify-content:center}.ad-balance-value,.ad-new-balance,.ad-reward-value{position:absolute;font-size:48px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}.ad-balance-value{color:white;opacity:1;transform:translateY(0) scale(1)}.ad-balance-value.fade-out{opacity:0;transform:translateY(-30px) scale(.8)}.ad-reward-value{color:#34d399;opacity:0;transform:translateY(30px) scale(.5);text-shadow:0 0 20px rgba(52,211,153,.8)}.ad-reward-value.visible{opacity:1;transform:translateY(0) scale(1.2);animation:bounceIn .5s ease}.ad-new-balance{color:#fbbf24;opacity:0;transform:translateY(30px) scale(.8);text-shadow:0 0 20px rgba(251,191,36,.6)}.ad-new-balance.visible{opacity:1;transform:translateY(0) scale(1);animation:countUp .6s ease}.ad-reward-label{font-size:16px;color:rgba(255,255,255,.8);margin:0;animation:fadeIn .3s ease}.ad-error{flex-direction:column;min-height:400px;gap:16px;color:white;text-align:center}.ad-error,.ad-error-icon{display:flex;align-items:center;justify-content:center}.ad-error-icon{width:80px;height:80px;background:rgba(239,68,68,.2);border-radius:50%}.ad-error-icon svg{color:#ef4444}.ad-error h2{font-size:20px;font-weight:600;margin:0}.ad-error p{font-size:14px;opacity:.7;margin:0}.ad-close-btn{margin-top:16px;padding:12px 32px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:white;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.ad-close-btn:hover{background:rgba(255,255,255,.2)}.ad-close-x{position:absolute;top:16px;right:16px;width:40px;height:40px;background:rgba(255,255,255,.1);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:white}.ad-close-x:hover{background:rgba(255,255,255,.2)}@media (max-width:480px){.rewarded-ad-container{margin:8px}.ad-content{padding:24px;aspect-ratio:9/16}.ad-title{font-size:24px}.ad-description{font-size:14px}.ad-icon{width:80px;height:80px}.ad-icon svg{width:48px;height:48px}}@media (orientation:landscape) and (max-height:500px){.ad-content{aspect-ratio:16/9;max-height:80vh}.ad-icon{width:60px;height:60px}.ad-title{font-size:22px}.ad-body{gap:8px}}.annotated-text{line-height:1.8}.annotated-word{position:relative;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;display:inline}.annotated-word:hover{transform:translateY(-1px)}.annotated-word--cefr-A1{background-color:rgba(34,197,94,.15);border-bottom:2px solid #22c55e}.annotated-word--cefr-A1:hover{background-color:rgba(34,197,94,.25)}.annotated-word--cefr-A2{background-color:rgba(132,204,22,.15);border-bottom:2px solid #84cc16}.annotated-word--cefr-A2:hover{background-color:rgba(132,204,22,.25)}.annotated-word--cefr-B1{background-color:rgba(234,179,8,.15);border-bottom:2px solid #eab308}.annotated-word--cefr-B1:hover{background-color:rgba(234,179,8,.25)}.annotated-word--cefr-B2{background-color:rgba(249,115,22,.15);border-bottom:2px solid #f97316}.annotated-word--cefr-B2:hover{background-color:rgba(249,115,22,.25)}.annotated-word--cefr-C1{background-color:rgba(239,68,68,.15);border-bottom:2px solid #ef4444}.annotated-word--cefr-C1:hover{background-color:rgba(239,68,68,.25)}.annotated-word--cefr-C2{background-color:rgba(168,85,247,.15);border-bottom:2px solid #a855f7}.annotated-word--cefr-C2:hover{background-color:rgba(168,85,247,.25)}.annotated-word--lemma{border-bottom-style:dashed}.annotated-word__level{position:absolute;top:-8px;right:-4px;font-size:.6rem;font-weight:600;padding:1px 3px;border-radius:3px;opacity:0;transition:opacity .2s ease;pointer-events:none}.annotated-word:hover .annotated-word__level{opacity:1}.annotated-word--cefr-A1 .annotated-word__level{background-color:#22c55e;color:white}.annotated-word--cefr-A2 .annotated-word__level{background-color:#84cc16;color:white}.annotated-word--cefr-B1 .annotated-word__level{background-color:#eab308;color:white}.annotated-word--cefr-B2 .annotated-word__level{background-color:#f97316;color:white}.annotated-word--cefr-C1 .annotated-word__level{background-color:#ef4444;color:white}.annotated-word--cefr-C2 .annotated-word__level{background-color:#a855f7;color:white}.auth-bootstrap-splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary,#ffffff);z-index:9999}.auth-bootstrap-splash__inner{display:flex;flex-direction:column;align-items:center;gap:18px}.auth-bootstrap-splash__spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border-light,#e2e8f0);border-top-color:var(--color-primary,#667eea);animation:auth-bootstrap-spin .8s linear infinite}@keyframes auth-bootstrap-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.auth-bootstrap-splash__spinner{animation-duration:1.6s}}.cefr-guide-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:cefrGuideFadeIn .2s ease}@keyframes cefrGuideFadeIn{0%{opacity:0}to{opacity:1}}.cefr-guide-modal{position:relative;width:100%;max-width:680px;max-height:85vh;background:#fff;border-radius:16px;padding:32px;overflow-y:auto;animation:cefrGuideSlideUp .3s ease}@keyframes cefrGuideSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cefr-guide-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease}.cefr-guide-close:hover{background:#e5e7eb;color:#1f2937}.cefr-guide-modal h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 12px;padding-right:40px}.cefr-guide-intro{font-size:.9375rem;color:#6b7280;line-height:1.6;margin:0 0 24px}.cefr-guide-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.cefr-guide-table thead th{background:#f9fafb;color:#6b7280;font-weight:600;font-size:.8125rem;text-align:left;padding:10px 12px;border-bottom:2px solid #e5e7eb;white-space:nowrap}.cefr-guide-table thead th:first-child{border-radius:8px 0 0 0}.cefr-guide-table thead th:last-child{border-radius:0 8px 0 0}.cefr-guide-table tbody td{padding:10px 12px;color:#374151;border-bottom:1px solid #f3f4f6;vertical-align:middle}.cefr-guide-table tbody tr:last-child td{border-bottom:none}.cefr-guide-table tbody tr:hover{background:#f9fafb}.cefr-guide-level-cell{display:flex;align-items:center;gap:8px}.cefr-guide-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 8px;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.cefr-guide-badge--A1{background-color:#22c55e}.cefr-guide-badge--A2{background-color:#84cc16}.cefr-guide-badge--B1{background-color:#eab308}.cefr-guide-badge--B2{background-color:#f97316}.cefr-guide-badge--C1{background-color:#ef4444}.cefr-guide-badge--C2{background-color:#dc2626}.cefr-guide-level-name{font-weight:500;color:#1f2937;font-size:.8125rem}.cefr-guide-dash{color:#d1d5db}@media (max-width:640px){.cefr-guide-modal{padding:20px;max-height:90vh;max-width:100%}.cefr-guide-modal h2{font-size:1.25rem}.cefr-guide-table{font-size:.8125rem}.cefr-guide-table tbody td,.cefr-guide-table thead th{padding:8px}.cefr-guide-badge{min-width:32px;height:22px;font-size:.6875rem}.cefr-guide-level-name{display:none}}.cefr-stats-card{background:var(--card-bg,#ffffff);border-radius:12px;padding:20px;border:1px solid var(--border-color,#e5e7eb);margin-bottom:20px}.cefr-stats-card__header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.cefr-stats-card__icon{font-size:1.25rem}.cefr-stats-card__title{font-size:1rem;font-weight:600;color:var(--text-primary,#1f2937);margin:0}.cefr-stats-card__total{margin-left:auto;font-size:.875rem;color:var(--text-secondary,#6b7280)}.cefr-stats-card__levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.cefr-level-item{flex-direction:column;gap:4px}.cefr-level-item__header{display:flex;align-items:center;justify-content:space-between}.cefr-level-badge{display:inline-flex;min-width:32px;height:22px;padding:0 6px;border-radius:11px;font-size:.75rem;font-weight:600;line-height:1}.cefr-level-badge--A1{background-color:#22c55e}.cefr-level-badge--A2{background-color:#84cc16}.cefr-level-badge--B1{background-color:#eab308}.cefr-level-badge--B2{background-color:#f97316}.cefr-level-badge--C1{background-color:#ef4444}.cefr-level-badge--C2{background-color:#dc2626}.cefr-level-item__count{font-size:.875rem;font-weight:500;color:var(--text-primary,#1f2937)}.cefr-level-item__bar{height:4px;border-radius:2px;background:var(--bg-tertiary,#f3f4f6);overflow:hidden}.cefr-level-item__bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.cefr-level-item__bar-fill--A1{background-color:#22c55e}.cefr-level-item__bar-fill--A2{background-color:#84cc16}.cefr-level-item__bar-fill--B1{background-color:#eab308}.cefr-level-item__bar-fill--B2{background-color:#f97316}.cefr-level-item__bar-fill--C1{background-color:#ef4444}.cefr-level-item__bar-fill--C2{background-color:#dc2626}.cefr-stats-card__categories{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--border-color,#e5e7eb)}.cefr-category-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary,#6b7280)}.cefr-category-item__icon{font-size:1rem}.cefr-category-item__count{font-weight:600;color:var(--text-primary,#1f2937)}.cefr-stats-card--loading{min-height:150px;display:flex;align-items:center;justify-content:center}.cefr-stats-card__loader{width:24px;height:24px;border:2px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#3b82f6);border-radius:50%;animation:cefr-spin .8s linear infinite}@keyframes cefr-spin{to{transform:rotate(1turn)}}.cefr-stats-card--empty{text-align:center;padding:24px;color:var(--text-secondary,#6b7280)}.cefr-stats-card__empty-icon{font-size:2rem;margin-bottom:8px;opacity:.5}.cefr-stats-card__empty-text{font-size:.875rem}.cefr-stats-card__toggle{margin-left:8px;font-size:.75rem;color:var(--text-secondary,#6b7280);transition:transform .2s ease}.cefr-stats-card__toggle--expanded{transform:rotate(180deg)}.cefr-stats-card__details{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color,#e5e7eb);animation:cefr-slide-down .2s ease-out}@keyframes cefr-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cefr-kp-section{margin-bottom:16px}.cefr-kp-section:last-child{margin-bottom:0}.cefr-kp-section__title{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--text-primary,#1f2937);margin:0 0 8px}.cefr-kp-section__list{display:flex;flex-wrap:wrap;gap:8px}.cefr-kp-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:var(--bg-tertiary,#f3f4f6);border-radius:20px;font-size:.8125rem}.cefr-kp-item__term{font-weight:500;color:var(--text-primary,#1f2937)}.cefr-kp-item__def{color:var(--text-secondary,#6b7280);font-size:.75rem}.cefr-level-badge--small{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:18px;padding:0 4px;font-size:.625rem;line-height:1;border-radius:9px;flex-shrink:0}@media (max-width:480px){.cefr-stats-card__levels{grid-template-columns:repeat(2,1fr)}.cefr-stats-card__categories{flex-wrap:wrap}}.clickable-word{color:inherit;text-decoration:none;position:relative;border-radius:3px;padding:0 2px;margin:0 -2px;transition:all .15s ease-out}.clickable-word__possessive{color:inherit;margin-left:-2px;cursor:default;-webkit-user-select:text;user-select:text}.clickable-word:hover{color:#10B981;background:rgba(16,185,129,.1);text-decoration:underline;text-decoration-color:rgba(16,185,129,.5);text-underline-offset:2px}.clickable-word:active{background:rgba(16,185,129,.2)}.clickable-word:focus{outline:2px solid rgba(16,185,129,.5);outline-offset:1px}@media (prefers-reduced-motion:reduce){.clickable-word{transition:none}}.clickable-word--cefr{position:relative;border-bottom:2px solid transparent}.clickable-word--phrase{border-bottom-style:dashed;border-bottom-width:2px}.clickable-word__cefr-indicator{position:absolute;top:-8px;right:-4px;font-size:.5rem;font-weight:700;padding:1px 3px;border-radius:3px;color:white;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease;pointer-events:none;line-height:1}.clickable-word--cefr:hover .clickable-word__cefr-indicator{opacity:1;transform:scale(1)}.clickable-word--cefr-A1{border-bottom-color:#22c55e;background:rgba(34,197,94,.08)}.clickable-word--cefr-A1:hover{background:rgba(34,197,94,.15);color:#16a34a}.clickable-word--cefr-A1 .clickable-word__cefr-indicator{background:#22c55e}.clickable-word--cefr-A2{border-bottom-color:#84cc16;background:rgba(132,204,22,.08)}.clickable-word--cefr-A2:hover{background:rgba(132,204,22,.15);color:#65a30d}.clickable-word--cefr-A2 .clickable-word__cefr-indicator{background:#84cc16}.clickable-word--cefr-B1{border-bottom-color:#eab308;background:rgba(234,179,8,.08)}.clickable-word--cefr-B1:hover{background:rgba(234,179,8,.15);color:#ca8a04}.clickable-word--cefr-B1 .clickable-word__cefr-indicator{background:#eab308}.clickable-word--cefr-B2{border-bottom-color:#f97316;background:rgba(249,115,22,.08)}.clickable-word--cefr-B2:hover{background:rgba(249,115,22,.15);color:#ea580c}.clickable-word--cefr-B2 .clickable-word__cefr-indicator{background:#f97316}.clickable-word--cefr-C1{border-bottom-color:#ef4444;background:rgba(239,68,68,.08)}.clickable-word--cefr-C1:hover{background:rgba(239,68,68,.15);color:#dc2626}.clickable-word--cefr-C1 .clickable-word__cefr-indicator{background:#ef4444}.clickable-word--cefr-C2{border-bottom-color:#dc2626;background:rgba(220,38,38,.08)}.clickable-word--cefr-C2:hover{background:rgba(220,38,38,.15);color:#b91c1c}.clickable-word--cefr-C2 .clickable-word__cefr-indicator{background:#dc2626}.clickable-word--highlighted{background:rgba(249,115,22,.2);border-radius:3px;box-shadow:0 0 0 2px rgba(249,115,22,.3)}.clickable-word--highlighted:hover{background:rgba(249,115,22,.35);color:#c2410c}.bilingual-title__native{display:block;color:var(--color-gray-500,#6b7280);font-weight:400;line-height:1.3;margin-top:2px}.bilingual-title--card .bilingual-title__native{font-size:.8em}.bilingual-title--header .bilingual-title__native{font-size:1rem;color:var(--color-slate-500,#64748b);margin-top:4px}.bilingual-title--compact .bilingual-title__native{font-size:.75rem;color:var(--color-slate-400,#94a3b8);margin-top:1px}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .15s ease-out}.confirm-modal{background:white;border-radius:12px;width:90%;box-shadow:0 20px 40px rgba(0,0,0,.2);animation:slideIn .2s ease-out}.confirm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}.confirm-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1E293B}.confirm-modal-close{background:none;border:none;font-size:24px;color:#94A3B8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.confirm-modal-close:hover{background:#F1F5F9;color:#64748B}.confirm-modal-body{padding:20px 24px}.confirm-modal-body p{margin:0;font-size:15px;color:#475569;line-height:1.6}.confirm-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.confirm-modal-btn{padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-btn--cancel{background:white;border:1px solid #e2e8f0;color:#64748B}.confirm-modal-btn--cancel:hover:not(:disabled){background:#F8FAFC;border-color:#CBD5E1}.confirm-modal-btn--primary{background:#2563EB;border:none;color:white}.confirm-modal-btn--primary:hover:not(:disabled){background:#1D4ED8}.confirm-modal-btn--danger{background:#DC2626;border:none;color:white}.confirm-modal-btn--danger:hover:not(:disabled){background:#B91C1C}@media (max-width:480px){.confirm-modal{width:95%;margin:16px}.confirm-modal-header{padding:16px 20px 12px}.confirm-modal-body{padding:16px 20px}.confirm-modal-footer{padding:12px 20px 16px;flex-direction:column-reverse}.confirm-modal-btn{width:100%}}.search-bar__form{display:contents}.search-bar{display:flex;align-items:center;gap:8px;flex:1 1;min-width:280px;max-width:480px}.search-bar--expanded{max-width:none}.search-bar__wrapper{position:relative;display:flex;align-items:center;flex:1 1;background:white;border:1px solid #e0e0e0;border-radius:10px;transition:border-color .2s,box-shadow .2s}.search-bar__wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.search-bar__icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;flex-shrink:0}.search-bar__input{width:100%;padding:11px 40px 11px 44px;border:none;border-radius:10px;font-size:14px;color:#1e293b;background:transparent}.search-bar__input:focus{outline:none}.search-bar__input::placeholder{color:#94a3b8}.search-bar__input::-webkit-search-cancel-button{appearance:none}.search-bar__clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.search-bar__clear:hover{background:#e2e8f0;color:#1e293b}.search-bar__clear:focus-visible{outline:2px solid #667eea;outline-offset:2px}.search-bar__submit{padding:11px 20px;background:#2563eb;color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}.search-bar__submit:hover{background:#1d4ed8}.search-bar__submit:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (max-width:768px){.search-bar{min-width:unset;max-width:none;width:100%}.search-bar__submit{padding:11px 16px;font-size:13px}}.tag-chip-input{position:relative;display:flex;flex-direction:column;gap:4px;width:100%}.tag-chip-input__field{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:5px 10px;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.tag-chip-input__field:focus-within{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.tag-chip-input__field.is-disabled{background:#f9fafb;cursor:not-allowed}.tag-chip-input__chip{gap:4px;background:#dcfce7;font-size:.8rem;font-weight:500;padding:3px 4px 3px 10px;border-radius:12px;line-height:1.4}.tag-chip-input__chip,.tag-chip-input__chip-remove{display:inline-flex;align-items:center;color:#166534}.tag-chip-input__chip-remove{justify-content:center;width:18px;height:18px;padding:0;margin-left:2px;background:transparent;border:none;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer}.tag-chip-input__chip-remove:hover{background:rgba(22,101,52,.15)}.tag-chip-input__entry{flex:1 1;min-width:100px;border:none;outline:none;font-size:.85rem;background:transparent;padding:4px 0;color:#1e293b}.tag-chip-input__meta{align-self:flex-end;font-size:.7rem;color:#6b7280}.tag-chip-input__suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;list-style:none;margin:0;padding:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08);max-height:200px;overflow-y:auto}.tag-chip-input__suggestion{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;border-radius:6px;font-size:.85rem;color:#374151;cursor:pointer}.tag-chip-input__suggestion:focus,.tag-chip-input__suggestion:hover{background:#f3f4f6}@media (prefers-reduced-motion:reduce){.tag-chip-input__field{transition:none}}.word-result{display:inline-flex;flex-direction:column;align-items:center;position:relative}.word-result--correct,.word-result--correct .word-result__user-input{color:#4caf50;font-weight:600}.word-result--incorrect .word-result__user-input{color:#f44336;text-decoration:line-through;font-weight:500}.word-result__hint{display:flex;align-items:center;gap:4px;font-size:.85em;color:#4caf50;font-weight:600;margin-top:2px}.word-result__hint-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;font-size:11px;font-weight:700;color:#fff;background:rgba(255,215,0,.8);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.word-result__hint-btn:hover{background:#ffd700;transform:scale(1.1)}.word-result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.word-result-modal{background:#1e2a3a;border-radius:16px;border:1px solid #2a3a4e;max-width:400px;width:100%;overflow:hidden;animation:modalFadeIn .2s ease}.word-result-modal__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#2a3a4e;border-bottom:1px solid #3a4a5e}.word-result-modal__header h3{margin:0;font-size:1rem;font-weight:600;color:#fff}.word-result-modal__close{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.word-result-modal__close:hover{color:#fff}.word-result-modal__content{padding:20px}.word-result-modal__comparison{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.word-result-modal__word{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:rgba(255,255,255,.05);border-radius:8px;min-width:80px}.word-result-modal__word--user{border:1px solid rgba(244,67,54,.3)}.word-result-modal__word--correct{border:1px solid rgba(76,175,80,.3)}.word-result-modal__label{font-size:.75rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px}.word-result-modal__value{font-size:1.2rem;font-weight:600;color:#fff}.word-result-modal__word--user .word-result-modal__value{color:#f44336}.word-result-modal__word--correct .word-result-modal__value{color:#4caf50}.word-result-modal__form{font-size:.8rem;color:rgba(255,255,255,.7);background:rgba(255,255,255,.1);padding:2px 8px;border-radius:4px}.word-result-modal__arrow{font-size:1.5rem;color:rgba(255,255,255,.4)}.word-result-modal__role{display:flex;align-items:center;gap:8px;margin-bottom:16px}.word-result-modal__role-label{font-size:.85rem;color:rgba(255,255,255,.6)}.word-result-modal__role-badge{font-size:.85rem;font-weight:500;color:#fff;padding:4px 12px;border-radius:12px}.word-result-modal__explanation{font-size:.95rem;color:rgba(255,255,255,.85);line-height:1.5;padding:16px;background:rgba(255,215,0,.1);border-radius:8px;border-left:3px solid #ffd700}.word-result-modal__definition{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.word-result-modal__definition-only{display:flex;flex-direction:column;gap:8px}.word-result-modal__definition-label{font-size:.85rem;color:rgba(255,255,255,.6)}.word-result-modal__definition-text{font-size:1.1rem;color:#fff;font-weight:500}.ce-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:100%;min-height:500px}.ce-editor__section-title{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.ce-editor__transcript{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;overflow-y:auto;max-height:600px}.ce-transcript__row{display:flex;gap:8px;padding:6px 8px;border-radius:6px;font-size:.875rem;line-height:1.5;transition:background .15s}.ce-transcript__row:hover{background:#e2e8f0}.ce-transcript__row--affected{background:#eef2ff;border-left:3px solid #667eea}.ce-transcript__row--focused{background:#dbeafe;border-left:3px solid #3b82f6}.ce-transcript__play-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#e2e8f0;color:#475569;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s,color .15s}.ce-transcript__play-btn--active,.ce-transcript__play-btn:hover{background:#667eea;color:#fff}.ce-transcript__index{color:#94a3b8;font-weight:600;min-width:28px;flex-shrink:0}.ce-transcript__timing{color:#94a3b8;font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.ce-transcript__speaker{color:#667eea;font-weight:500;white-space:nowrap;flex-shrink:0}.ce-transcript__text{color:#1e293b}.ce-editor__chat{display:flex;flex-direction:column;border:1px solid #e2e8f0;border-radius:12px;padding:16px;max-height:600px;min-height:0;overflow:hidden}.ce-editor__messages{flex:1 1;overflow-y:auto;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.ce-editor__welcome{color:#64748b;padding:16px 20px;font-size:.88rem;line-height:1.7;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.ce-chat-msg{display:flex;gap:8px;align-items:flex-start}.ce-chat-msg--user{flex-direction:row-reverse}.ce-chat-msg__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1f5f9;color:#64748b}.ce-chat-msg--assistant .ce-chat-msg__avatar{background:#eef2ff;color:#667eea}.ce-chat-msg__content{max-width:80%}.ce-chat-msg__text{font-family:inherit;font-size:.875rem;line-height:1.5;padding:10px 14px;border-radius:12px;margin:0;white-space:pre-wrap;word-break:break-word}.ce-chat-msg--user .ce-chat-msg__text{background:#667eea;color:#fff;border-bottom-right-radius:4px}.ce-chat-msg--assistant .ce-chat-msg__text{background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.ce-editor__typing{display:flex;gap:4px;padding:8px 14px}.ce-editor__typing span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:ce-typing 1.2s ease-in-out infinite}.ce-editor__typing span:nth-child(2){animation-delay:.2s}.ce-editor__typing span:nth-child(3){animation-delay:.4s}@keyframes ce-typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ce-diff-preview{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px;margin-bottom:12px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;max-height:280px}.ce-diff-preview__content{font-family:inherit;font-size:.825rem;line-height:1.5;color:#92400e;margin:0 0 10px;white-space:pre-wrap;word-break:break-word;overflow-y:auto;flex:1 1 auto;min-height:0}.ce-diff-preview__actions{display:flex;gap:8px}.ce-diff-preview__btn{padding:6px 16px;border-radius:6px;font-size:.825rem;font-weight:600;cursor:pointer;border:none;transition:background .15s}.ce-diff-preview__btn--confirm{background:#667eea;color:#fff}.ce-diff-preview__btn--confirm:hover:not(:disabled){background:#5a6fd6}.ce-diff-preview__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.ce-diff-preview__btn--cancel{background:#f1f5f9;color:#64748b}.ce-diff-preview__btn--cancel:hover{background:#e2e8f0}.ce-command-input{display:flex;gap:8px;margin-bottom:10px;flex-shrink:0}.ce-command-input__field{flex:1 1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s}.ce-command-input__field:focus{border-color:#667eea}.ce-command-input__send{padding:10px 14px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:background .15s}.ce-command-input__send:hover:not(:disabled){background:#5a6fd6}.ce-command-input__send:disabled{opacity:.4;cursor:not-allowed}.ce-quick-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.ce-quick-actions__row{display:flex;gap:6px;flex-wrap:wrap}.ce-quick-actions__btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#64748b;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.ce-quick-actions__btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.ce-quick-actions__btn:disabled{opacity:.4;cursor:not-allowed}.ce-quick-actions__done{padding:10px 20px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.ce-quick-actions__done:hover:not(:disabled){background:#16a34a}.ce-quick-actions__done:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.ce-editor{grid-template-columns:1fr;min-height:auto}.ce-editor__transcript{max-height:250px}.ce-editor__chat{max-height:none}}.filters-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filters-search-section{padding:16px 18px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.btn-toggle-filters{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:#555;cursor:pointer;transition:all .2s}.btn-toggle-filters:hover{background:#f8f9fa;border-color:#ccc}.btn-toggle-filters:focus-visible{outline:2px solid #667eea;outline-offset:2px}.btn-toggle-filters svg{color:#888}.active-filter-badge{width:8px;height:8px;background:#667eea;border-radius:50%;margin-left:4px}.btn-clear-inline{padding:6px 12px;background:transparent;border:none;color:#888;font-size:13px;cursor:pointer;transition:color .2s}.btn-clear-inline:hover{color:#dc3545}.btn-clear-inline:focus-visible{outline:2px solid #667eea;outline-offset:2px}.advanced-filters{background:white;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.filters-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.filters-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:#333}.filters-header h3 svg{color:#666}.filters-header-actions{display:flex;align-items:center;gap:8px}.btn-clear{padding:6px 12px;background:transparent;border:1px solid #dc3545;border-radius:6px;color:#dc3545;font-size:13px;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#dc3545;color:white}.btn-clear:focus-visible{outline:2px solid #dc3545;outline-offset:2px}.btn-collapse{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:#666;cursor:pointer;border-radius:6px;transition:background .2s}.btn-collapse:hover{background:rgba(0,0,0,.05)}.btn-collapse:focus-visible{outline:2px solid #667eea;outline-offset:2px}.filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:18px}.filter-group{display:flex;flex-direction:column;gap:10px}.filter-group label{font-size:13px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.5px}.filter-group-label{gap:6px}.filter-group-label,.filter-info-btn{display:inline-flex;align-items:center}.filter-info-btn{justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:50%;color:#999;cursor:pointer;transition:color .15s ease,background-color .15s ease}.filter-info-btn:hover{color:var(--color-primary,#667eea);background:rgba(102,126,234,.08)}.filter-info-btn:focus-visible{outline:2px solid var(--color-primary,#667eea);outline-offset:2px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:#f5f5f5;border:1px solid transparent;border-radius:20px;font-size:13px;color:#555;cursor:pointer;transition:all .2s}.filter-chip:hover{background:#e8e8e8}.filter-chip:focus-visible{outline:2px solid #667eea;outline-offset:2px}.filter-chip.active{background:#e3f2fd;border-color:#667eea;color:#667eea;font-weight:500}.chip-count{color:#888}.chip-count,.star-icon{font-size:12px}.topic-icon{font-size:14px}.filter-select{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 36px 10px 14px}.filter-select:hover{border-color:#ccc}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(0,123,255,.1)}.filter-select:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (max-width:768px){.filters-toolbar{flex-direction:column;align-items:stretch;gap:10px}.btn-toggle-filters{align-self:flex-start}.filters-search-section{padding:12px 14px}.filters-content{grid-template-columns:1fr;gap:16px;padding:14px}.filter-chips{gap:6px}.filter-chip{padding:6px 12px;font-size:12px}}.annotation-editor-modal{max-width:900px}.sentence-display{margin-bottom:1.5rem;padding:1rem;background:#F8FAFC;border-radius:8px}.sentence-display-label{font-size:.85rem;color:#64748B;margin-bottom:.5rem;font-weight:500;display:flex;align-items:center;gap:.75rem}.btn-inline-play{width:28px;height:28px;border-radius:50%;border:none;background:#F97316;color:white;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:4px}.btn-inline-play:hover{background:#EA580C;transform:scale(1.1)}.btn-inline-play.playing{background:#EF4444}.btn-inline-play.playing:hover{background:#DC2626}.btn-inline-play.disabled,.btn-inline-play:disabled{background:#CBD5E1;cursor:not-allowed;opacity:.5}.btn-inline-play.disabled:hover,.btn-inline-play:disabled:hover{transform:none;background:#CBD5E1}.playing-indicator{color:#10B981;font-size:.8rem;animation:pulse 1.5s ease-in-out infinite}.sentence-text{color:#1E293B;line-height:2;background:white;border-radius:6px;min-height:56px;padding:.5rem .5rem .75rem;border-bottom:4px solid transparent}.sentence-text .effect-underline{text-decoration:underline;text-decoration-color:#2563EB;text-decoration-thickness:3px;text-underline-offset:4px;text-decoration-skip-ink:none;color:#1D4ED8;display:inline;vertical-align:baseline}.sentence-text .effect-highlight{box-shadow:inset 0 -.4em 0 rgba(249,115,22,.4);display:inline;vertical-align:baseline}.sentence-text .effect-hide_text{background:#1E293B;color:#1E293B;border-radius:2px;display:inline;vertical-align:baseline}.sentence-text .effect-insert{background:#D1FAE5;color:#059669;border-radius:2px;display:inline;vertical-align:baseline}.token-grid{margin-bottom:1.5rem}.token-grid-label{font-size:.85rem;color:#64748B;margin-bottom:.75rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.token-grid-hint{font-weight:400;color:#94A3B8}.token-container{display:flex;flex-wrap:wrap;gap:2px;padding:.75rem;background:white;border:1px solid #e2e8f0;border-radius:8px;min-height:60px}.token-item{display:inline-flex;flex-direction:column;align-items:center;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative}.token-item:hover{background:#F1F5F9}.token-item.selected{background:#DBEAFE;outline:2px solid #2563EB}.token-item.in-range{background:#DBEAFE}.token-item.start-token{border-left:3px solid #2563eb}.token-item.end-token{border-right:3px solid #2563eb}.token-index{font-size:.65rem;color:#94A3B8;font-weight:600;margin-bottom:2px}.token-text{font-size:.95rem;color:#1E293B;font-family:SF Mono,Consolas,monospace}.token-text.space{color:#CBD5E1;background:#F1F5F9;padding:0 4px;border-radius:2px}.token-text.punctuation{color:#64748B}.token-item.has-annotation-underline{border-bottom:3px solid #2563eb}.token-item.has-annotation-highlight{background:rgba(249,115,22,.3)}.token-item.has-annotation-hide_text{background:rgba(239,68,68,.2);text-decoration:line-through}.annotations-section{margin-bottom:1.5rem}.annotations-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.annotations-section-label{font-size:.85rem;color:#64748B;font-weight:500}.btn-add-annotation{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ECFDF5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;font-size:.85rem}.btn-add-annotation:hover{background:#D1FAE5;border-color:#6EE7B7}.annotation-item{display:flex;align-items:stretch;gap:.75rem;padding:.875rem;background:white;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s ease}.annotation-item:hover{border-color:#CBD5E1}.annotation-item.editing{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.annotation-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#F1F5F9;border-radius:50%;font-size:.85rem;flex-shrink:0}.annotation-content{flex:1 1;display:flex;flex-direction:column;gap:.5rem}.annotation-row{flex-wrap:wrap}.annotation-effect-select{padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#1E293B;background:white;min-width:80px}.annotation-effect-select:focus{outline:none;border-color:#2563EB}.annotation-position{display:flex;align-items:center;gap:.375rem;border:none;outline:none;background:transparent}.annotation-position-label{font-size:.8rem;color:#64748B}.annotation-position-input{width:50px;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;text-align:center}.annotation-position-input:focus{outline:none;border-color:#2563EB}.annotation-position-arrow{color:#94A3B8}.annotation-time{display:flex;align-items:center;gap:.375rem;border:none;outline:none;background:transparent}.annotation-time-label{font-size:.8rem;color:#64748B}.annotation-time-input{width:65px;padding:.375rem .5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;text-align:center}.annotation-time-input:focus{outline:none;border-color:#2563EB}.annotation-time-unit{font-size:.75rem;color:#94A3B8}.annotation-preview{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:#F8FAFC;border-radius:6px;font-size:.85rem}.annotation-preview-label{color:#64748B}.annotation-preview-text{color:#1E293B;font-family:SF Mono,Consolas,monospace;font-weight:500}.annotation-actions{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.btn-select-range{padding:.375rem .625rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:6px;color:#64748B;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-select-range:hover{background:#F1F5F9;border-color:#CBD5E1}.btn-select-range.active{background:#DBEAFE;border-color:#2563EB;color:#1D4ED8}.btn-remove-annotation{padding:.375rem .5rem;font-size:1.1rem}.audio-section{margin-bottom:1.5rem;padding:1rem;background:#FEF3C7;border:1px solid #fde68a;border-radius:8px}.audio-section-label{font-size:.85rem;color:#92400E;font-weight:500;margin-bottom:.5rem}.audio-player-row{display:flex;align-items:center;gap:1rem}.audio-player-row audio{flex:1 1;height:36px}.audio-duration{font-size:.9rem;color:#92400E;font-weight:500}.explanation-section{margin-bottom:1rem}.explanation-label{font-size:.85rem;color:#64748B;font-weight:500;margin-bottom:.5rem}.explanation-textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;line-height:1.5;resize:vertical;font-family:inherit}.explanation-textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.timeline-section{margin-bottom:1.5rem}.timeline-label{font-size:.85rem;color:#64748B;font-weight:500;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.timeline-container{position:relative;height:80px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;overflow:visible;cursor:pointer}.timeline-track{left:16px;right:16px;height:4px;background:#E2E8F0;border-radius:2px}.timeline-segment,.timeline-track{position:absolute;top:50%;transform:translateY(-50%)}.timeline-segment{height:28px;border-radius:4px;cursor:grab;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:white;font-weight:600;transition:opacity .2s ease,box-shadow .2s ease;z-index:5;-webkit-user-select:none;user-select:none}.timeline-segment:hover{opacity:.95;box-shadow:0 2px 8px rgba(0,0,0,.2)}.timeline-segment.underline{background:#2563EB}.timeline-segment.highlight{background:#F97316}.timeline-segment.hide_text{background:#EF4444}.timeline-segment.active{box-shadow:0 0 0 3px rgba(255,255,255,.5),0 0 12px rgba(0,0,0,.3);z-index:6;opacity:1!important;transform:translateY(-50%) scale(1.05)}.timeline-segment.dragging{cursor:grabbing;opacity:.8;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.3)}.segment-label{pointer-events:none}.segment-handle{position:absolute;top:-4px;bottom:-4px;width:12px;background:rgba(255,255,255,.9);cursor:ew-resize;opacity:0;transition:opacity .2s ease;z-index:10}.segment-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:16px;background:#64748B;border-radius:2px}.timeline-segment.dragging .segment-handle,.timeline-segment:hover .segment-handle{opacity:1}.segment-handle-left{left:-6px;border-radius:4px 0 0 4px}.segment-handle-right{right:-6px;border-radius:0 4px 4px 0}.timeline-time-markers{position:absolute;bottom:8px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:.7rem;color:#94A3B8}.annotations-empty{text-align:center;padding:2rem;color:#94A3B8}.annotations-empty-icon{font-size:2rem;margin-bottom:.5rem}.audio-preview-section{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(90deg,#FEF3C7,#FEF9C3);border:1px solid #fcd34d;border-radius:8px}.audio-preview-section audio{display:none}.audio-controls-row{display:flex;align-items:center;gap:1rem}.btn-play-pause{width:44px;height:44px;background:#F97316;font-size:1.2rem}.btn-play-pause:hover{background:#EA580C;transform:scale(1.05)}.btn-play-pause.playing{background:#EF4444}.btn-play-pause.playing:hover{background:#DC2626}.audio-seek-bar{flex:1 1;height:8px;background:rgba(255,255,255,.6);border-radius:4px;cursor:pointer;position:relative;border:1px solid #fcd34d}.audio-seek-progress{left:0;top:0;bottom:0;border-radius:4px 0 0 4px}.audio-seek-progress,.audio-seek-thumb{position:absolute;background:#F97316;pointer-events:none}.audio-seek-thumb{top:50%;width:16px;height:16px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px rgba(0,0,0,.2)}.audio-current-time{font-size:.85rem;font-weight:600;color:#92400E;font-family:SF Mono,Consolas,monospace;min-width:90px;text-align:right;flex-shrink:0}.audio-preview-hint{margin-top:.5rem;font-size:.8rem;color:#92400E;text-align:center}.timeline-hint{font-size:.75rem;font-weight:400;color:#94A3B8;margin-left:.75rem}.timeline-cursor{position:absolute;top:8px;bottom:28px;width:3px;background:#EF4444;z-index:15;pointer-events:none;border-radius:2px}.timeline-cursor:before{content:"";position:absolute;top:-6px;left:-5px;width:12px;height:12px;background:#EF4444;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.3)}.timeline-cursor-time{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:#EF4444;color:white;font-size:.7rem;font-weight:600;font-family:SF Mono,Consolas,monospace;padding:2px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:20}.timeline-cursor.playing{animation:cursor-pulse 1s ease-in-out infinite}@keyframes cursor-pulse{0%,to{opacity:1}50%{opacity:.7}}.annotation-item.playback-active{border-color:#F97316!important;background:#FEF3C7;box-shadow:0 0 0 3px rgba(249,115,22,.3)}.token-item.selectable{cursor:crosshair}.token-item.selectable:hover{background:#BFDBFE;transform:scale(1.05)}@media (max-width:768px){.annotation-item{flex-direction:column;gap:.5rem}.annotation-row{flex-direction:column;align-items:flex-start}.annotation-actions{flex-direction:row;width:100%;justify-content:flex-end}}.audio-range-selector.integrated{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.audio-range-selector.integrated.with-waveform{padding:1.25rem}.playback-controls{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0;margin-bottom:1rem}.btn-play-pause{width:48px;height:48px;border:none;border-radius:50%;background:#2563EB;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-play-pause:hover:not(:disabled){background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-play-pause:active:not(:disabled){transform:scale(.98)}.btn-play-pause.disabled,.btn-play-pause:disabled{background:#94A3B8;cursor:not-allowed}.time-display{font-size:1rem;color:#1E293B;gap:.25rem;flex-grow:1}.time-display .current-time{font-weight:600}.time-display .time-separator{color:#94A3B8}.time-display .total-time{color:#64748B}.volume-control{gap:.5rem}.btn-mute{background:none;border:none;color:#64748B;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.btn-mute:hover{color:#2563EB;background:rgba(37,99,235,.1)}.volume-slider{width:80px;height:4px;appearance:none;background:#E2E8F0;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#2563EB;border-radius:50%;cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#2563EB;border:none;border-radius:50%;cursor:pointer}.waveform-container{margin:.5rem 0;background:#F8FAFC;padding:.5rem;border:1px solid #e2e8f0}.waveform{width:100%;height:80px;min-height:80px;position:relative;background:#FFFFFF;border-radius:6px}.waveform>div{width:100%!important;height:80px!important}.waveform::part(scroll){overflow-x:hidden!important}.waveform::part(wrapper){width:100%!important;min-width:100%!important}.waveform::part(canvases){height:80px!important;min-height:80px!important;max-height:80px!important}.waveform::part(progress){height:80px!important}.waveform::part(cursor){height:80px!important}.waveform-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#F8FAFC;border-radius:8px;z-index:5}.waveform-loading span{font-size:.85rem;color:#64748B}.loading-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#2563eb}.waveform-container [part=region]{border-left:3px solid #10b981!important;border-right:3px solid #ef4444!important;background:rgba(37,99,235,.15)!important;border-radius:4px}.waveform-container [part=region-handle]{width:8px!important;background:transparent!important}.waveform-container [part=region-handle]:first-child{border-left:4px solid #10b981!important;cursor:ew-resize}.waveform-container [part=region-handle]:last-child{border-right:4px solid #ef4444!important;cursor:ew-resize}.ars-zoom-controls{position:absolute;top:2px;right:8px;display:flex;gap:4px;z-index:20}.ars-tool-btn{width:28px;height:28px;border:1px solid #ddd;border-radius:6px;background:rgba(255,255,255,.9);color:#333;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease;line-height:1;padding:0;user-select:none;-webkit-user-select:none}.ars-tool-btn:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.ars-tool-btn:active:not(:disabled){background:#e0e0e0}.ars-tool-btn:disabled{opacity:.4;cursor:not-allowed}.time-markers{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.time-markers span{font-size:.75rem;color:#94A3B8;font-family:SF Mono,Monaco,Consolas,monospace}.range-track-container{margin:1rem 0 .5rem}.range-track{position:relative;height:48px;background:#E2E8F0;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.track-region{position:absolute;top:0;height:100%;border-radius:8px;pointer-events:none}.track-region.unselected{background:repeating-linear-gradient(45deg,#CBD5E1,#CBD5E1 4px,#E2E8F0 0,#E2E8F0 8px);opacity:.9}.track-region.selected{background:linear-gradient(135deg,#2563EB,#3B82F6);opacity:.5}.range-handle{position:absolute;top:0;bottom:0;width:20px;margin-left:-10px;cursor:ew-resize;z-index:10;display:flex;align-items:center;justify-content:center}.range-handle .handle-grip{width:6px;height:28px;border-radius:3px;transition:transform .15s,box-shadow .15s}.handle-start .handle-grip{background:linear-gradient(135deg,#10B981,#34D399);box-shadow:0 2px 8px rgba(16,185,129,.4)}.handle-end .handle-grip{background:linear-gradient(135deg,#EF4444,#F87171);box-shadow:0 2px 8px rgba(239,68,68,.4)}.range-handle.dragging .handle-grip,.range-handle:hover .handle-grip{transform:scaleY(1.1) scaleX(1.3)}.range-handle.previewing .handle-grip{animation:preview-pulse .6s ease-in-out infinite}.handle-start.previewing .handle-grip{box-shadow:0 0 0 4px rgba(16,185,129,.3),0 2px 8px rgba(16,185,129,.4)}.handle-end.previewing .handle-grip{box-shadow:0 0 0 4px rgba(239,68,68,.3),0 2px 8px rgba(239,68,68,.4)}@keyframes preview-pulse{0%,to{transform:scaleY(1) scaleX(1);opacity:1}50%{transform:scaleY(1.15) scaleX(1.4);opacity:.85}}.playhead{position:absolute;top:4px;bottom:4px;width:4px;margin-left:-2px;background:linear-gradient(180deg,#F97316,#EA580C);border-radius:2px;z-index:15;box-shadow:0 0 10px rgba(249,115,22,.6);cursor:ew-resize;transition:box-shadow .15s}.playhead.dragging,.playhead:hover{box-shadow:0 0 15px rgba(249,115,22,.8)}.playhead:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f97316}.range-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.range-info{display:flex;gap:.75rem;flex-wrap:wrap}.range-badge{display:flex;flex-direction:column;align-items:center;padding:.5rem .75rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;min-width:70px;transition:all .2s ease}.range-badge.clickable{cursor:pointer}.range-badge.clickable:hover:not(:disabled){border-color:#94A3B8;background:#F1F5F9;transform:translateY(-1px)}.range-badge.clickable:active:not(:disabled){transform:translateY(0)}.range-badge.clickable:disabled{cursor:not-allowed;opacity:.6}.range-badge.start.previewing{border-color:#10B981;background:#ECFDF5;animation:badge-pulse-green .6s ease-in-out infinite}.range-badge.end.previewing{border-color:#EF4444;background:#FEF2F2;animation:badge-pulse-red .6s ease-in-out infinite}@keyframes badge-pulse-green{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 4px rgba(16,185,129,.2)}}@keyframes badge-pulse-red{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 4px rgba(239,68,68,.2)}}.range-badge .badge-label{font-size:.7rem;text-transform:uppercase;color:#94A3B8;letter-spacing:.5px}.range-badge .badge-value{font-size:.95rem;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.range-badge.start .badge-value{color:#10B981}.range-badge.end .badge-value{color:#EF4444}.range-badge.duration .badge-value{color:#2563EB}.btn-reset-range{padding:.5rem 1rem;background:transparent;color:#64748B;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.btn-reset-range:hover:not(:disabled){border-color:#2563EB;color:#2563EB;background:rgba(37,99,235,.05)}.btn-reset-range:disabled{opacity:.5;cursor:not-allowed}.range-hint{font-size:.8rem;color:#94A3B8;margin:.75rem 0 0;text-align:center}@media (max-width:600px){.audio-range-selector.integrated{padding:1rem}.playback-controls{flex-wrap:wrap;gap:.75rem}.btn-play-pause{width:42px;height:42px}.volume-control{order:3;width:100%;justify-content:center;margin-top:.5rem}.volume-slider{width:120px}.waveform-container{padding:.25rem}.waveform{min-height:60px}.ars-tool-btn{width:36px;height:36px;font-size:20px}.range-controls{flex-direction:column;align-items:stretch;gap:.75rem}.range-info{justify-content:center}.range-badge{min-width:60px;padding:.4rem .5rem}.btn-reset-range{width:100%}}@media (prefers-reduced-motion:reduce){.range-badge.previewing,.range-handle.previewing .handle-grip{animation:none}.ars-tool-btn,.btn-play-pause,.btn-reset-range,.range-badge,.waveform{transition:none}}.range-list-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.range-list-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.range-list-title{font-size:.85rem;color:#64748B;font-weight:500}.range-list-actions{display:flex;gap:.5rem;align-items:center}.btn-add-range{padding:.5rem .875rem;background:#2563EB;color:white;border:1px solid #2563eb;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.btn-add-range:hover:not(:disabled){background:#1D4ED8}.btn-add-range:active:not(:disabled){transform:scale(.98)}.btn-add-range:disabled{opacity:.5;cursor:not-allowed;background:#94A3B8;border-color:#94A3B8}.range-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.range-list__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#F8FAFC;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:8px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.range-list__item:hover{background:#F1F5F9}.range-list__item--active{background:#EFF6FF;border-color:#93C5FD}.range-list__index{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#2563EB;color:white;border-radius:12px;font-size:.75rem;font-weight:600;flex-shrink:0}.range-list__separator{color:#94A3B8;font-size:.85rem}.range-list__duration{margin-left:auto;font-size:.85rem;font-family:SF Mono,Monaco,Consolas,monospace;color:#64748B;font-weight:500}.range-list__remove{width:28px;height:28px;border:none;background:transparent;color:#94A3B8;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;flex-shrink:0}.range-list__remove:hover{background:#FEE2E2;color:#DC2626}@media (max-width:600px){.range-list__item{flex-wrap:wrap}.range-list__duration{margin-left:0}}.bilingual-subtitles{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,41,59,.85));border-radius:10px;margin-top:.75rem;margin-bottom:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.2)}.subtitle-line{text-align:center;font-weight:500;line-height:1.6;padding:.25rem .5rem;animation:fadeIn .3s ease-out}.subtitle-english{color:#ffffff;font-size:1rem;margin-bottom:.375rem;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.subtitle-chinese{color:#86EFAC;font-weight:600}.subtitle-chinese,.subtitle-english-only{font-size:1.125rem;text-shadow:1px 1px 3px rgba(0,0,0,.6)}.subtitle-english-only{color:#ffffff}.subtitle-chinese-only{color:#86EFAC;font-size:1.25rem;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.6)}@media (max-width:768px){.bilingual-subtitles{padding:.75rem 1rem;min-height:140px}.subtitle-english{font-size:.875rem}.subtitle-chinese,.subtitle-english-only{font-size:1rem}.subtitle-chinese-only{font-size:1.125rem}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-modal{background:white;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.15);max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e2e8f0}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#F8FAFC}.edit-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1E293B}.btn-close{font-size:1.5rem;line-height:1}.edit-modal-content{padding:1.5rem;overflow-y:auto;flex:1 1}.edit-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#F8FAFC;border-radius:0 0 12px 12px}.btn-cancel,.btn-save{padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#F8FAFC;border-color:#CBD5E1}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn-cancel:disabled,.btn-save:disabled{opacity:.5;cursor:not-allowed}.edit-field{margin-bottom:1.25rem}.edit-field:last-child{margin-bottom:0}.edit-field label{display:block;font-weight:500;color:#1E293B;margin-bottom:.5rem;font-size:.85rem}.edit-field input[type=number],.edit-field input[type=text],.edit-field select,.edit-field textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1E293B;transition:border-color .2s ease,box-shadow .2s ease}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.edit-field textarea{min-height:80px;font-family:inherit}.edit-field input::placeholder,.edit-field textarea::placeholder{color:#94A3B8}.edit-field select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748B' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.edit-row{display:flex;gap:1rem;margin-bottom:1.25rem}.edit-row .edit-field{flex:1 1;margin-bottom:0}.edit-row .edit-field.flex-2{flex:2 1}.edit-error{background:#FEF2F2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;color:#DC2626;font-size:.9rem;margin-bottom:1rem}.options-list{gap:.75rem}.option-row{display:flex;align-items:center;gap:.5rem}.option-label{font-weight:600;color:#64748B;min-width:24px}.option-input{flex:1 1;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.option-input:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.option-row input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#10B981}.btn-remove-option{background:none;border:none;color:#EF4444;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;opacity:.6;transition:opacity .2s ease}.btn-remove-option:hover{opacity:1}.btn-add-option{background:#F8FAFC;border:1px dashed #cbd5e1;border-radius:6px;padding:.5rem 1rem;color:#64748B;cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-top:.5rem}.btn-add-option:hover{background:#F1F5F9;border-color:#94A3B8;color:#1E293B}.btn-edit{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border-radius:6px;color:#64748B;font-size:.8rem}.btn-edit:hover{border-color:#2563EB;color:#2563EB}.btn-edit-icon{font-size:.9rem}.btn-edit-sm{padding:.25rem .5rem;font-size:.75rem}.btn-delete{display:inline-flex;gap:.25rem;padding:.375rem .625rem;border:1px solid #fecaca;color:#DC2626;font-size:.8rem}.btn-delete:hover{background:#FEF2F2;border-color:#F87171}.btn-add{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#ECFDF5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:.9rem}.btn-add:hover{background:#D1FAE5;border-color:#6EE7B7}.content-actions-bar{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.75rem}.editable-item{position:relative}.editable-item:hover .item-edit-actions{opacity:1}.item-edit-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease;z-index:10}@media (hover:none){.item-edit-actions{opacity:1}}@media (max-width:640px){.edit-modal{max-width:100%;max-height:100vh;border-radius:0}.edit-row{flex-direction:column;gap:0}.edit-row .edit-field{margin-bottom:1rem}.option-row{flex-wrap:wrap}.option-input{min-width:100px}}.sentence-analysis-modal{max-width:800px}.sentence-preview{margin-bottom:1.5rem;padding:1rem;background:#F8FAFC;border-radius:8px;border:1px solid #e2e8f0}.sentence-preview label{display:block;font-size:.85rem;color:#64748B;margin-bottom:.5rem;font-weight:500}.sentence-preview .preview-text{margin:0;font-size:1.1rem;color:#1E293B;font-weight:500;line-height:1.5}.field-hint{margin:.5rem 0 0;font-size:.8rem;color:#64748B;font-style:italic}.edit-success{background:#ECFDF5;border:1px solid #a7f3d0;border-radius:8px;padding:.75rem 1rem;color:#059669;font-size:.9rem;margin-bottom:1rem}.annotations-list{display:flex;flex-direction:column;gap:.75rem}.annotation-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#F8FAFC;border-radius:8px;border:1px solid #e2e8f0}.annotation-number{font-weight:600;color:#64748B;min-width:24px}.annotation-text{flex:1 1;min-width:150px;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.annotation-text:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.annotation-times{display:flex;align-items:center;gap:.5rem}.annotation-time{width:70px;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;text-align:center}.annotation-time:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.annotation-times span{color:#64748B;font-size:.9rem}.time-unit{color:#94A3B8;font-size:.8rem}.btn-remove-annotation{background:none;border:none;color:#EF4444;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;line-height:1;opacity:.6;transition:opacity .2s ease}.btn-remove-annotation:hover{opacity:1}.btn-add-annotation{background:#F8FAFC;border:1px dashed #cbd5e1;border-radius:8px;padding:.625rem 1rem;color:#64748B;cursor:pointer;font-size:.9rem;transition:all .2s ease;text-align:center}.btn-add-annotation:hover{background:#F1F5F9;border-color:#94A3B8;color:#1E293B}.current-audio-preview{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.current-audio-preview label{display:block;font-weight:500;color:#1E293B;margin-bottom:.5rem;font-size:.9rem}.current-audio-preview audio{width:100%;border-radius:8px}.btn-regenerate{padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;background:#EFF6FF;border:1px solid #bfdbfe;color:#2563EB}.btn-regenerate:hover:not(:disabled){background:#DBEAFE;border-color:#93C5FD;box-shadow:0 4px 12px rgba(37,99,235,.15)}.btn-regenerate:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.annotation-row{flex-wrap:wrap}.annotation-text{flex:100% 1;order:2;margin-top:.5rem}.annotation-times{order:3;width:100%;margin-top:.5rem;justify-content:flex-start}.annotation-number{order:1}.btn-remove-annotation{order:1;margin-left:auto}}.draft-list{max-width:1200px;margin:0 auto;padding:1.5rem}.draft-list.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.draft-list .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.draft-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.draft-list-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1E293B;letter-spacing:-.02em}.error-banner{padding:1rem;background-color:#FEF2F2;margin-bottom:1.5rem}.error-banner button{font-size:.9rem}.error-banner button:hover{text-decoration:underline}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;border:2px dashed #e2e8f0}.empty-icon{font-size:3.5rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.375rem;font-weight:600}.empty-state p{margin:0 0 1.5rem;font-size:.95rem}.draft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.draft-card{border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.04)}.draft-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#2563EB}.draft-card-header{align-items:flex-start;padding:1rem 1.25rem;background:#F8FAFC;border-bottom:1px solid #e2e8f0}.draft-title{margin:0;font-size:1.05rem;color:#1E293B;flex:1 1;white-space:nowrap;padding-right:.75rem}.cefr-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.cefr-a1,.cefr-a2{background-color:#ECFDF5;color:#065F46}.cefr-b1,.cefr-b2{background-color:#FEF3C7;color:#92400E}.cefr-c1,.cefr-c2{background-color:#FEE2E2;color:#991B1B}.draft-card-body{padding:1.25rem}.draft-description{margin:0 0 1rem;font-size:.9rem;color:#64748B;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7rem}.draft-meta{gap:1.5rem;margin-bottom:1rem}.meta-item{font-size:.85rem}.meta-label{color:#94A3B8;margin-right:.25rem}.meta-value{color:#475569;font-weight:500}.draft-stage{margin-top:.75rem}.stage-progress-bar{height:6px;background:#E2E8F0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.stage-progress-fill{height:100%;background:linear-gradient(90deg,#2563EB,#10B981);border-radius:3px;transition:width .3s ease}.stage-label{font-size:.8rem;color:#64748B}.draft-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:#F8FAFC;border-top:1px solid #e2e8f0}.draft-date{font-size:.8rem;color:#94A3B8}.btn-primary{padding:.75rem 1.5rem;font-size:.95rem}.btn-primary:hover{box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn-primary.btn-large{padding:1rem 2rem;font-size:1.05rem}.btn-secondary{color:#2563EB;border:1px solid #2563eb;padding:.5rem 1rem;border-radius:6px;font-weight:600;transition:all .2s ease}.btn-secondary:hover{background:#EFF6FF;border-color:#1D4ED8}.btn-secondary.btn-small{padding:.35rem .75rem;font-size:.85rem}@media (max-width:768px){.draft-list{padding:1rem}.draft-list-header{flex-direction:column;gap:1rem;align-items:stretch}.draft-list-header h2{text-align:center;font-size:1.375rem}.draft-grid{grid-template-columns:1fr}}.multi-audio-file-list{display:flex;flex-direction:column;gap:.75rem}.multi-audio-dropzone{border:2px dashed #cbd5e1;border-radius:12px;padding:1.5rem 1rem;text-align:center;cursor:pointer;background:#F8FAFC;transition:border-color .15s ease,background-color .15s ease,transform .15s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;outline:none}.multi-audio-dropzone:hover:not(.is-disabled){border-color:#2563EB;background:#EFF6FF}.multi-audio-dropzone:focus-visible{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.15)}.multi-audio-dropzone.is-dragging{border-color:#2563EB;background:#DBEAFE;transform:scale(1.01)}.multi-audio-dropzone.is-disabled{cursor:not-allowed;opacity:.55}.multi-audio-dropzone__icon{color:#64748B}.multi-audio-dropzone__primary{color:#1E293B;font-size:.95rem;font-weight:500}.multi-audio-dropzone__hint{color:#64748B;font-size:.8rem}.multi-audio-error{padding:.625rem .875rem;background:#FEF2F2;border:1px solid #fca5a5;border-radius:8px;color:#B91C1C;font-size:.85rem}.multi-audio-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.multi-audio-list__item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:white;border:1px solid #e2e8f0;border-radius:8px}.multi-audio-list__index{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#2563EB;color:white;border-radius:12px;font-size:.75rem;font-weight:600;flex-shrink:0}.multi-audio-list__name{flex:1 1;font-size:.85rem;color:#1E293B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-audio-list__size{font-size:.78rem;color:#64748B;font-family:SF Mono,Monaco,Consolas,monospace;flex-shrink:0}.multi-audio-list__actions{display:flex;gap:.25rem;flex-shrink:0}.multi-audio-list__btn{width:26px;height:26px;border:1px solid #e2e8f0;background:white;color:#64748B;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.multi-audio-list__btn:hover:not(:disabled){background:#F1F5F9;border-color:#94A3B8;color:#1E293B}.multi-audio-list__btn:disabled{opacity:.4;cursor:not-allowed}.multi-audio-list__btn--remove:hover:not(:disabled){background:#FEE2E2;border-color:#FCA5A5;color:#DC2626}.multi-audio-summary{font-size:.8rem;color:#64748B;text-align:right}.parsing-banner{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid;animation:fadeInSlideUp .3s ease-out}.parsing-in-progress{background-color:#EFF6FF;border-color:#2563EB}.parsing-completed{background-color:#ECFDF5;border-color:#10B981}.parsing-failed{background-color:#FEF2F2;border-color:#EF4444}.banner-content{display:flex;align-items:center;gap:1rem;justify-content:space-between}.banner-icon{font-size:1.75rem;flex-shrink:0}.banner-text{flex:1 1}.banner-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#1E293B}.parsing-in-progress .banner-title{color:#1E40AF}.parsing-completed .banner-title{color:#065F46}.parsing-failed .banner-title{color:#991B1B}.banner-description{font-size:.9rem;color:#64748B;margin:0;line-height:1.5}.btn-view-results{padding:.5rem 1rem;background-color:#10B981;color:white;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-view-results:hover{background-color:#059669;box-shadow:0 2px 8px rgba(16,185,129,.25)}.btn-view-results:active{background-color:#047857}.parsing-banner .spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.banner-content{flex-direction:column;align-items:flex-start}.btn-view-results{width:100%;margin-top:.5rem}}.phrase-edit-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.phrase-edit-modal{background:#fafafa;border-radius:14px;width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);overflow:hidden}.pem-header{display:flex;align-items:flex-start;gap:8px;padding:20px 20px 0}.pem-header-input{flex:1 1;position:relative}.pem-phrase-input{width:100%;background:transparent;font-size:1.35rem;font-weight:600;color:#1a1a2e;padding:0 0 8px;border:none;border-bottom:2px solid #e0e0e8;transition:border-color .2s ease;line-height:1.4}.pem-phrase-input:focus{outline:none;border-bottom-color:#667eea}.pem-phrase-input::placeholder{color:#b0b0c0;font-weight:400}.pem-close{flex-shrink:0;background:none;border:none;color:#8888a0;cursor:pointer;padding:6px;border-radius:6px;transition:color .15s,background .15s;margin-top:2px}.pem-close:hover{color:#1a1a2e;background:#eeeef2}.pem-type-chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px 20px 0}.pem-chip{padding:4px 12px;border-radius:20px;border:1px solid #ddd;background:white;font-size:.78rem;font-weight:500;color:#666;cursor:pointer;transition:all .15s ease;white-space:nowrap}.pem-chip:hover{border-color:#667eea;color:#667eea}.pem-chip.active{background:#667eea;border-color:#667eea;color:white}.pem-error{margin:12px 20px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.85rem}.pem-body{flex:1 1;overflow-y:auto;padding:16px 20px}.pem-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#888;margin-bottom:10px}.pem-definitions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pem-def-col{display:flex;flex-direction:column;gap:4px}.pem-label{font-size:.8rem;font-weight:500;color:#555}.pem-def-col textarea,.pem-field textarea{padding:10px 12px;border:1px solid #e0e0e8;border-radius:8px;font-size:.88rem;color:#1a1a2e;background:white;resize:vertical;transition:border-color .15s ease;font-family:inherit;line-height:1.5}.pem-def-col textarea:focus,.pem-field textarea:focus{outline:none;border-color:#667eea}.pem-def-col textarea::placeholder,.pem-field textarea::placeholder{color:#b0b0c0}.char-count{font-size:.7rem;color:#aaa;text-align:right;margin-top:2px}.char-count.warn{color:#e67e22}.pem-toggle-more{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#667eea;font-size:.82rem;font-weight:500;cursor:pointer;padding:0;margin-top:14px;transition:color .15s}.pem-toggle-more:hover{color:#4f5bd5}.pem-optional-fields{margin-top:14px;gap:12px;padding-top:14px;border-top:1px dashed #e0e0e8}.pem-field,.pem-optional-fields{display:flex;flex-direction:column}.pem-field{gap:4px}.pem-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #eeeef2}.pem-btn-cancel{padding:8px 18px;background:none;border:1px solid #ddd;border-radius:8px;color:#555;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.pem-btn-cancel:hover{border-color:#bbb;background:#f5f5f8}.pem-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.pem-btn-save{padding:8px 22px;background:#667eea;border:none;border-radius:8px;color:white;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.pem-btn-save:hover{background:#5568d8}.pem-btn-save:disabled{opacity:.4;cursor:not-allowed}@media (max-width:600px){.phrase-edit-modal-overlay{padding:0;align-items:flex-end}.phrase-edit-modal{max-height:95vh;border-radius:14px 14px 0 0}.pem-definitions{grid-template-columns:1fr}.pem-footer{padding:12px 16px}.pem-btn-save{flex:1 1}}.progress-bar-container{width:100%;margin:1rem 0}.progress-bar-wrapper{width:100%;height:28px;background:#E2E8F0;border-radius:8px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563EB,#10B981);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;position:relative;border-radius:8px}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2) 50%,rgba(255,255,255,0));animation:shimmer 2s infinite}.progress-bar-percentage{font-size:.8rem;font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}.progress-bar-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.85rem;color:#64748B}.progress-bar-status{flex:1 1;font-weight:500;color:#1E293B}.progress-bar-count{font-family:Courier New,monospace;font-weight:600;color:#10B981;margin-left:1rem}.progress-bar-fill.loading{animation:pulse 1.5s ease-in-out infinite}.progress-bar-fill.completed{background:linear-gradient(90deg,#10B981,#34D399)}.progress-bar-fill.error{background:linear-gradient(90deg,#EF4444,#F87171)}.progress-bar-container.small .progress-bar-wrapper{height:20px}.progress-bar-container.small .progress-bar-percentage{font-size:.7rem}.progress-bar-container.small .progress-bar-info{font-size:.75rem;margin-top:.375rem}.audio-upload-dropzone{border:2px dashed var(--border-color,#d1d5db);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary,#f9fafb);position:relative}.audio-upload-dropzone:hover{border-color:var(--primary-color,#6366f1);background:rgba(99,102,241,.04)}.audio-upload-dropzone.drag-over{border-color:var(--primary-color,#6366f1);background:rgba(99,102,241,.08);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.audio-upload-dropzone.has-file{border-style:solid;border-color:var(--success-color,#10b981);background:rgba(16,185,129,.04)}.audio-upload-dropzone input[type=file]{display:none}.dropzone-icon{font-size:2.5rem;margin-bottom:.75rem;line-height:1}.dropzone-text{color:var(--text-secondary,#6b7280);font-size:.95rem;margin:0 0 .5rem}.dropzone-text .browse-link{color:var(--primary-color,#6366f1);font-weight:500;text-decoration:underline;cursor:pointer}.dropzone-hint{color:var(--text-muted,#9ca3af);font-size:.8rem;margin:0}.audio-file-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;margin-bottom:1rem}.audio-file-icon{font-size:1.5rem;flex-shrink:0}.audio-file-details{flex:1 1;min-width:0}.audio-file-name{font-size:.9rem;font-weight:500;color:var(--text-primary,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-file-size{font-size:.8rem;color:var(--text-secondary,#6b7280)}.audio-file-remove{background:none;border:none;color:var(--text-secondary,#6b7280);cursor:pointer;padding:4px;border-radius:4px;font-size:1.25rem;line-height:1;transition:all .15s;flex-shrink:0}.audio-file-remove:hover{color:var(--error-color,#ef4444);background:rgba(239,68,68,.08)}.audio-upload-error{color:var(--error-color,#ef4444);font-size:.85rem;margin:.5rem 0 0;padding:.5rem .75rem;background:rgba(239,68,68,.06);border-radius:6px}.audio-range-wrapper{margin-top:1rem}.audio-merge-status{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.875rem;padding:.625rem .875rem;background:#EFF6FF;border:1px solid #bfdbfe;border-radius:8px;color:#1D4ED8;font-size:.85rem}.audio-merge-status .loading-spinner{width:18px;height:18px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:audio-merge-spin .7s linear infinite;display:inline-block}@keyframes audio-merge-spin{to{transform:rotate(1turn)}}@media (max-width:600px){.audio-upload-dropzone{padding:1.5rem 1rem}.dropzone-icon{font-size:2rem}}.resource-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeIn .2s ease}.resource-modal-shell{background:var(--bg-primary,#fff);border-radius:16px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease;outline:none}.resource-modal-wide{max-width:720px}.resource-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color,#e5e7eb)}.resource-modal-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary,#1a1a2e)}.resource-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary,#6b7280);padding:4px 8px;border-radius:6px;line-height:1;transition:background .15s}.resource-modal-close:hover{background:var(--bg-hover,#f3f4f6)}.resource-modal-body{padding:24px;overflow-y:auto;flex:1 1}.resource-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 20px;border-top:1px solid var(--border-color,#e5e7eb);gap:12px}.btn-modal-back{background:none;border:1px solid var(--border-color,#d1d5db);color:var(--text-secondary,#6b7280);padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .15s}.btn-modal-back:hover{background:var(--bg-hover,#f3f4f6);border-color:var(--text-secondary,#6b7280)}.btn-modal-next{background:var(--primary-color,#6366f1);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-modal-next:hover:not(:disabled){background:var(--primary-hover,#4f46e5)}.btn-modal-next:disabled{opacity:.5;cursor:not-allowed}@media (max-width:600px){.resource-modal-shell{max-height:95vh;border-radius:12px}.resource-modal-header{padding:16px 20px 12px}.resource-modal-body{padding:20px}.resource-modal-footer{padding:12px 20px 16px}}.processing-modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;min-height:200px;text-align:center}.processing-spinner{width:48px;height:48px;border:4px solid var(--border-color,#e5e7eb);border-top-color:var(--primary-color,#6366f1);animation:processing-spin .8s linear infinite;margin-bottom:1.5rem}@keyframes processing-spin{to{transform:rotate(1turn)}}.processing-status{font-size:1rem;color:var(--text-secondary,#6b7280);margin:0;line-height:1.5}.processing-error{margin-top:1rem;padding:.75rem 1rem;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--error-color,#ef4444);font-size:.9rem;line-height:1.5;max-width:100%;word-break:break-word}.processing-retry-btn{margin-top:1.25rem;padding:.625rem 1.5rem;background:var(--primary-color,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s}.processing-retry-btn:hover{background:var(--primary-hover,#4f46e5)}.processing-retry-btn:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.processing-spinner{border-top-color:var(--primary-color,#6366f1);opacity:.7}}.resource-selection-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.resource-option{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;transition:all .2s ease;background:var(--bg-primary,#fff);-webkit-user-select:none;user-select:none}.resource-option:hover{border-color:var(--primary-color,#6366f1);background:var(--bg-hover,#f5f3ff);box-shadow:0 2px 8px rgba(99,102,241,.1)}.resource-option-active{border-color:var(--primary-color,#6366f1);box-shadow:0 2px 12px rgba(99,102,241,.15)}.resource-option-active,.resource-option-active:hover{background:var(--bg-active,#eef2ff)}.resource-option-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--bg-hover,#f3f4f6);font-size:1.25rem;flex-shrink:0;transition:background .2s}.resource-option-active .resource-option-icon{background:var(--primary-color,#6366f1);color:#fff}.resource-option-text{flex:1 1;min-width:0}.resource-option-title{font-weight:600;font-size:.95rem;color:var(--text-primary,#1a1a2e);margin-bottom:2px}.resource-option-desc{font-size:.82rem;color:var(--text-secondary,#6b7280);line-height:1.3}.resource-option-checkbox{width:22px;height:22px;border:2px solid var(--border-color,#d1d5db);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;background:#fff}.resource-option-active .resource-option-checkbox{background:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1);color:#fff}.resource-selection-language{margin-bottom:16px}.resource-selection-language label{display:block;font-size:.88rem;font-weight:500;color:var(--text-secondary,#6b7280);margin-bottom:6px}.resource-selection-language select{width:100%;border:1px solid var(--border-color,#d1d5db);border-radius:8px;font-size:.95rem;background:var(--bg-primary,#fff);color:var(--text-primary,#1a1a2e);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:10px 32px 10px 12px;transition:border-color .15s}.resource-selection-language select:focus{outline:none;border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.resource-selection-hint{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-info,#f0f9ff);border-radius:10px;font-size:.88rem;color:var(--text-info,#0369a1);margin-top:4px}.resource-selection-hint-icon{font-size:1.1rem;flex-shrink:0}@media (max-width:600px){.resource-option{padding:12px 14px;gap:12px}.resource-option-icon{width:36px;height:36px;font-size:1.1rem}.resource-option-title{font-size:.9rem}.resource-option-desc{font-size:.78rem}}.resource-modal-flow{position:relative;z-index:999}.wizard-landing-state{display:flex;align-items:center;justify-content:center;min-height:360px;padding:40px 20px;-webkit-user-select:none;user-select:none}.wizard-landing-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;gap:16px}.wizard-landing-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:24px;background:linear-gradient(135deg,#f0f0ff,#e8e8ff 50%,#f5f0ff);color:var(--primary-color,#6366f1);margin-bottom:8px;animation:wizardLandingPulse 3s ease-in-out infinite}.wizard-landing-title{font-size:1.5rem;font-weight:700;color:var(--text-primary,#1a1a2e);margin:0;line-height:1.3}.wizard-landing-subtitle{font-size:1rem;color:var(--text-muted,#9ca3af);margin:0;line-height:1.5}@keyframes wizardLandingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@media (max-width:600px){.wizard-landing-state{min-height:280px;padding:32px 16px}.wizard-landing-icon{width:72px;height:72px;border-radius:18px}.wizard-landing-icon svg{width:48px;height:48px}.wizard-landing-title{font-size:1.25rem}.wizard-landing-subtitle{font-size:.9rem}}.sentence-display{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-normal);text-align:left}.sentence-display:hover{box-shadow:var(--shadow-sm)}.sentence-header{gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-bg-tertiary)}.sentence-header.clickable{cursor:pointer}.sentence-number{font-size:14px;font-weight:700;color:var(--color-primary);background:var(--color-primary-light)}.sentence-number,.sentence-speaker{padding:4px 12px;border-radius:var(--radius-xl);flex-shrink:0;white-space:nowrap}.sentence-speaker{font-size:13px;color:var(--color-success-text);background:var(--color-success-light);max-width:140px;overflow:hidden;text-overflow:ellipsis}.sentence-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.sentence-play-btn{width:32px;height:32px;padding:0;font-size:14px;border:1px solid var(--color-primary-100);background:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-xs)}.sentence-play-btn:hover:not(.disabled){background:var(--color-primary-light);border-color:var(--color-primary-100);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sentence-play-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sentence-play-btn.playing{background:var(--color-primary);border-color:var(--color-primary);color:white}.sentence-play-btn.disabled{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-light);cursor:not-allowed}.sentence-play-btn.disabled:hover{transform:none;box-shadow:var(--shadow-xs)}.sentence-edit-btn{width:32px;height:32px;padding:0;font-size:14px;border:1px solid var(--color-accent-bg);background:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--color-accent);box-shadow:var(--shadow-xs)}.sentence-edit-btn:hover{background:var(--color-accent-bg);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sentence-edit-btn:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.sentence-edit-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sentence-content{margin-bottom:20px}.sentence-english{font-size:18px;line-height:1.8;color:var(--color-text-primary);margin-bottom:12px;font-weight:500}.sentence-chinese{font-size:16px;line-height:1.8;color:var(--color-text-muted);font-weight:400;padding-left:0}.clickable-word{cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:all var(--transition-normal);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-text-light)}.clickable-word:hover{background:var(--color-accent-bg);text-decoration-color:var(--color-accent);color:var(--color-text-secondary)}.clickable-word.key-word{font-weight:600;color:var(--color-primary);text-decoration-color:var(--color-primary)}.clickable-word.key-word:hover{background:var(--color-primary-light);color:var(--color-primary-hover)}.grammar-points{margin-top:20px;padding:16px;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);text-align:left}.grammar-points h5{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-primary-hover);text-align:left}.grammar-point{position:relative}.btn-add-grammar-note{position:absolute;top:0;right:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;transition:opacity var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);opacity:.6}.btn-add-grammar-note:hover{opacity:1;border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-add-grammar-note:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;opacity:1}.btn-add-grammar-note.added{color:var(--color-success-text);border-color:var(--color-success-text);opacity:1}.grammar-pattern{margin-bottom:8px}.grammar-pattern code{background:var(--color-primary-light);color:var(--color-primary-hover);padding:4px 8px;border-radius:var(--radius-sm);font-size:13px;font-family:Courier New,monospace;font-weight:600}.grammar-explanation p{margin:6px 0;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.grammar-points .grammar-point .grammar-example{font-style:italic;color:var(--color-text-muted);margin-top:8px}.cultural-notes{margin-top:20px;padding:16px;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);text-align:left}.cultural-notes h5{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--color-primary-hover);text-align:left}.cultural-notes p{margin:0;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.speaking-strategy{margin-top:20px;padding:16px;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);text-align:left}.speaking-strategy h5{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-primary-hover);text-align:left}.chunks-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.chunk-item{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:150px;flex:1 1 auto;text-align:left}.chunk-text{font-size:14px;color:var(--color-text-primary)}.chunk-translation{color:var(--color-text-muted);margin-bottom:6px}.chunk-focus{font-size:12px;color:var(--color-text-muted);font-style:italic}.speaking-tips{background:var(--color-bg-primary);padding:12px;border-radius:var(--radius-md);font-size:13px;line-height:1.6;color:var(--color-text-secondary);text-align:left}.speaking-tips strong{color:var(--color-text-primary)}.key-vocabulary-list{margin-top:20px;padding:16px;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg)}.key-vocabulary-list h5{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-primary-hover)}.key-vocab-tags{display:flex;flex-wrap:wrap;gap:8px}.key-vocab-tag{background:var(--color-primary-light);color:var(--color-primary-hover);padding:6px 12px;border-radius:var(--radius-xl);font-size:13px;font-weight:600;border:1px solid var(--color-primary-100)}.sentence-analysis{margin-top:20px;padding:16px;background:var(--color-bg-secondary);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);position:relative}.sentence-analysis-header{display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}.sentence-analysis h5{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;color:var(--color-primary-hover)}.section-heading-icon{flex-shrink:0;color:currentColor}.analysis-sentence-container{display:flex;align-items:flex-start;gap:12px}.analysis-sentence{flex:1 1;background:var(--color-bg-primary);padding:16px 20px;border-radius:var(--radius-lg);color:var(--color-text-primary);border:1px solid var(--color-primary-100)}.annotation-underline-static{border-bottom:2px dashed var(--color-primary)}.annotation-highlight-static{background:var(--color-accent-bg)}.sentence-analysis .analysis-token.annotation-underline{border-bottom:3px solid var(--color-primary);background:var(--color-primary-light);padding:0;margin:0}.sentence-analysis .analysis-token.annotation-highlight{background:linear-gradient(0deg,#FDE047 40%,transparent 0);padding:0;margin:0;box-shadow:none;border-radius:0}.sentence-analysis .analysis-token.annotation-hide_text{color:transparent;background:var(--color-border);border-radius:2px;padding:0;margin:0}.explanation-play-btn{position:absolute;right:0;display:flex;gap:4px;padding:4px 10px;font-size:12px;border:1.5px solid var(--color-primary);background:var(--color-bg-primary);color:var(--color-primary);border-radius:var(--radius-xl);transition:background var(--transition-normal),color var(--transition-normal);white-space:nowrap}.explanation-play-btn.playing,.explanation-play-btn:hover{background:var(--color-primary);color:white}.explanation-play-btn.playing{animation:pulse-bg 1s ease-in-out infinite}@keyframes pulse-bg{0%,to{background:var(--color-primary)}50%{background:var(--color-primary-hover)}}.analysis-explanation{background:var(--color-bg-primary);padding:14px 18px;border-radius:var(--radius-lg);border:1px solid var(--color-primary-100)}.analysis-explanation p{font-size:15px;line-height:1.8;color:var(--color-primary-hover)}.dependency-graph-section{margin-top:16px;border-top:1px dashed var(--color-border);padding-top:16px;display:block;position:relative}.dependency-graph-header{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.dependency-graph-title{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;color:var(--color-primary-hover)}.btn-regenerate-graph{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-regenerate-graph:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.btn-regenerate-graph:disabled{cursor:not-allowed;opacity:.6}.btn-regenerate-graph.loading{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent);flex-direction:row;height:auto;gap:8px}.dependency-graph-content{animation:fadeIn var(--transition-slow)}.sentence-display.collapsed{padding:14px 20px}.sentence-display.collapsed .sentence-header{margin-bottom:4px;padding-bottom:0;border-bottom:none}.sentence-collapsed-block{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.sentence-collapsed-text{font-size:15px;color:var(--color-text-primary);font-weight:500}.sentence-collapsed-text,.sentence-collapsed-translation{line-height:1.55;overflow-wrap:anywhere;word-break:normal}.sentence-collapsed-translation{font-size:13px;color:var(--color-text-muted);font-weight:400}.sentence-chevron-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-light);border-radius:50%;cursor:pointer;flex-shrink:0;transition:background var(--transition-normal),color var(--transition-normal)}.sentence-chevron-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sentence-chevron-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sentence-chevron{color:var(--color-text-light);transition:transform var(--transition-normal);flex-shrink:0}.sentence-chevron-btn .sentence-chevron{color:inherit}.sentence-chevron.expanded{transform:rotate(180deg)}@media (max-width:768px){.sentence-display{padding:16px}.sentence-english{font-size:16px}.sentence-chinese{font-size:15px}.chunks-container{flex-direction:column}.chunk-item{min-width:unset}.dependency-graph-content{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.btn-add-grammar-note,.btn-regenerate-graph,.explanation-play-btn,.sentence-chevron,.sentence-chevron-btn,.sentence-display,.sentence-edit-btn,.sentence-play-btn{transition-duration:.01ms!important}.sentence-edit-btn:hover,.sentence-play-btn:hover:not(.disabled){transform:none}.dependency-graph-content,.explanation-play-btn.playing{animation:none}}.sentence-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sentence-edit-modal{background:white;border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.15);border:1px solid #e2e8f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1E293B}.btn-close{background:#F1F5F9;font-size:18px;color:#64748B;padding:0;transition:all .2s ease}.btn-close:hover{background:#E2E8F0;color:#1E293B}.modal-error{margin:16px 24px 0;padding:12px 16px;background:#FEF2F2;border:1px solid #fecaca;border-radius:8px;color:#DC2626;font-size:.9rem}.modal-tabs{display:flex;gap:4px;padding:12px 24px;background:#F8FAFC;border-bottom:1px solid #e2e8f0;overflow-x:auto}.modal-tabs .tab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;font-size:.9rem;font-weight:500;color:#64748B;cursor:pointer;white-space:nowrap;transition:all .2s ease}.modal-tabs .tab-btn:hover{background:white;color:#1E293B}.modal-tabs .tab-btn.active{background:white;border-color:#E2E8F0;color:#2563EB;box-shadow:0 1px 3px rgba(0,0,0,.04)}.tab-icon{font-size:1rem}.modal-content{flex:1 1;overflow-y:auto}.edit-section{display:flex;flex-direction:column;gap:16px}.sentence-edit-modal .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sentence-edit-modal .section-header h3{margin:0;font-size:1rem;font-weight:600;color:#1E293B}.btn-add{padding:6px 12px;background:#EFF6FF;border:1px solid #bfdbfe;border-radius:6px;color:#2563EB;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-add:hover{background:#DBEAFE;border-color:#93C5FD}.empty-hint{color:#94A3B8;font-size:.9rem;font-style:italic;text-align:center;padding:20px;background:#F8FAFC;border-radius:8px;border:1px dashed #e2e8f0}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;font-size:.9rem;color:#1E293B;transition:all .2s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-row{gap:12px}.edit-item-card{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.item-header{display:flex;justify-content:space-between;align-items:center}.item-number{font-size:.85rem;font-weight:600;color:#64748B}.btn-remove{background:none;border:none;color:#EF4444;font-size:1rem;padding:4px 8px;border-radius:4px}.btn-remove:hover{background:#FEF2F2}.vocab-tags-edit{display:flex;flex-wrap:wrap;gap:8px}.vocab-tag-input{display:flex;align-items:center;gap:4px;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:4px 4px 4px 8px}.vocab-tag-input input{border:none;background:transparent;padding:6px;font-size:.9rem;width:120px}.vocab-tag-input input:focus{outline:none}.btn-remove-inline{background:none;border:none;color:#94A3B8;font-size:.9rem;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .2s ease}.btn-remove-inline:hover{color:#EF4444}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#F8FAFC;border-radius:0 0 12px 12px}.btn-cancel{color:#1E293B;font-size:.9rem;font-weight:600}.btn-cancel:hover{background:#F8FAFC;border-color:#CBD5E1}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{padding:10px 24px;font-size:.9rem}.btn-save:hover{background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn-save:disabled{opacity:.5}@media (max-width:640px){.sentence-edit-modal{max-height:100vh;border-radius:0}.modal-tabs{padding:8px 16px}.modal-tabs .tab-btn{padding:6px 12px;font-size:.85rem}.tab-label{display:none}.modal-content{padding:16px}.form-row{grid-template-columns:1fr}.modal-footer{padding:12px 16px}}.stage-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.stage-header h2{margin:0 0 .5rem;color:#1E293B;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.stage-header p{margin:0;font-size:.9rem;color:#64748B}.form-section h3{font-size:1.125rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .2s ease;font-family:inherit;color:#1E293B;background:white}.help-text{display:block;margin-top:.375rem}.help-text,.optional{font-size:.8rem;color:#64748B}.optional,.required{font-weight:400}.required{color:#EF4444;font-size:.8rem}.info-box{background:#F8FAFC;padding:1rem 1.25rem;border-radius:8px;border-left-width:4px}.info-box h3{margin:0 0 .75rem;font-size:1rem;color:#1E40AF}.info-box p{margin:.5rem 0;font-size:.9rem;color:#1E293B}.info-box ul{margin:.75rem 0;padding-left:1.25rem}.info-box li{margin:.5rem 0;font-size:.9rem;color:#1E293B}.success-box{background:#ECFDF5;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #a7f3d0;border-left-width:4px}.success-box h3{margin:0 0 .75rem;font-size:1rem;color:#065F46;font-weight:600}.success-box p{margin:.5rem 0;font-size:.9rem;color:#1E293B;line-height:1.6}.form-actions{gap:.75rem;justify-content:flex-end;margin-top:2rem;border-top:1px solid #e2e8f0}.loading-overlay p{margin:1rem 0 0}.loading-hint{display:block;margin-top:.5rem;font-size:.9rem;opacity:.8}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:white;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.04)}.metric-card:hover{border-color:#2563EB;box-shadow:0 4px 12px rgba(37,99,235,.1)}.metric-value{display:block;font-size:2rem;font-weight:700;color:#1E293B;margin-bottom:.5rem;line-height:1}.metric-label{display:block;font-size:.8rem;font-weight:500;color:#64748B;text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-card{padding:1rem .75rem}.metric-value{font-size:1.5rem}.metric-label{font-size:.7rem}}.sentence-editing-stage{max-width:800px;margin:0 auto;padding:1.5rem}.stage-header{margin-bottom:1.5rem}.stage-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.stage-description{color:#6b7280;font-size:.95rem;line-height:1.5}.sentence-count-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;color:#6b7280}.action-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.sentences-list{display:flex;flex-direction:column;gap:.25rem}.sentence-item{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s}.sentence-item:hover{border-color:#c7d2fe}.sentence-display{padding:.875rem 1rem}.sentence-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.sentence-number{font-size:.75rem;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:.125rem .375rem;border-radius:4px}.sentence-speaker{font-size:.75rem;font-weight:600;color:#6366f1;background:#eef2ff;padding:.125rem .5rem;border-radius:999px}.sentence-text{font-size:.95rem;line-height:1.6;color:#1f2937;margin-bottom:.625rem}.sentence-actions{display:flex;gap:.375rem;flex-wrap:wrap}.btn-action{font-size:.75rem;padding:.25rem .625rem;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;cursor:pointer;transition:all .15s}.btn-action:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-edit{border-color:#a5b4fc;color:#4338ca}.btn-edit:hover:not(:disabled){background:#eef2ff}.btn-split{border-color:#6ee7b7;color:#065f46}.btn-split:hover:not(:disabled){background:#ecfdf5}.btn-merge{border-color:#fcd34d;color:#92400e}.btn-merge:hover:not(:disabled){background:#fffbeb}.btn-delete{border-color:#fca5a5;color:#b91c1c}.btn-delete:hover:not(:disabled){background:#fef2f2}.sentence-add-form,.sentence-edit-form,.sentence-split-form{padding:1rem;background:#f8faff;border-top:1px solid #e0e7ff;width:100%;box-sizing:border-box}.split-instructions{font-size:.85rem;color:#6b7280}.form-group,.split-instructions{margin-bottom:.75rem}.form-group label{font-size:.8rem;color:#4b5563;margin-bottom:.25rem}.input-speaker{width:100%;padding:.375rem .625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;outline:none;transition:border-color .15s;box-sizing:border-box}.input-speaker:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.input-text{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;line-height:1.5;resize:vertical;outline:none;font-family:inherit;transition:border-color .15s;box-sizing:border-box}.input-text:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.form-row-actions{display:flex;gap:.5rem}.btn-sm{font-size:.8rem;padding:.35rem .875rem}.add-after-row{border-top:1px dashed #e5e7eb;display:flex;justify-content:center;padding:.375rem}.btn-add-after{font-size:.75rem;color:#9ca3af;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:color .15s}.btn-add-after:hover:not(:disabled){color:#6366f1}.add-at-end{display:flex;justify-content:center;padding:.75rem}.btn-add-end{font-size:.85rem;color:#6366f1;background:#eef2ff;border:1px dashed #a5b4fc;border-radius:8px;padding:.5rem 1.25rem;cursor:pointer;width:100%;transition:all .15s}.btn-add-end:hover:not(:disabled){background:#e0e7ff;border-color:#818cf8}.stage-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-primary{background:#6366f1;padding:.625rem 1.5rem;font-size:.9rem;transition:background .15s}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:.625rem 1.25rem;font-size:.9rem;transition:all .15s}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{min-width:220px}.loading-overlay{inset:0;background:rgba(255,255,255,.85);z-index:100}.loading-overlay p{font-weight:600;color:#1f2937}.loading-hint{font-size:.85rem;color:#6b7280;margin-top:.375rem}.spinner{border:3px solid #e5e7eb;border-top-color:#6366f1}.stage-0-material-input{max-width:900px;margin:0 auto;padding:1.5rem}.stage-0-material-input .stage-header{text-align:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.stage-0-material-input .stage-header h2{font-size:1.5rem;font-weight:600;color:#1E293B;margin-bottom:.5rem;letter-spacing:-.02em}.stage-0-material-input .stage-header p{color:#64748B;font-size:.95rem;margin:0}.workflow-path-indicator{background:#F8FAFC;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.workflow-path-indicator.path-ai_generated{border-color:#C4B5FD;background:linear-gradient(135deg,#F5F3FF,#EDE9FE)}.workflow-path-indicator.path-audio_en_zh{border-color:#6EE7B7;background:linear-gradient(135deg,#ECFDF5,#D1FAE5)}.workflow-path-indicator.path-audio_en,.workflow-path-indicator.path-audio_only,.workflow-path-indicator.path-audio_zh{border-color:#93C5FD;background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.workflow-path-indicator.path-text_en,.workflow-path-indicator.path-text_zh{border-color:#FDE68A;background:linear-gradient(135deg,#FFFBEB,#FEF3C7)}.workflow-path-indicator .path-info{margin-bottom:.75rem}.workflow-path-indicator .path-info h3{font-size:1.1rem;margin:0 0 .375rem;color:#1E293B;font-weight:600}.workflow-path-indicator .path-info p{margin:0;color:#64748B;font-size:.9rem}.workflow-path-indicator .path-steps{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.workflow-path-indicator .step-badge{background:white;color:#1E293B;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05)}.workflow-path-indicator .step-arrow{color:#94A3B8;font-weight:600;font-size:.85rem}.form-section{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.form-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9;color:#1E293B}.form-section .section-description{color:#64748B;font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1rem}.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s;background:white;color:#1E293B}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#94A3B8}.form-group textarea{resize:vertical;min-height:100px}.materials-section{background:#FAFBFC}.material-upload-group{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.material-upload-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.material-upload-group>label{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem}.material-upload-group .material-icon{font-weight:600;color:#1E293B;font-size:.9rem}.material-upload-group .material-label{font-weight:400;color:#64748B;font-size:.85rem}.material-upload-group .material-hint{display:block;width:100%;font-size:.8rem;color:#2563EB;font-weight:400;font-style:italic;margin-top:2px}.material-upload-group textarea{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;resize:vertical;min-height:120px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background:white;color:#1E293B}.material-upload-group textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.material-upload-group textarea::placeholder{color:#94A3B8}.upload-area{position:relative}.upload-dropzone{border:2px dashed #cbd5e1;border-radius:10px;padding:2rem;text-align:center;transition:all .2s ease;background:white;cursor:pointer}.upload-dropzone:hover{border-color:#2563EB;background:#F8FAFC}.upload-dropzone input[type=file]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748B;cursor:pointer}.upload-label .upload-icon{font-size:2rem;color:#2563EB}.upload-label span{font-size:.9rem}.audio-preview{display:flex;flex-direction:column;gap:0;padding:1rem;background:#F8FAFC;border-radius:10px;border:1px solid #e2e8f0}.audio-preview-header{display:flex;align-items:center;gap:1rem}.audio-preview-header audio{flex:1 1;max-width:100%;border-radius:6px}.audio-preview .btn-remove{padding:.5rem 1rem;background:#FEE2E2;color:#DC2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;flex-shrink:0}.audio-preview .btn-remove:hover{background:#DC2626;color:white;border-color:#DC2626}.audio-preview-header .btn-remove{padding:.5rem 1rem;background:#FEE2E2;color:#DC2626;border:1px solid #fecaca;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.audio-preview-header .btn-remove:hover{background:#DC2626;color:white;border-color:#DC2626}.audio-merge-actions{display:flex;justify-content:flex-end;margin-top:.875rem}.audio-merge-actions .btn-primary{padding:.625rem 1.25rem;background:#2563EB;color:white;border:1px solid #2563eb;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.audio-merge-actions .btn-primary:hover:not(:disabled){background:#1D4ED8}.audio-merge-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.audio-preview .audio-range-selector{margin-top:1rem;background:white;border-radius:8px;border:1px solid #e2e8f0}.text-stats{margin-top:.5rem;font-size:.8rem;color:#64748B;display:flex;align-items:center;gap:.5rem}.text-stats:before{content:"";display:inline-block;width:4px;height:4px;background:#94A3B8;border-radius:50%}.form-actions{padding-top:1.5rem}.btn-primary{padding:.875rem 2rem;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem}.loading-overlay .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#2563eb}.loading-overlay p{margin-top:1rem}.stage-1-generation{max-width:1000px;margin:0 auto;padding:1.5rem}.stage-1-generation .stage-header{margin-bottom:2rem;text-align:center;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0}.stage-1-generation .stage-header h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:#1E293B;letter-spacing:-.02em}.stage-1-generation .stage-header p{margin:0;font-size:.95rem;color:#64748B}.stage-1-generation .form-section{background:white;border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid #e2e8f0}.stage-1-generation .form-section h3{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:#1E293B;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.stage-1-generation .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.stage-1-generation .form-group{display:flex;flex-direction:column;gap:.5rem}.stage-1-generation .form-group label{font-weight:500;color:#1E293B;font-size:.9rem}.stage-1-generation .form-group input,.stage-1-generation .form-group select,.stage-1-generation .form-group textarea{padding:.75rem 1rem;font-size:.95rem;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#1E293B;transition:border-color .2s ease,box-shadow .2s ease}.stage-1-generation .form-group input:focus,.stage-1-generation .form-group select:focus,.stage-1-generation .form-group textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.stage-1-generation .form-group input:hover,.stage-1-generation .form-group select:hover,.stage-1-generation .form-group textarea:hover{border-color:#3B82F6}.stage-1-generation .form-group textarea{min-height:120px;resize:vertical;font-family:inherit}.stage-1-generation .form-group input::placeholder,.stage-1-generation .form-group textarea::placeholder{color:#94A3B8}.stage-1-generation .help-text{font-size:.8rem;color:#64748B;margin-top:.25rem}.stage-1-generation .info-box{background:#F8FAFC;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem;border:1px solid #e2e8f0;border-left-width:4px}.stage-1-generation .info-box h3{margin:0 0 .75rem;font-size:1rem;color:#1E40AF;font-weight:600;border-bottom:none;padding-bottom:0}.stage-1-generation .info-box p{margin:.5rem 0;color:#1E293B;line-height:1.6;font-size:.9rem}.stage-1-generation .info-box ul{list-style:none;padding:0;margin:.5rem 0}.stage-1-generation .info-box li{padding:.5rem 0;font-size:.9rem;color:#10B981;font-weight:500}.stage-1-generation .success-box{background:#ECFDF5;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #a7f3d0;border-left-width:4px}.stage-1-generation .success-box h3{margin:0 0 .75rem;font-size:1.125rem;color:#065F46;font-weight:600;border-bottom:none;padding-bottom:0}.stage-1-generation .success-box p{margin:.5rem 0;color:#1E293B;line-height:1.6;font-size:.9rem}.stage-1-generation .success-box strong{color:#065F46;font-weight:600}.stage-1-generation .content-preview{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;margin-top:1rem}.stage-1-generation .content-preview h4{margin:0 0 .75rem;font-size:.95rem;color:#1E293B;font-weight:600}.stage-1-generation .content-preview pre{background:white;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Monaco,Courier New,monospace;font-size:.85rem;color:#1E293B;line-height:1.6;max-height:400px;overflow-y:auto}.stage-1-generation .form-actions{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem}.stage-1-generation .btn-primary,.stage-1-generation .btn-secondary{padding:.875rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.stage-1-generation .btn-primary{background:#2563EB;color:white;box-shadow:0 2px 8px rgba(37,99,235,.2)}.stage-1-generation .btn-primary:hover:not(:disabled){background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.stage-1-generation .btn-primary:disabled{opacity:.5;cursor:not-allowed}.stage-1-generation .btn-secondary{background:#F1F5F9;color:#475569;border:1px solid #e2e8f0}.stage-1-generation .btn-secondary:hover:not(:disabled){background:#E2E8F0;border-color:#CBD5E1}.stage-1-generation .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-1-generation .loading-overlay p{color:white;font-size:1rem;margin-top:1.25rem;font-weight:500}.stage-1-generation .loading-hint{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:.5rem}.stage-1-generation .spinner{width:52px;height:52px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@media (max-width:768px){.stage-1-generation{padding:1rem}.stage-1-generation .form-section{padding:1.25rem}.stage-1-generation .form-row{grid-template-columns:1fr;gap:1rem}.stage-1-generation .form-actions{flex-direction:column}.stage-1-generation .btn-primary,.stage-1-generation .btn-secondary{width:100%}.stage-1-generation .stage-header h2{font-size:1.375rem}}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.results-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1E293B}.success-badge{display:inline-block;padding:.25rem .75rem;background-color:#ECFDF5;color:#065F46;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid #a7f3d0}.modal-overlay{background-color:rgba(15,23,42,.6);animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:white;padding:1.75rem;max-width:500px;box-shadow:0 20px 40px rgba(0,0,0,.15);animation:slideUp .3s ease-out;border:1px solid #e2e8f0}.modal-content h3{margin:0 0 1rem;font-size:1.25rem;color:#1E293B}.modal-content p{margin:0 0 1rem;color:#64748B;line-height:1.6;font-size:.95rem}.modal-actions{gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9}.modal-actions .btn-primary{background:#2563EB;color:white;padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions .btn-primary:hover{background:#1D4ED8;box-shadow:0 2px 8px rgba(37,99,235,.25)}.modal-actions .btn-secondary{background:#F1F5F9;color:#475569;padding:.625rem 1.25rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-actions .btn-secondary:hover{background:#E2E8F0;border-color:#CBD5E1}.modal-actions .btn-danger{background:#FEE2E2;color:#DC2626;padding:.625rem 1.25rem;border:1px solid #fecaca;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions .btn-danger:hover{background:#DC2626;color:white;border-color:#DC2626}@media (max-width:768px){.results-header{flex-direction:column;gap:.75rem}.modal-content{padding:1.25rem;margin:1rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.stage-3-audio-generation{max-width:1000px;margin:0 auto;padding:1.5rem}.stage-3-audio-generation .stage-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #e2e8f0;text-align:center}.stage-3-audio-generation .stage-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:#1E293B;letter-spacing:-.02em}.stage-3-audio-generation .stage-header p{color:#64748B;font-size:.95rem;margin:0}.audio-configuration{display:flex;flex-direction:column;gap:1.5rem}.voice-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.voice-option{display:flex;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:white}.voice-option:hover{border-color:#2563EB;background:#F8FAFC}.voice-option.selected{border-color:#2563EB;background:#EFF6FF;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.voice-option input[type=radio]{margin-right:.75rem;cursor:pointer;accent-color:#2563EB}.voice-info{display:flex;flex-direction:column;gap:.25rem}.voice-info strong{font-size:.95rem;color:#1E293B;font-weight:600}.voice-info span{font-size:.8rem;color:#64748B}.speaker-voice-selection{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:white;transition:all .2s ease}.speaker-voice-selection:hover{border-color:#3B82F6;background:#F8FAFC}.speaker-label{flex:1 1;font-size:.95rem;color:#1E293B;display:flex;align-items:center;gap:.5rem;font-weight:500}.voice-select{flex:2 1;padding:.625rem 1rem;font-size:.9rem;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#1E293B;cursor:pointer;transition:border-color .2s ease}.voice-select:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.voice-select:hover{border-color:#3B82F6}.stage-3-audio-generation .form-section{padding:1.5rem;border:1px solid #e2e8f0;border-radius:12px;background:white;box-shadow:0 1px 3px rgba(0,0,0,.04)}.stage-3-audio-generation .form-section h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600;color:#1E293B;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.stage-3-audio-generation .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.stage-3-audio-generation .form-group{display:flex;flex-direction:column;gap:.5rem}.stage-3-audio-generation .form-group label{font-weight:500;color:#1E293B;font-size:.9rem}.stage-3-audio-generation .form-group select{padding:.625rem 1rem;font-size:.9rem;border:1px solid #e2e8f0;border-radius:6px;background:white;color:#1E293B;cursor:pointer;transition:border-color .2s ease}.stage-3-audio-generation .form-group select:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.stage-3-audio-generation .form-group input[type=range]{width:100%;cursor:pointer;accent-color:#2563EB}.stage-3-audio-generation .help-text{font-size:.8rem;color:#64748B;margin-top:.25rem}.stage-3-audio-generation .info-box,.stage-3-audio-generation .success-box{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem}.stage-3-audio-generation .info-box{background:#F8FAFC;border:1px solid #e2e8f0;border-left-width:4px}.stage-3-audio-generation .info-box h3{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:#1E40AF;font-weight:600;padding-bottom:0;border-bottom:none}.stage-3-audio-generation .info-box p{margin:.5rem 0;color:#1E293B;font-size:.9rem;line-height:1.6}.stage-3-audio-generation .success-box{background:#ECFDF5;border:1px solid #a7f3d0;border-left-width:4px}.stage-3-audio-generation .success-box h3{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:#065F46;font-weight:600;padding-bottom:0;border-bottom:none}.audio-results{gap:1.25rem}.audio-info,.audio-results{display:flex;flex-direction:column}.audio-info{gap:.5rem;margin-top:.75rem}.audio-info p{margin:0;font-size:.9rem;color:#1E293B}.audio-info strong{font-weight:600;min-width:120px;display:inline-block;color:#64748B}.audio-player-section{padding:1.25rem;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px}.audio-player-section h4{margin-top:0;margin-bottom:1rem;font-size:.95rem;color:#1E293B;font-weight:600}.audio-player{max-width:600px;outline:none;border-radius:6px}.stage-3-audio-generation .form-actions{display:flex;gap:1rem;justify-content:center;padding-top:1.5rem}.stage-3-audio-generation .btn-primary,.stage-3-audio-generation .btn-secondary{padding:.875rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.stage-3-audio-generation .btn-primary{background:#2563EB;color:white;box-shadow:0 2px 8px rgba(37,99,235,.2)}.stage-3-audio-generation .btn-primary:hover:not(:disabled){background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.stage-3-audio-generation .btn-secondary{background:#F1F5F9;color:#475569;border:1px solid #e2e8f0}.stage-3-audio-generation .btn-secondary:hover:not(:disabled){background:#E2E8F0;border-color:#CBD5E1}.stage-3-audio-generation .btn-primary:disabled,.stage-3-audio-generation .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.stage-3-audio-generation .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-3-audio-generation .loading-overlay p{color:white;font-size:1rem;margin-top:1.25rem;font-weight:500}.stage-3-audio-generation .loading-hint{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:.5rem}.stage-3-audio-generation .spinner{width:52px;height:52px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@media (max-width:768px){.stage-3-audio-generation{padding:1rem}.stage-3-audio-generation .form-row,.voice-grid{grid-template-columns:1fr}.speaker-voice-selection{flex-direction:column;align-items:flex-start;gap:.75rem}.speaker-label,.voice-select{width:100%}.stage-3-audio-generation .form-actions{flex-direction:column}.stage-3-audio-generation .btn-primary,.stage-3-audio-generation .btn-secondary{width:100%}.stage-3-audio-generation .stage-header h2{font-size:1.375rem}}.stage-4-validation{max-width:1200px;margin:0 auto;padding:1.5rem}.stage-4-validation .stage-header{margin-bottom:2rem;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.stage-4-validation .stage-header-top{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.stage-4-validation .stage-header h2{margin:0 0 8px;font-size:1.75rem;font-weight:600;color:#1E293B;letter-spacing:-.02em}.stage-4-validation .stage-header p{margin:0;font-size:1rem;color:#64748B}.stage-4-validation .course-title-section{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid #e2e8f0}.stage-4-validation .course-title-container{margin-bottom:1rem}.stage-4-validation .title-display{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stage-4-validation .course-title{margin:0;font-size:1.5rem;font-weight:600;color:#1E293B;flex:1 1}.stage-4-validation .btn-edit-title{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#2563EB;background:#EFF6FF;border:1px solid #bfdbfe;border-radius:8px;cursor:pointer;transition:all .2s ease}.stage-4-validation .btn-edit-title:hover{background:#DBEAFE;border-color:#93C5FD}.stage-4-validation .title-edit-form{display:flex;flex-direction:column;gap:16px}.stage-4-validation .title-edit-field{display:flex;flex-direction:column;gap:6px}.stage-4-validation .title-edit-label{font-size:13px;font-weight:600;color:#475569}.stage-4-validation .title-input{width:100%;padding:12px 16px;font-size:1.25rem;font-weight:600;color:#1E293B;border:2px solid #2563eb;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.stage-4-validation .title-input-native{font-size:1.1rem;font-weight:500;border-color:#CBD5E1}.stage-4-validation .title-input-native:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.stage-4-validation .title-input:focus{border-color:#1D4ED8;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.stage-4-validation .title-input:disabled{opacity:.6;cursor:not-allowed}.stage-4-validation .title-edit-actions{display:flex;gap:8px}.stage-4-validation .btn-title-cancel,.stage-4-validation .btn-title-save{padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.stage-4-validation .btn-title-save{background:#10B981;color:white;border:none}.stage-4-validation .btn-title-save:hover:not(:disabled){background:#059669;box-shadow:0 2px 8px rgba(16,185,129,.25)}.stage-4-validation .btn-title-save:disabled{opacity:.5;cursor:not-allowed}.stage-4-validation .btn-title-cancel{background:#F1F5F9;color:#475569;border:1px solid #e2e8f0}.stage-4-validation .btn-title-cancel:hover:not(:disabled){background:#E2E8F0}.stage-4-validation .btn-title-cancel:disabled{opacity:.5;cursor:not-allowed}.stage-4-validation .course-meta{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #e2e8f0}.stage-4-validation .meta-item{font-size:14px;color:#64748B}.stage-4-validation .meta-item strong{color:#1E293B;margin-right:4px}.stage-4-validation .btn-edit-subtitles{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;color:#2563EB;background:#EFF6FF;border:1px solid #bfdbfe;border-radius:8px;cursor:pointer;transition:all .2s ease}.stage-4-validation .btn-edit-subtitles:hover{background:#DBEAFE;border-color:#93C5FD}.stage-4-validation .audio-preview-section{background:white;border-radius:var(--radius-xl,12px);padding:24px;margin-bottom:1.5rem;border:1px solid var(--color-border,#e2e8f0);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.04))}.stage-4-validation .audio-preview-section .section-header{margin-bottom:16px;padding:0 0 12px;border-bottom:2px solid var(--color-primary-50,#eff6ff)}.stage-4-validation .audio-preview-section .section-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.stage-4-validation .audio-preview-section .section-header h3{color:var(--color-primary,#667eea);font-size:1.25rem;font-weight:600;margin:0}.stage-4-validation .audio-preview-section .btn-edit-subtitles{background:var(--color-bg-secondary,#F8FAFC);color:#1E293B;border:1px solid var(--color-border,#e2e8f0)}.stage-4-validation .audio-preview-section .btn-edit-subtitles:hover{background:var(--color-bg-tertiary,#F1F5F9);border-color:#CBD5E1}.stage-4-validation .subtitle-controls{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stage-4-validation .subtitle-label{font-size:14px;font-weight:600;color:rgba(255,255,255,.9);margin-right:8px}.stage-4-validation .subtitle-btn{padding:8px 16px;border:2px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.8);border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.stage-4-validation .subtitle-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5)}.stage-4-validation .subtitle-btn.active{color:white}.stage-4-validation .subtitle-btn.active.off{background:rgba(148,163,184,.5);border-color:#94A3B8}.stage-4-validation .subtitle-btn.active.en{background:rgba(37,99,235,.5);border-color:#2563EB}.stage-4-validation .subtitle-btn.active.zh{background:rgba(16,185,129,.5);border-color:#10B981}.stage-4-validation .subtitle-btn.active.both{background:rgba(249,115,22,.5);border-color:#F97316}.stage-4-validation .main-audio-player{width:100%;min-height:54px;height:54px;margin-bottom:16px;border-radius:8px;background:#F8FAFC;display:block}.stage-4-validation .main-audio-player::-webkit-media-controls-panel{background:#F8FAFC;border-radius:8px}.stage-4-validation .main-audio-player::-webkit-media-controls-current-time-display,.stage-4-validation .main-audio-player::-webkit-media-controls-mute-button,.stage-4-validation .main-audio-player::-webkit-media-controls-play-button,.stage-4-validation .main-audio-player::-webkit-media-controls-time-remaining-display,.stage-4-validation .main-audio-player::-webkit-media-controls-timeline,.stage-4-validation .main-audio-player::-webkit-media-controls-volume-slider{display:flex!important;visibility:visible!important;opacity:1!important}.stage-4-validation .main-audio-player::-webkit-media-controls-enclosure{background:#F8FAFC;border-radius:8px}.stage-4-validation .audio-duration{text-align:center;margin:12px 0 0;font-size:14px;color:rgba(255,255,255,.7)}.learning-content-section{background:#F8FAFC;border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.section-header{margin-bottom:1.5rem;text-align:center}.section-header h3{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#1E293B}.section-description{font-size:.95rem;color:#64748B;line-height:1.6;max-width:700px;margin:0 auto}.sentences-container{margin-bottom:1.5rem}.vocabulary-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.vocabulary-header{text-align:center;margin-bottom:1.5rem}.vocabulary-header h4{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#1E293B}.vocabulary-header p{margin:0;font-size:.95rem;color:#64748B}.vocabulary-cards{gap:1rem}.vocab-card{border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .2s ease}.vocab-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#CBD5E1}.vocab-card.clickable:hover{border-color:#2563EB;box-shadow:0 4px 12px rgba(37,99,235,.15)}.vocab-card.clickable:after{content:"Click for details";position:absolute;bottom:8px;right:12px;font-size:11px;color:#2563EB;opacity:0;transition:opacity .2s ease}.vocab-card.clickable:hover:after{opacity:1}.vocab-card-header{gap:10px;margin-bottom:8px}.vocab-word{font-size:1.125rem;color:#1E293B}.vocab-pos{color:#2563EB;background:#EFF6FF;text-transform:uppercase}.vocab-difficulty,.vocab-pos{font-size:11px;font-weight:600;border-radius:12px}.vocab-difficulty{padding:2px 8px;margin-left:auto}.vocab-difficulty.diff-easy{background:#ECFDF5;color:#047857}.vocab-difficulty.diff-medium{background:#FEF3C7;color:#B45309}.vocab-difficulty.diff-hard{background:#FEE2E2;color:#DC2626}.vocab-pronunciation{font-size:14px;color:#64748B;margin-bottom:12px;font-family:Courier New,monospace}.phonetic-hint{font-size:12px;color:#94A3B8;font-style:italic;font-family:inherit}.vocab-def-en{color:#1E293B;margin:0 0 4px}.vocab-def-en,.vocab-def-zh{font-size:14px;line-height:1.5}.vocab-def-zh{color:#10B981;margin:0 0 8px}.vocab-context{color:#2563EB;background:#EFF6FF;border-radius:8px;line-height:1.5}.vocab-examples{padding:12px;background:#F8FAFC;border-radius:8px}.vocab-examples strong{color:#64748B;margin-bottom:8px}.vocab-example:last-child{margin-bottom:0}.example-en{font-size:13px;color:#1E293B;margin:0 0 2px;font-style:italic}.example-zh{color:#64748B;margin:0}.related-label{font-size:12px;color:#64748B;font-weight:600}.related-tag{border-radius:12px}.related-tag.synonym{background:#DBEAFE;color:#1E40AF}.related-tag.collocation{background:#FCE7F3;color:#BE185D}.vocab-quiz-indicator{font-size:12px;color:#10B981;padding-top:8px;border-top:1px solid #e2e8f0}.vocabulary-summary{background:white;padding:1.25rem;border-radius:10px;border:1px solid #dbeafe;text-align:center}.vocabulary-summary h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#1E293B}.vocabulary-summary p{margin:0;font-size:.95rem;color:#64748B;line-height:1.6}.vocabulary-summary strong{color:#2563EB}.validation-prompt{background:white;border-radius:12px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.info-box{margin-bottom:1.75rem}.info-box h3{font-size:1.25rem;font-weight:600;color:#1E293B}.info-box h3,.info-box p,.info-box ul{margin:0 0 1rem}.info-box ul{list-style:none;padding:0}.info-box li{padding:10px 0;font-size:.95rem;color:#10B981;font-weight:500}.validation-note{background:#FEF3C7;padding:14px 18px;border-radius:8px;border-left:4px solid #f97316;margin-bottom:0!important}.validation-note strong{color:#B45309}.form-actions{gap:12px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-success{font-size:.95rem}.stage-4-validation .validation-results{background:white;border-radius:12px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.stage-4-validation .overall-score{display:flex;align-items:center;gap:1.5rem;padding:1.75rem;border-radius:10px;margin-bottom:2rem}.stage-4-validation .overall-score.excellent{background:#ECFDF5;border:2px solid #10b981}.stage-4-validation .overall-score.good{background:#EFF6FF;border:2px solid #2563eb}.stage-4-validation .overall-score.fair{background:#FEF3C7;border:2px solid #f97316}.stage-4-validation .overall-score.poor{background:#FEE2E2;border:2px solid #ef4444}.stage-4-validation .score-circle{flex-shrink:0;width:100px;height:100px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stage-4-validation .score-value{font-size:2.25rem;font-weight:700;color:#1E293B;line-height:1}.stage-4-validation .score-label{font-size:1rem;font-weight:600;color:#64748B}.stage-4-validation .score-status{flex:1 1}.stage-4-validation .score-status h3{margin:0 0 8px;font-size:1.375rem;font-weight:600;color:#1E293B}.stage-4-validation .score-status p{margin:0;font-size:.95rem;color:#64748B}.stage-4-validation .checks-section{margin-bottom:1.75rem}.stage-4-validation .checks-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1E293B}.stage-4-validation .checks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.stage-4-validation .check-item{display:flex;align-items:flex-start;gap:12px;padding:1rem;background:#F8FAFC;border-radius:8px;border:1px solid #e2e8f0}.stage-4-validation .check-icon{flex-shrink:0;font-size:1.25rem}.stage-4-validation .check-details{flex:1 1;display:flex;flex-direction:column;gap:4px}.stage-4-validation .check-details strong{font-size:.95rem;font-weight:600;color:#1E293B}.stage-4-validation .check-details span{font-size:14px;color:#64748B}.stage-4-validation .check-score{font-weight:600;color:#2563EB!important}.stage-4-validation .recommendations-section,.stage-4-validation .warnings-section{margin-bottom:1.75rem}.stage-4-validation .recommendations-section h4,.stage-4-validation .warnings-section h4{margin:0 0 12px;font-size:1rem;font-weight:600}.stage-4-validation .warnings-section h4{color:#EF4444}.stage-4-validation .recommendations-section h4{color:#2563EB}.stage-4-validation .recommendations-section ul,.stage-4-validation .warnings-section ul{list-style:none;padding:0;margin:0}.stage-4-validation .recommendations-section li,.stage-4-validation .warnings-section li{padding:12px 16px;margin-bottom:8px;border-radius:8px;font-size:14px;line-height:1.6}.stage-4-validation .warnings-section li{background:#FEF2F2;border-left:4px solid #ef4444;color:#B91C1C}.stage-4-validation .recommendations-section li{background:#EFF6FF;border-left:4px solid #2563eb;color:#1E40AF}.stage-4-validation .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-4-validation .spinner{width:52px;height:52px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.stage-4-validation .loading-overlay p{margin:20px 0 0;color:white;font-size:1rem;font-weight:500}.stage-4-validation .loading-subtitle{margin-top:8px!important;font-size:14px!important;opacity:.8}.stage-4-validation .publish-success-banner{background:#ECFDF5;border:2px solid #10b981;border-radius:12px;padding:2rem;margin-bottom:1.5rem;text-align:center}.stage-4-validation .publish-success-banner h4{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:#047857}.stage-4-validation .publish-success-banner p{margin:0 0 16px;font-size:1rem;color:#059669;line-height:1.6}.stage-4-validation .publish-success-banner .course-id{background:rgba(255,255,255,.8);padding:12px 20px;border-radius:8px;display:inline-block;margin-bottom:1.5rem;font-family:Monaco,Courier New,monospace;font-size:.95rem}.stage-4-validation .publish-success-banner .course-id strong{color:#047857}.stage-4-validation .success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stage-4-validation .publish-error-banner{background:#FEF2F2;border:2px solid #ef4444;border-radius:12px;padding:2rem;margin-bottom:1.5rem;text-align:center}.stage-4-validation .publish-error-banner h4{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#B91C1C}.stage-4-validation .publish-error-banner p{margin:0 0 20px;font-size:.95rem;color:#991B1B;line-height:1.6;white-space:pre-wrap}.sentence-item-wrapper{position:relative;margin-bottom:1rem}.sentence-edit-actions{position:absolute;top:12px;right:12px;z-index:10;opacity:.7;transition:opacity .2s ease}.sentence-item-wrapper:hover .sentence-edit-actions{opacity:1}.btn-edit-item{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;color:#2563EB;background:white;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-edit-item:hover{background:#EFF6FF;border-color:#93C5FD;box-shadow:0 2px 6px rgba(37,99,235,.15)}.btn-edit-item-inline{position:absolute;top:8px;right:8px;padding:4px 8px;font-size:14px;color:#64748B;background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.phrase-item:hover .btn-edit-item-inline,.quiz-item:hover .btn-edit-item-inline{opacity:1}.btn-edit-item-inline:hover{background:#EFF6FF;border-color:#BFDBFE;color:#2563EB}.btn-edit-vocab{position:absolute;top:12px;right:12px;padding:4px 8px;font-size:14px;color:#64748B;background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s ease;z-index:10}.vocab-card:hover .btn-edit-vocab{opacity:1}.btn-edit-vocab:hover{background:#EFF6FF;border-color:#BFDBFE;color:#2563EB}.vocab-card-content{width:100%}.phrases-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.section-header-with-edit{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:12px}.section-header-with-edit h4{margin:0;font-size:1.125rem;font-weight:600;color:#1E293B}.phrases-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.phrase-item{position:relative;background:white;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .2s ease}.phrase-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:#CBD5E1}.phrase-content{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.phrase-text{font-size:1rem;font-weight:600;color:#1E293B}.phrase-type{font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase}.phrase-type.type-idiom{background:#FEF3C7;color:#B45309}.phrase-type.type-phrasal_verb{background:#DBEAFE;color:#1E40AF}.phrase-type.type-collocation{background:#FCE7F3;color:#BE185D}.phrase-def-en{color:#1E293B;line-height:1.5}.phrase-def-zh{color:#10B981;line-height:1.5}.quiz-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.quiz-list{display:flex;flex-direction:column;gap:1rem}.quiz-item{position:relative;background:white;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .2s ease}.quiz-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:#CBD5E1}.quiz-header{gap:10px;margin-bottom:12px;flex-wrap:wrap}.quiz-number{font-size:14px;font-weight:700;color:#2563EB;background:#EFF6FF;padding:4px 10px;border-radius:6px}.quiz-type{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;text-transform:uppercase}.quiz-type.type-multiple_choice{background:#DBEAFE;color:#1E40AF}.quiz-type.type-fill_blank{background:#FEF3C7;color:#B45309}.quiz-type.type-true_false{background:#ECFDF5;color:#047857}.quiz-difficulty{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px}.quiz-difficulty.diff-beginner{background:#ECFDF5;color:#047857}.quiz-difficulty.diff-intermediate{background:#FEF3C7;color:#B45309}.quiz-difficulty.diff-advanced{background:#FEE2E2;color:#DC2626}.quiz-question-en{font-size:.95rem;font-weight:500;color:#1E293B;margin:0 0 4px;line-height:1.5}.quiz-question-zh{font-size:14px;color:#64748B;margin:0 0 12px;line-height:1.5}.quiz-options{gap:8px}.quiz-option{padding:10px 14px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;color:#1E293B;transition:all .2s ease}.quiz-option.correct{background:#ECFDF5;border-color:#10B981;color:#047857;font-weight:500}.quiz-option.correct:after{content:" ✓";color:#10B981}.translation-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.translation-content{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.translation-content p{margin:0;font-size:.95rem;color:#1E293B;line-height:1.8;white-space:pre-wrap}@media (hover:none){.btn-edit-item-inline,.btn-edit-vocab,.sentence-edit-actions{opacity:1}}@media (max-width:768px){.stage-4-validation{padding:1rem}.stage-4-validation .learning-content-section{padding:1.25rem}.stage-4-validation .validation-prompt,.stage-4-validation .validation-results{padding:1.5rem}.stage-4-validation .overall-score{flex-direction:column;text-align:center}.stage-4-validation .checks-grid{grid-template-columns:1fr}.stage-4-validation .stage-header h2{font-size:1.375rem}.stage-4-validation .section-header h3{font-size:1.125rem}}.explanation-audio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-generate-explanation{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;color:#7C3AED;background:#F5F3FF;border:2px solid #c4b5fd;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-generate-explanation:hover:not(:disabled){background:#EDE9FE;border-color:#A78BFA;box-shadow:0 4px 12px rgba(139,92,246,.2)}.btn-generate-explanation:disabled{opacity:.5;cursor:not-allowed}.btn-generate-explanation.completed{color:#10B981;background:#ECFDF5;border-color:#6EE7B7}.btn-generate-explanation.completed:hover:not(:disabled){background:#D1FAE5;border-color:#34D399}.explanation-audio-result{display:flex;gap:12px;font-size:13px;font-weight:500}.explanation-audio-result .success{color:#10B981}.explanation-audio-result .warning{color:#F97316}.explanation-audio-result .error{color:#EF4444}.analysis-hint{display:inline;color:#7C3AED;font-weight:500}.explanation-audio-progress{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#F5F3FF;border:2px solid #c4b5fd;border-radius:8px;min-width:280px}.explanation-audio-progress .progress-bar{flex:1 1;height:8px;background:rgba(139,92,246,.2);border-radius:4px;overflow:hidden}.explanation-audio-progress .progress-fill{height:100%;background:linear-gradient(90deg,#8B5CF6,#A78BFA);border-radius:4px;transition:width .3s ease}.explanation-audio-progress .progress-text{font-size:13px;font-weight:600;color:#7C3AED;white-space:nowrap}.sentence-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-separator{color:#CBD5E1;font-size:14px;-webkit-user-select:none;user-select:none}.btn-edit-item.analysis{color:#7C3AED;background:#F5F3FF;border-color:#C4B5FD}.btn-edit-item.analysis:hover{background:#EDE9FE;border-color:#A78BFA}.btn-edit-analysis{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;color:#7C3AED;background:#F5F3FF;border:1px solid #c4b5fd;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-edit-analysis:hover{background:#EDE9FE;border-color:#A78BFA;box-shadow:0 2px 6px rgba(124,58,237,.15)}.learning-content-section .section-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.learning-content-section .section-header-top h3{margin:0}.stage-4-validation .course-thumbnail-section{background:white;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid #e2e8f0}.stage-4-validation .course-thumbnail-section .section-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}.stage-4-validation .course-thumbnail-section .section-header-top h3{margin:0;font-size:1.1rem;font-weight:600;color:#1E293B}.stage-4-validation .btn-regenerate-thumbnail{padding:8px 16px;font-size:.875rem;font-weight:500;background:#F1F5F9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.stage-4-validation .btn-regenerate-thumbnail:hover:not(:disabled){background:#E2E8F0;color:#2563EB;border-color:#CBD5E1}.stage-4-validation .btn-regenerate-thumbnail:disabled{opacity:.6;cursor:not-allowed}.stage-4-validation .thumbnail-container{display:flex;justify-content:center;align-items:center;background:#F8FAFC;border-radius:8px;overflow:hidden;max-width:480px;aspect-ratio:16/9;margin:0 auto}.stage-4-validation .thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.stage-4-validation .thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;color:#64748B}.stage-4-validation .thumbnail-placeholder p{margin:0;font-size:.875rem}.stage-4-validation .thumbnail-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:stage4-thumb-spin .8s linear infinite}@keyframes stage4-thumb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.stage-4-validation .thumbnail-spinner{animation-duration:3s}}.stage-5-publishing{max-width:1000px;margin:0 auto;padding:1.5rem}.stage-5-publishing .stage-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.stage-5-publishing .stage-header h2{font-size:1.75rem;font-weight:600;color:#1E293B;margin-bottom:.5rem;letter-spacing:-.02em}.stage-5-publishing .stage-header p{color:#64748B;font-size:1rem}.validation-summary-section{background:#F8FAFC;border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.validation-summary-section h3{font-size:1.25rem;font-weight:600;color:#1E293B;margin-bottom:1.25rem}.validation-score-card{background:white;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.04);border:1px solid #e2e8f0}.validation-score-card.excellent{border-left:4px solid #10b981}.validation-score-card.good{border-left:4px solid #2563eb}.validation-score-card.fair{border-left:4px solid #f97316}.validation-score-card.poor{border-left:4px solid #ef4444}.stage-5-publishing .score-display{display:flex;align-items:center;gap:1.5rem}.stage-5-publishing .score-circle{position:relative;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#3B82F6);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;flex-shrink:0;box-shadow:0 4px 12px rgba(37,99,235,.25)}.stage-5-publishing .score-value{font-size:2rem;font-weight:700}.stage-5-publishing .score-label{font-size:.875rem;opacity:.9}.stage-5-publishing .score-details{flex:1 1}.stage-5-publishing .score-details h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1E293B}.stage-5-publishing .score-details p{color:#64748B;margin:.5rem 0;font-size:.95rem}.stage-5-publishing .warnings-info{color:#F97316}.stage-5-publishing .recommendations-info{color:#2563EB}.course-preview-section{background:white;border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.course-preview-section h3{font-size:1.25rem;font-weight:600;color:#1E293B;margin-bottom:1.25rem}.preview-card-v2{padding:.25rem 0}.preview-course-title{margin-bottom:.25rem}.preview-card-v2 h1,.preview-course-title h1{font-size:1.5rem;font-weight:600;color:#1E293B;line-height:1.35;margin:0}.preview-card-v2 .bilingual-subtitle{font-size:1rem;color:#64748B;margin-top:4px}.preview-course-description{color:#64748B;font-size:.95rem;line-height:1.5;margin:.5rem 0 0}.preview-meta-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preview-meta-badges .meta-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;background:var(--color-bg-tertiary,#F1F5F9);color:var(--color-text-secondary,#64748B)}.preview-meta-badges .meta-badge.difficulty{background:var(--color-primary-50,#EFF6FF);color:var(--color-primary,#667eea)}.preview-content-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:.85rem;color:#94A3B8}.stat-item{color:#64748B}.stat-separator{color:#CBD5E1}.preview-audio-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.preview-audio-section h4{font-size:1.1rem;font-weight:600;color:var(--color-primary,#667eea);margin-bottom:1rem}.publish-success-banner{background:linear-gradient(135deg,#10B981,#059669);color:white;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 4px 16px rgba(16,185,129,.25)}.publish-success-banner .success-icon{font-size:3rem;margin-bottom:1rem;animation:bounceIn .6s ease}.publish-success-banner h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.publish-success-banner p{font-size:1rem;margin-bottom:1.25rem;opacity:.95}.course-id-display{background:rgba(255,255,255,.2);border-radius:8px;padding:1rem;margin:1.25rem 0;display:flex;align-items:center;justify-content:center;gap:1rem}.course-id-display .label{font-weight:600;opacity:.9}.course-id-display .course-id{background:rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.95rem;letter-spacing:.5px}.success-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.publish-error-banner{background:linear-gradient(135deg,#EF4444,#DC2626);color:white;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 4px 16px rgba(239,68,68,.25)}.publish-error-banner .error-icon{font-size:2.5rem;margin-bottom:1rem}.publish-error-banner h3{font-size:1.375rem;font-weight:600;margin-bottom:1rem}.publish-error-banner .error-message{background:rgba(0,0,0,.2);border-radius:8px;padding:1rem;margin:1.25rem 0;text-align:left;font-family:Monaco,Courier New,monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.publish-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:modalFadeIn .2s ease}.publish-modal{background:white;border-radius:16px;width:100%;max-width:580px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);animation:modalSlideUp .25s ease}.publish-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.publish-modal-header h3{font-size:1.2rem;font-weight:600;color:#1E293B;margin:0}.publish-modal-close{background:none;border:none;font-size:1.5rem;color:#94A3B8;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s ease}.publish-modal-close:hover{background:#F1F5F9;color:#1E293B}.publish-modal-body{padding:1.5rem;overflow-y:auto;flex:1 1}.publish-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e2e8f0;flex-shrink:0}.publish-modal-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:280px}.publish-modal-loading .spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.25rem}.publish-modal-loading .loading-title{font-size:1.15rem;font-weight:600;color:#1E293B;margin:0 0 .5rem}.publish-modal-loading .loading-subtitle{font-size:.9rem;color:#64748B;margin:0 0 .25rem}.publish-modal-loading .loading-note{font-size:.8rem;color:#94A3B8;margin:.75rem 0 0}.publish-modal-success .success-icon{font-size:3rem;margin-bottom:.75rem;animation:bounceIn .6s ease}.publish-modal-success h3{font-size:1.35rem;font-weight:600;color:#1E293B;margin:0 0 1.25rem}.publish-modal-success .course-id-display{background:#F1F5F9;border-radius:8px;padding:.75rem 1.25rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.publish-modal-success .course-id-display .label{font-weight:600;color:#64748B;font-size:.85rem}.publish-modal-success .course-id-display .course-id{background:#E2E8F0;padding:.35rem .75rem;border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.8rem;color:#1E293B}.publish-modal-success .success-actions{display:flex;gap:.75rem}.publish-modal-error .error-icon{font-size:2.5rem;margin-bottom:.75rem}.publish-modal-error h3{font-size:1.2rem;font-weight:600;color:#1E293B;margin:0 0 1rem}.publish-modal-error .error-message{background:#FEF2F2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;margin:0 0 1.5rem;text-align:left;font-family:Monaco,Courier New,monospace;font-size:.8rem;color:#991B1B;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-width:100%}.publish-modal-error .error-actions{display:flex;gap:.75rem}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.setting-group{margin-bottom:1.5rem}.setting-group:last-child{margin-bottom:0}.setting-label{display:block;margin-bottom:.5rem}.setting-label,.setting-label-row{font-weight:600;color:#1E293B;font-size:.95rem}.setting-label-row{display:flex;align-items:center;gap:.5rem;cursor:pointer}.setting-label-row input[type=checkbox]{width:18px;height:18px;accent-color:#2563EB}.setting-hint{color:#94A3B8;font-size:.85rem;margin-bottom:.5rem}.permission-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.permission-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;background:#F8FAFC;cursor:pointer;transition:all .2s ease;text-align:left}.permission-option:hover{border-color:#93C5FD;background:#EFF6FF}.permission-option.active{border-color:#2563EB;background:#EFF6FF;box-shadow:0 0 0 1px #2563EB}.permission-icon{font-size:1.5rem;flex-shrink:0}.permission-text{display:flex;flex-direction:column;gap:.15rem}.permission-text strong{font-size:.95rem;color:#1E293B}.permission-text small{font-size:.8rem;color:#64748B}.permission-options-4{grid-template-columns:1fr 1fr}.group-selector-group{margin-top:.5rem}.group-checkbox-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.group-checkbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:background .15s ease}.group-checkbox-item:hover{background:#F8FAFC}.group-checkbox-item input[type=checkbox]{margin-top:2px;flex-shrink:0}.group-info{display:flex;flex-direction:column;gap:2px}.group-info strong{font-size:.9rem;color:#1E293B}.group-info small{font-size:.8rem;color:#64748B}.group-info .member-count{color:#94A3B8}.manage-groups-link{font-size:.8rem;color:#2563EB;text-decoration:none}.manage-groups-link:hover{text-decoration:underline}.no-groups-message{padding:1rem;text-align:center;color:#64748B}.no-groups-message p{margin:0 0 .75rem}.permission-info{padding:.75rem;background:#EFF6FF;border-radius:8px;color:#1E40AF;font-size:.85rem}.whitelist-group{padding:1rem;background:#F8FAFC;border-radius:8px;border:1px solid #e2e8f0}.whitelist-input-row{gap:.5rem;align-items:flex-start}.whitelist-input{padding:.625rem .75rem;border:1px solid #cbd5e1;font-size:.9rem;resize:vertical;color:#1E293B}.whitelist-input:focus{border-color:#2563EB;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.btn-add-emails{white-space:nowrap;padding:.625rem 1rem;flex-shrink:0}.whitelist-tags{gap:.375rem;margin-top:.75rem}.whitelist-tag{gap:.35rem;padding:.25rem .5rem;background:#EFF6FF;color:#2563EB;border:1px solid #bfdbfe;font-size:.8rem;font-weight:500}.whitelist-tag-remove{color:#93C5FD;font-size:1rem}.whitelist-tag-remove:hover{color:#EF4444}.whitelist-count{font-size:.8rem;color:#64748B;margin-top:.5rem}.schedule-input-wrapper{margin-top:.5rem;padding-left:1.625rem}.schedule-input{padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;color:#1E293B;font-family:inherit}.schedule-input:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.publishing-actions{margin-top:1.5rem}.info-box{background:white;border-radius:12px;padding:1.75rem;margin-bottom:1.5rem;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.info-box.ready{border-left:4px solid #10b981}.info-box.warning{border-left:4px solid #f97316}.info-box h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1E293B}.info-box p{color:#64748B;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.publish-checklist,.requirements-list{list-style:none;padding:0;margin:1.25rem 0}.publish-checklist li,.requirements-list li{padding:.75rem 0;color:#1E293B;font-weight:500;font-size:.95rem}.requirements-list li.met{color:#10B981}.requirements-list li.unmet{color:#EF4444}.help-text{font-style:italic;color:#94A3B8;font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-large{padding:1rem 2.5rem;font-size:1.05rem;font-weight:600}.btn-success{border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(16,185,129,.2)}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-disabled{background:#94A3B8;color:white;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;cursor:not-allowed;opacity:.6}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;color:white;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-overlay .spinner{width:52px;height:52px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.25rem}.loading-overlay p{font-size:1rem;font-weight:500;margin:.5rem 0;color:white}.loading-subtitle{font-size:.95rem;opacity:.8;color:white}.loading-note{font-size:.85rem;opacity:.6;margin-top:1rem;color:white}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@media (max-width:768px){.stage-5-publishing{padding:1rem}.stage-5-publishing .stage-header h2{font-size:1.375rem}.score-display{flex-direction:column;text-align:center}.preview-card-v2 h1{font-size:1.25rem}.preview-content-stats{flex-direction:column;gap:4px}.stat-separator{display:none}.form-actions{flex-direction:column}.btn-large{width:100%}.success-actions{flex-direction:column}.permission-options{grid-template-columns:1fr}.whitelist-input-row{flex-direction:column}}.copyright-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:#FEF3C7;border:1px solid #f59e0b;border-radius:10px;margin-bottom:20px;color:#92400E}.copyright-warning-banner svg{flex-shrink:0;margin-top:2px;color:#D97706}.copyright-warning-banner strong{display:block;font-size:14px;margin-bottom:4px;color:#78350F}.copyright-warning-banner p{font-size:13px;line-height:1.5;margin:0}.copyright-acknowledge-section{padding:14px 18px;background:#F9FAFB;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0 8px}.copyright-acknowledge-label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:1.5;color:#374151}.copyright-acknowledge-label input[type=checkbox]{margin-top:3px;flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:#667eea}.stage-conversational-editing{position:relative;display:flex;flex-direction:column;height:100%;min-height:600px}.ce-waveform-container{display:flex;align-items:stretch;border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-secondary,#f8fafc);border-radius:8px 8px 0 0;overflow:hidden}.ce-player-controls{flex-direction:column;gap:6px;padding:10px 12px;background:#f1f5f9;border-right:1px solid var(--border-color,#e2e8f0);min-width:72px}.ce-ctrl-btn,.ce-player-controls{display:flex;align-items:center;justify-content:center}.ce-ctrl-btn{border:none;border-radius:50%;cursor:pointer;transition:background .15s,color .15s;color:#475569;background:#e2e8f0}.ce-ctrl-btn--play{width:40px;height:40px}.ce-ctrl-btn--play:hover{background:#667eea;color:#fff}.ce-ctrl-btn--skip{width:28px;height:28px}.ce-ctrl-btn--skip:hover{background:#cbd5e1}.ce-ctrl-time{font-size:.7rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#64748b;white-space:nowrap;text-align:center;line-height:1.2}.ce-ctrl-time__sep{margin:0 1px;color:#94a3b8}.ce-ctrl-speed{font-size:.7rem;padding:2px 4px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#475569;cursor:pointer;text-align:center;width:48px}.ce-ctrl-speed:focus{outline:none;border-color:#667eea}.ce-waveform-area{flex:1 1;min-width:0}.stage-conversational-editing .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;border-radius:8px}.stage-conversational-editing .spinner{width:36px;height:36px;border:3px solid #e0e0e0;border-top:3px solid var(--primary-color,#667eea);border-radius:50%;animation:spin .8s linear infinite}.stage-conversational-editing .loading-overlay p{margin-top:12px;color:var(--text-secondary,#666);font-size:14px}.vocabulary-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:20px;animation:fadeIn .2s ease-in}.vocabulary-modal{background:white;border-radius:var(--radius-xl);max-width:560px;width:calc(100% - 40px);max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out;overflow:hidden;min-height:0;border:1px solid var(--color-border)}.vocabulary-modal *,.vocabulary-modal :after,.vocabulary-modal :before{box-sizing:border-box}.vocabulary-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 14px;border-bottom:1px solid var(--color-border);width:100%;max-width:none;box-sizing:border-box}.vocabulary-modal .word-title{text-align:left}.vocabulary-modal .word-title h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-align:left}.vocabulary-modal .pronunciation-container{display:flex;align-items:center;gap:8px}.vocabulary-modal .pronunciation{font-size:1rem;color:var(--color-primary);font-family:Courier New,monospace;font-weight:500}.vocabulary-modal .audio-button{background:var(--color-primary);color:white;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px}.vocabulary-modal .audio-button:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.1)}.vocabulary-modal .audio-button:disabled{cursor:not-allowed;opacity:.7}.vocabulary-modal .audio-button.playing{background:var(--color-success);animation:pulse .5s ease-in-out infinite alternate}.vocabulary-modal .close-button{background:var(--color-bg-tertiary);border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.vocabulary-modal .close-button:hover{background:var(--color-border);color:var(--color-text-primary)}.vocabulary-modal .word-metadata{display:flex;gap:8px;padding:10px 20px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:none;box-sizing:border-box}.vocabulary-modal .difficulty-tag,.vocabulary-modal .frequency-tag,.vocabulary-modal .pos-tag{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px}.vocabulary-modal .pos-tag{background:var(--color-primary-light);color:var(--color-primary-hover)}.vocabulary-modal .difficulty-tag{border:1px solid}.vocabulary-modal .difficulty-tag.easy{background:var(--color-success-light);color:var(--color-success-text);border-color:var(--color-success)}.vocabulary-modal .difficulty-tag.medium{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent)}.vocabulary-modal .difficulty-tag.hard{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.vocabulary-modal .frequency-tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.vocabulary-modal .cefr-badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px;color:white}.vocabulary-modal .cefr-badge--A1{background:#22c55e}.vocabulary-modal .cefr-badge--A2{background:#84cc16}.vocabulary-modal .cefr-badge--B1{background:#eab308}.vocabulary-modal .cefr-badge--B2{background:#f97316}.vocabulary-modal .cefr-badge--C1{background:#ef4444}.vocabulary-modal .cefr-badge--C2{background:#dc2626}.vocabulary-modal .cefr-badge--loading{background:#d1d5db;color:#9ca3af;min-width:48px;text-align:center}.vocabulary-modal .modal-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:16px 20px 24px;width:100%;max-width:none;box-sizing:border-box;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-text-light) transparent}.vocabulary-modal .modal-content::-webkit-scrollbar{width:8px}.vocabulary-modal .modal-content::-webkit-scrollbar-track{background:transparent}.vocabulary-modal .modal-content::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:var(--radius-sm)}.vocabulary-modal .modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.vocabulary-modal .modal-content:after{content:"";position:sticky;bottom:0;left:0;right:0;height:20px;background:var(--color-bg-primary);pointer-events:none;display:block;margin-top:-20px}.vocabulary-modal section{margin-bottom:20px;width:100%;max-width:none;box-sizing:border-box;display:block}.vocabulary-modal section:last-child{margin-bottom:0}.vocabulary-modal section h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--color-text-primary);text-align:left}.vocabulary-modal section h4{margin:0 0 6px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-align:left}.vocabulary-modal .definition-item,.vocabulary-modal .definition-section{width:100%;max-width:none;box-sizing:border-box;display:block}.vocabulary-modal .definition-item{margin-bottom:12px;padding:12px 14px;border-radius:var(--radius-lg);text-align:left}.vocabulary-modal .context-definition{background:var(--color-accent-bg);border-left:4px solid var(--color-accent)}.vocabulary-modal .context-definition h4{color:var(--color-accent)}.vocabulary-modal .context-definition p{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-text-secondary);font-weight:500;text-align:left}.vocabulary-modal .general-definition{background:var(--color-primary-light);border-left:4px solid var(--color-primary)}.vocabulary-modal .general-definition h4{color:var(--color-primary-hover)}.vocabulary-modal .def-en,.vocabulary-modal .def-zh{margin:4px 0;font-size:.9rem;line-height:1.6;text-align:left}.vocabulary-modal .def-en{color:var(--color-primary-700);font-style:italic}.vocabulary-modal .def-zh{color:var(--color-primary-hover);font-weight:500}.vocabulary-modal .context-example{background:var(--color-success-light);padding:12px 14px;border-radius:var(--radius-lg);border-left:4px solid var(--color-success);text-align:left;margin-bottom:12px;width:100%;max-width:none;box-sizing:border-box;display:block}.vocabulary-modal .context-example h4{color:var(--color-success-text)}.vocabulary-modal .context-text{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-success-text);font-style:italic;text-align:left}.vocabulary-modal .example-item{background:var(--color-bg-secondary);padding:12px 14px;border-radius:var(--radius-lg);margin-bottom:12px;border-left:3px solid var(--color-border);text-align:left;width:100%;box-sizing:border-box}.vocabulary-modal .example-item:last-child{margin-bottom:0}.vocabulary-modal .example-en{margin:0 0 6px;font-size:.9rem;color:var(--color-text-primary);line-height:1.6;text-align:left}.vocabulary-modal .example-zh{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.5;text-align:left}.vocabulary-modal .related-group{margin-bottom:16px}.vocabulary-modal .related-group:last-child{margin-bottom:0}.vocabulary-modal .word-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;justify-content:flex-start}.vocabulary-modal .word-tag{font-size:.85rem;font-weight:500;padding:6px 12px;border-radius:var(--radius-xl);border:1px solid}.vocabulary-modal .word-tag.synonym{background:var(--color-primary-light);color:var(--color-primary-hover);border-color:var(--color-primary-100)}.vocabulary-modal .word-tag.antonym{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error-border)}.vocabulary-modal .word-tag.collocation{background:var(--color-success-light);color:var(--color-success-text);border-color:var(--color-success)}.vocabulary-modal .quiz-section{background:var(--color-accent-bg);padding:20px;border-radius:var(--radius-xl);border:1px solid var(--color-accent);width:100%;box-sizing:border-box}.vocabulary-modal .quiz-section h3{color:var(--color-accent)}.vocabulary-modal .quiz-question{margin-bottom:16px}.vocabulary-modal .question-en{margin:0 0 6px;font-size:1rem;font-weight:600;color:var(--color-text-secondary);line-height:1.5}.vocabulary-modal .question-zh{margin:0;font-size:.9rem;color:var(--color-accent);line-height:1.5}.vocabulary-modal .quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.vocabulary-modal .quiz-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:white;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.vocabulary-modal .quiz-option:hover:not(:disabled){border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.vocabulary-modal .quiz-option:disabled{cursor:not-allowed}.vocabulary-modal .quiz-option.correct{background:var(--color-success-light);border-color:var(--color-success)}.vocabulary-modal .quiz-option.incorrect{background:var(--color-error-light);border-color:var(--color-error)}.vocabulary-modal .option-letter{flex-shrink:0;width:28px;height:28px;background:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:var(--color-text-secondary)}.vocabulary-modal .quiz-option.correct .option-letter{background:var(--color-success);color:white}.vocabulary-modal .quiz-option.incorrect .option-letter{background:var(--color-error);color:white}.vocabulary-modal .option-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.vocabulary-modal .option-text{font-size:.9rem;font-weight:500;color:var(--color-text-primary)}.vocabulary-modal .option-translation{font-size:.85rem;color:var(--color-text-muted)}.vocabulary-modal .check-icon,.vocabulary-modal .cross-icon{flex-shrink:0;font-size:20px;font-weight:700}.vocabulary-modal .check-icon{color:var(--color-success)}.vocabulary-modal .cross-icon{color:var(--color-error)}.vocabulary-modal .quiz-explanation{background:white;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--color-success);width:100%;box-sizing:border-box}.vocabulary-modal .quiz-explanation h4{margin:0 0 10px;font-size:.95rem;font-weight:700;color:var(--color-success-text)}.vocabulary-modal .explanation-en,.vocabulary-modal .explanation-zh{margin:6px 0;font-size:.9rem;line-height:1.6}.vocabulary-modal .explanation-en{color:var(--color-text-primary)}.vocabulary-modal .explanation-zh{color:var(--color-success-text);font-weight:500}@media (max-width:768px){.vocabulary-modal{max-width:100%;max-height:100vh;border-radius:0}.vocabulary-modal .modal-content,.vocabulary-modal .modal-header,.vocabulary-modal .word-metadata{padding-left:16px;padding-right:16px}.vocabulary-modal .word-title h2{font-size:1.375rem}.vocabulary-modal section h3{font-size:1rem}}.voice-character-selector{width:100%}.voice-selector-error,.voice-selector-loading{text-align:center;padding:3rem}.voice-selector-loading{color:#64748B}.voice-selector-error{color:#DC2626}.voice-selector-error button{margin-top:1rem;padding:.625rem 1.25rem;background-color:#2563EB;color:white;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.voice-selector-error button:hover{background-color:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.speaker-header{margin-bottom:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#1E40AF,#2563EB);border-radius:10px;color:white}.speaker-header h4{margin:0;font-size:1rem;font-weight:500}.speaker-name{display:inline-block;margin-left:.5rem;padding:.25rem .75rem;background-color:#F97316;color:white;font-weight:700;font-size:1.1rem;border-radius:6px;text-decoration:none}.category-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;overflow-x:auto;padding-bottom:1px}.category-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748B;transition:all .2s ease;white-space:nowrap}.category-tab:hover{color:#2563EB;background-color:#F8FAFC}.category-tab.active{color:#2563EB;border-bottom-color:#2563EB;font-weight:600}.tab-icon{font-size:1.1rem}.tab-count{font-size:.75rem;color:#94A3B8}.category-description{padding:1rem;background-color:#F8FAFC;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e2e8f0}.category-description p{margin:0;color:#64748B;font-size:.9rem;line-height:1.5}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.character-card{padding:1rem;background:white;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.character-card:hover{border-color:#2563EB;box-shadow:0 4px 12px rgba(37,99,235,.1)}.character-card.selected{border-color:#10B981;background:#ECFDF5;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.character-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.character-name{margin:0;font-size:.95rem;font-weight:600;color:#1E293B;flex:1 1}.character-gender{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;white-space:nowrap}.gender-male{background-color:#DBEAFE;color:#1E40AF}.gender-female{background-color:#FCE7F3;color:#BE185D}.gender-neutral{background-color:#F3E8FF;color:#6B21A8}.character-characteristics{margin:.5rem 0;font-size:.85rem;color:#475569;line-height:1.5}.character-detail{margin:.25rem 0;font-size:.8rem;color:#64748B}.character-detail strong{color:#1E293B}.character-actions{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.preview-button{flex:1 1;padding:.5rem 1rem;background-color:#2563EB;color:white;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease}.preview-button:hover{background-color:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.selected-indicator{font-size:.8rem;font-weight:600;color:#10B981}.character-use-cases{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.character-use-cases summary{cursor:pointer;font-size:.8rem;font-weight:600;color:#64748B;list-style:none;display:flex;align-items:center;gap:.25rem}.character-use-cases summary::-webkit-details-marker{display:none}.character-use-cases summary:before{content:"▶";display:inline-block;transition:transform .2s ease;font-size:.625rem}.character-use-cases[open] summary:before{transform:rotate(90deg)}.character-use-cases ul{margin:.5rem 0 0;padding-left:1.5rem;list-style-type:disc}.character-use-cases li{font-size:.8rem;color:#475569;line-height:1.5;margin-bottom:.25rem}.no-characters{text-align:center;padding:3rem;color:#64748B}.spinner{margin:0 auto 1rem}@media (max-width:768px){.characters-grid{grid-template-columns:1fr}.category-tabs{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.category-tab{flex-shrink:0;min-width:auto;padding:.625rem 1rem;font-size:.85rem}}.voice-selector{background:white;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.voice-selector h3{margin-bottom:1rem;color:#1E293B;font-size:1.125rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;color:#1E293B;font-size:.9rem}.form-select{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:white;cursor:pointer;transition:all .2s ease;color:#1E293B}.form-select:hover{border-color:#3B82F6}.form-select:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-hint{display:block;margin-top:.5rem;font-size:.8rem;color:#64748B;line-height:1.5}.form-hint .highlight{color:#2563EB;font-weight:600}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.voice-card{border:1px solid #e2e8f0;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s ease;background:white}.voice-card:hover{border-color:#2563EB;box-shadow:0 4px 12px rgba(37,99,235,.1)}.voice-card.selected{border-color:#2563EB;background:#EFF6FF;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.voice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.voice-name{font-weight:600;font-size:.95rem;color:#1E293B}.voice-gender{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.voice-gender.male{background:#DBEAFE;color:#1E40AF}.voice-gender.female{background:#FCE7F3;color:#BE185D}.voice-gender.neutral{background:#F3E8FF;color:#6B21A8}.voice-description{font-size:.85rem;color:#64748B;margin-bottom:.75rem;line-height:1.5;min-height:40px}.btn-preview{width:100%;padding:.625rem;border:none;border-radius:8px;background:#2563EB;color:white;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-preview:hover:not(:disabled){background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn-preview:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.voice-grid{grid-template-columns:1fr}.voice-selector{padding:1rem}}.workflow-progress{margin-bottom:20px}.stages-container{gap:0}.stage-wrapper,.stages-container{display:flex;align-items:center;position:relative}.stage-wrapper{flex:1 1}.stage-wrapper:last-child{flex:0 0 auto}.stage-wrapper:not(:last-child):after{content:"";flex:1 1;height:2px;background:#E2E8F0;margin:0 -1px;position:relative;z-index:0}.stage-wrapper:not(:last-child).step-completed:after{background:var(--color-primary,#667eea)}.stage-item{display:flex;gap:8px;padding:8px 12px;border-radius:20px;transition:all .2s ease;position:relative;z-index:1;background:white;border:1px solid transparent}.stage-item.clickable{cursor:pointer}.stage-item.clickable:hover{background:#F8FAFC}.stage-item.disabled{cursor:default}.stage-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;transition:all .2s ease;border:2px solid #e2e8f0;background:white;color:#94A3B8}.stage-label{font-size:13px;font-weight:500;color:#fff;line-height:1;transition:color .2s ease}.stage-order{display:none}.stage-item.completed .stage-icon{background:var(--color-primary,#667eea);border-color:var(--color-primary,#667eea);color:white;font-size:14px}.stage-item.completed .stage-label{color:#fff}.stage-item.active,.stage-item.completed.clickable:hover{background:var(--color-primary-50,#EFF6FF)}.stage-item.active,.stage-item.active .stage-icon{border-color:var(--color-primary,#667eea)}.stage-item.active .stage-icon{background:var(--color-primary,#667eea);color:white;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.stage-item.active .stage-label{color:#fff;font-weight:600}.stage-item.pending .stage-icon{border-color:#CBD5E1;color:#64748B}.stage-item.pending .stage-label{color:#fff}.stage-item.locked .stage-icon{border-style:dashed;border-color:#CBD5E1;background:#F8FAFC;color:#64748B}.stage-item.locked .stage-label{color:#fff}.stages-progress-line{display:none}.stage-tooltip{top:calc(100% + 8px);background:#1E293B;color:white;border-radius:8px;padding:10px 14px;min-width:200px;max-width:260px;z-index:500;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:tooltipFadeIn .15s ease-out}.stage-tooltip,.stage-tooltip:before{position:absolute;left:50%;transform:translateX(-50%)}.stage-tooltip:before{content:"";bottom:100%;border:6px solid transparent;border-bottom-color:#1e293b}.tooltip-header{font-size:12px;font-weight:600;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15);color:#F8FAFC}.tooltip-content p{margin:0 0 6px;font-size:11px;color:#CBD5E1;line-height:1.4}.tooltip-content ul{margin:0;padding:0;list-style:none;font-size:11px}.tooltip-content li{margin:3px 0;color:#FCD34D;display:flex;align-items:center;gap:4px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:900px){.stage-label{display:none}.stage-item{padding:6px;justify-content:center}.stage-icon{width:32px;height:32px;font-size:14px}}@media (max-width:480px){.stages-container{gap:2px}.stage-icon{width:28px;height:28px;font-size:12px}.stage-tooltip{min-width:160px;max-width:200px}}.delete-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500}.delete-confirm-modal{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:420px;max-width:calc(100vw - 40px)}.delete-confirm-header{padding:20px 24px 0}.delete-confirm-title{margin:0;font-size:18px;font-weight:600;color:#d32f2f;display:flex;align-items:center;gap:8px}.delete-confirm-title:before{content:"⚠️"}.delete-confirm-body{padding:16px 24px}.delete-confirm-message{margin:0 0 16px;font-size:15px;color:#333;line-height:1.5}.delete-confirm-item{background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:12px;margin-bottom:20px}.delete-confirm-item-label{font-size:13px;color:#666;display:block;margin-bottom:4px}.delete-confirm-item-name{font-size:14px;font-weight:500;color:#d32f2f;word-break:break-word}.delete-confirm-input-section{margin-top:16px}.delete-confirm-label{display:block;font-size:14px;color:#555;margin-bottom:8px}.delete-confirm-label code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px;color:#d32f2f;font-weight:600}.delete-confirm-input{padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:border-color .2s,box-shadow .2s}.delete-confirm-input:focus{border-color:#d32f2f;box-shadow:0 0 0 3px rgba(211,47,47,.1)}.delete-confirm-input::placeholder{color:#aaa}.delete-confirm-footer{display:flex;gap:12px;padding:16px 24px 20px;justify-content:flex-end}.delete-confirm-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.delete-confirm-btn--cancel{background:#f5f5f5;color:#666}.delete-confirm-btn--cancel:hover{background:#e0e0e0;color:#333}.delete-confirm-btn--delete{background:#d32f2f;color:white}.delete-confirm-btn--delete:hover:not(:disabled){background:#b71c1c}.delete-confirm-btn--delete:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.dependency-graph-container{max-width:960px;margin:0 auto;padding:12px}.dg-controls{gap:8px;margin-bottom:12px}.dg-controls,.dg-play-btn{display:flex;align-items:center;justify-content:center}.dg-play-btn{width:36px;height:36px;border:none;border-radius:50%;background:var(--color-primary,#667eea);color:white;cursor:pointer;transition:all .15s;flex-shrink:0}.dg-play-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(99,102,241,.35)}.dg-play-btn--active{background:var(--color-text-muted,#64748b)}.dg-step-btn{width:32px;height:32px;border:1px solid var(--color-border,#e2e8f0);border-radius:50%;background:white;color:var(--color-text-secondary,#475569);font-size:14px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dg-step-btn:hover:not(:disabled){background:var(--color-bg-tertiary,#f1f5f9);border-color:var(--color-primary,#667eea);color:var(--color-primary,#667eea)}.dg-step-btn:disabled{opacity:.3;cursor:not-allowed}.dg-step-indicator{font-size:13px;color:var(--color-text-muted,#64748b);min-width:80px;text-align:center;white-space:nowrap}.dg-explanation{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:10px 16px;background:transparent;border-radius:8px;border-left:3px solid transparent;margin-bottom:12px;transition:background .25s ease,border-color .25s ease}.dg-explanation.show{background:#eef2ff;border-left-color:var(--color-primary,#667eea)}.dg-explanation p{margin:0;font-size:15px;color:#3730a3;line-height:1.5}.dg-graph{background:white;border-radius:12px;padding:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);margin-bottom:12px;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.dg-svg{width:100%;height:auto;display:block;overflow:visible}.dg-word{font-size:16px;font-weight:500;transition:fill .25s ease;text-rendering:geometricPrecision}.dg-highlighted{font-weight:700;font-size:17px}.dg-arc-label{font-size:11px;font-weight:600;text-anchor:middle;pointer-events:none}.dg-arc-label-historical{font-weight:500}.dg-arc-label-fresh{font-size:12px;font-weight:700;animation:labelPopIn .25s ease-out}@keyframes labelPopIn{0%{opacity:0;transform:translateY(4px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.dg-pulse{animation:dgPulse .6s ease-out 2;transform-box:fill-box;transform-origin:center}@keyframes dgPulse{0%{r:5;opacity:1}50%{r:8;opacity:.65}to{r:5;opacity:1}}.dg-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 12px;background:var(--color-bg-tertiary,#f8fafc);border-radius:8px}.dg-legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-secondary,#555)}.dg-legend-color,.dg-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@media (max-width:768px){.dependency-graph-container{padding:8px}.dg-controls{gap:6px}.dg-play-btn{width:32px;height:32px}.dg-step-btn{width:28px;height:28px}.dg-step-indicator{font-size:12px;min-width:60px}.dg-explanation{min-height:52px}.dg-explanation p{font-size:14px}.dg-legend{gap:8px}.dg-legend-item{font-size:11px}}@media (prefers-reduced-motion:reduce){.dg-arc-label-fresh,.dg-pulse{animation:none}.dg-graph{scroll-behavior:auto}}.dictionary-popover{z-index:var(--z-modal,500);background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.1);min-width:300px;max-width:400px;max-height:80vh;overflow-y:auto;animation:popoverSlideIn .2s ease-out}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popover-error,.popover-loading{padding:20px;text-align:center}.spinner-small{width:24px;height:24px;border:3px solid #f3f3f3;border-top-color:#667eea;animation:spin 1s linear infinite;margin:0 auto 10px}.popover-error p{color:#c33;font-size:14px}.popover-content{padding:16px;position:relative}.popover-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.popover-header .word{font-size:22px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.popover-header .pos{font-size:13px;color:#666;font-style:italic}.popover-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.popover-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;line-height:1}.popover-tag--cefr{color:white}.popover-tag--cefr-A1{background:linear-gradient(135deg,#22c55e,#16a34a)}.popover-tag--cefr-A2{background:linear-gradient(135deg,#84cc16,#65a30d)}.popover-tag--cefr-B1{background:linear-gradient(135deg,#eab308,#ca8a04)}.popover-tag--cefr-B2{background:linear-gradient(135deg,#f97316,#ea580c)}.popover-tag--cefr-C1{background:linear-gradient(135deg,#ef4444,#dc2626)}.popover-tag--cefr-C2{background:linear-gradient(135deg,#dc2626,#b91c1c)}.popover-tag--clickable{cursor:pointer;transition:opacity .2s ease,transform .15s ease}.popover-tag--clickable:hover{opacity:.85;transform:scale(1.05)}.phonetics-inline{display:inline-flex;align-items:center;gap:8px}.phonetics-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px;background:#f8f9ff;border-radius:8px}.dictionary-popover .phonetic-item{display:inline-flex;align-items:center;gap:6px;line-height:1}.phonetic-label{display:inline-block;background:#667eea;color:white;font-size:10px;font-weight:600;padding:2px 5px;border-radius:3px;min-width:20px;text-align:center}.dictionary-popover .phonetic{font-family:Segoe UI,Arial,sans-serif;color:#4b5563;font-size:15px;font-weight:500;letter-spacing:.3px;line-height:1}.dictionary-popover .audio-btn{background:#667eea;border:none;border-radius:50%;width:28px!important;height:28px!important;min-width:28px;min-height:28px;max-width:28px;max-height:28px;margin:0!important;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;color:white;flex-shrink:0;box-sizing:border-box}.dictionary-popover .audio-btn svg{width:12px;height:12px;display:block;margin:auto}.dictionary-popover .audio-btn:hover{background:#5568d3;transform:scale(1.08)}.dictionary-popover .audio-btn:active{transform:scale(.95)}.dictionary-popover .audio-btn.playing{background:#e84393;animation:audioPulse .6s infinite}@keyframes audioPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.badge{display:inline-block;border-radius:10px}.badge-collins{background:#ffeaa7;color:#d63031}.badge-oxford{background:#74b9ff;color:#0984e3}.badge-tag{background:#dfe6e9;color:#2d3436}.definition,.translation{margin-top:8px}.definition p,.translation p{color:#374151;font-size:14px;line-height:1.5;margin:2px 0}.translation p .pos-label{font-weight:600;color:#667eea;margin-right:6px}.translation .lemma-section{margin-top:10px;padding-top:10px;border-top:1px dashed #d1d5db}.translation .lemma-header{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:6px;font-size:13px;color:#6b7280}.translation .lemma-arrow{color:#9ca3af;white-space:nowrap}.translation .lemma-link{color:#667eea;font-weight:600;cursor:pointer;text-decoration:none}.translation .lemma-link:hover{text-decoration:underline}.translation .form-type-badge{display:inline-block;margin-left:6px;padding:1px 8px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;font-size:11px;color:#6b7280;font-weight:500}.translation .lemma-translation{margin-top:4px}.close-btn{position:absolute;top:16px;right:16px;background:#f3f4f6;font-size:14px;color:#6b7280;width:28px;height:28px;transition:all .15s ease}.close-btn:hover{background:#e5e7eb;color:#374151}.popover-actions{display:flex;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e5e7eb}.action-btn{padding:8px 12px;font-size:13px}.action-btn:disabled{opacity:.7}.vocab-btn{background:#667eea;color:white}.vocab-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.vocab-btn.added,.vocab-btn.added:disabled{background:var(--color-success-light);color:var(--color-success-text);opacity:1}.note-btn{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.note-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.note-btn.added,.note-btn.added:disabled{background:var(--color-success-light);color:var(--color-success-text);border:none;opacity:1}.btn-loading{font-size:12px}.note-input-area{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd}.note-textarea{padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:13px;resize:none;font-family:inherit;box-sizing:border-box}.note-textarea:focus{box-shadow:0 0 0 3px rgba(102,126,234,.1)}.note-input-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.note-cancel-btn,.note-submit-btn{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.note-cancel-btn{background:transparent;border:1px solid #dee2e6;color:#6c757d}.note-cancel-btn:hover{background:#f8f9fa}.note-submit-btn{background:#667eea;border:none;color:white}.note-submit-btn:hover:not(:disabled){background:#5568d3}.note-submit-btn:disabled{opacity:.6;cursor:not-allowed}.heteronym-alert{margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#FEF3C7,#FDE68A);border:1px solid #f59e0b;border-radius:8px}.heteronym-header{color:#B45309}.heteronym-variant{padding:10px;background:white;border-radius:6px;border-left:3px solid #f59e0b}.variant-phonetic{color:#1F2937}.variant-pos{color:#6B7280}.variant-tense{font-size:11px;color:#9CA3AF}.meaning-zh{color:#374151}.context-example{font-size:12px;color:#6B7280}.heteronym-note{padding:8px 10px;background:white;border-radius:6px;font-size:12px;color:#B45309;border:1px dashed #f59e0b}.examples-section{padding-top:12px;border-top:1px dashed #e0e0e0}.examples-header{font-size:13px;font-weight:600;color:#667eea;margin-bottom:10px;display:flex;align-items:center;gap:6px}.examples-header:before{content:"📝";font-size:14px}.example-item{padding:10px 12px;background:#f8f9ff;border-radius:8px;border-left:3px solid #667eea}.example-en{color:#333}.example-zh{color:#666;line-height:1.4}@media (max-width:640px){.dictionary-popover-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:var(--z-overlay,400);animation:backdropFadeIn .2s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.dictionary-popover{position:fixed!important;left:0!important;right:0!important;top:var(--dict-top,0)!important;bottom:auto!important;max-width:100%!important;min-width:100%!important;max-height:var(--dict-max-h,85vh);border-radius:0 0 16px 16px;animation:topSheetSlideDown .25s ease-out;box-shadow:0 6px 24px rgba(0,0,0,.18);transition:top .18s ease,max-height .18s ease}@keyframes topSheetSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.popover-content{padding:calc(20px + env(safe-area-inset-top, 0px)) 20px 20px}.popover-header .word{font-size:24px}.popover-actions{flex-direction:column}.action-btn{padding:12px 16px;font-size:15px}.close-btn{top:20px;right:20px;width:32px;height:32px;font-size:16px}}.compound-subtitle{font-size:12px;color:#6b7280;font-weight:500;letter-spacing:.02em;margin-top:2px}.compound-parts{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.compound-part{padding:10px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.compound-part--missing{background:#fafaf9;border-style:dashed}.compound-part-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.compound-part-word{font-size:16px;font-weight:700;color:#111827}.compound-part-phonetic{font-size:13px;color:#6b7280;font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif}.compound-part .audio-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:white;border:1px solid #d1d5db;border-radius:50%;cursor:pointer;color:#4b5563;transition:all .15s ease-out}.compound-part .audio-btn:hover{background:#eef2ff;border-color:#667eea;color:#667eea}.compound-part .audio-btn.playing{background:#667eea;border-color:#667eea;color:white}.compound-part-translation{font-size:13px;color:#374151;line-height:1.5}.compound-part-translation p{margin:2px 0}.compound-part-translation .pos-label{display:inline-block;font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:1px 6px;border-radius:3px;margin-right:6px;font-style:normal}.compound-part-missing{font-size:12px;color:#9ca3af;font-style:italic}.hero-demo{display:flex;flex-direction:column;align-items:center;gap:16px}.demo-phone{position:relative;width:280px;height:480px;background:#fff;border:8px solid #1a1a2e;border-radius:36px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}.demo-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:80px;height:22px;background:#1a1a2e;border-radius:0 0 14px 14px;z-index:10}.demo-status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px 0;font-size:11px;font-weight:600;color:#1e293b;height:32px;position:relative;z-index:5}.demo-battery{font-size:12px}.demo-home-bar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#1a1a2e;border-radius:2px}.demo-screen{position:relative;width:100%;height:calc(100% - 32px);overflow:hidden}.demo-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 18px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.demo-scene.active{opacity:1;transform:translateY(0);pointer-events:auto}.vocab-cefr-badge{background:#f59e0b;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;margin-bottom:12px;animation:scene-fade-in .3s ease both}.vocab-word{font-size:32px;font-weight:800;color:#1e293b;animation:scene-fade-in .3s ease .1s both}.vocab-phonetic{color:#64748b;margin-top:4px;animation:scene-fade-in .3s ease .2s both}.vocab-definition{margin-top:16px;font-size:14px;color:#475569;text-align:center;line-height:1.5;animation:scene-fade-in .3s ease .35s both}.scene-vocabulary.active .vocab-typewriter{display:inline;animation:typewriter-reveal 1s steps(40) .4s both;overflow:hidden;white-space:nowrap}.vocab-mastery{margin-top:16px;font-size:18px;font-weight:700;color:#22c55e;animation:float-up .6s ease .8s both}.dep-svg{width:100%;max-width:260px;height:auto}.dep-svg .dep-word{opacity:0}.scene-dependency.active .dep-w1{animation:svg-fade-in .25s ease .05s both}.scene-dependency.active .dep-w2{animation:svg-fade-in .25s ease .1s both}.scene-dependency.active .dep-w3{animation:svg-fade-in .25s ease .15s both}.scene-dependency.active .dep-w4{animation:svg-fade-in .25s ease .2s both}.scene-dependency.active .dep-w5{animation:svg-fade-in .25s ease .25s both}.scene-dependency.active .dep-w6{animation:svg-fade-in .25s ease .3s both}.scene-dependency.active .dep-w7{animation:svg-fade-in .25s ease .35s both}.scene-dependency.active .dep-w8{animation:svg-fade-in .25s ease .4s both}.dep-arc{stroke-dasharray:500;stroke-dashoffset:500}.dep-arc-label{opacity:0}.scene-dependency.active .arc-1{animation:draw-arc .6s ease .3s forwards}.scene-dependency.active .arc-2{animation:draw-arc .6s ease .5s forwards}.scene-dependency.active .arc-3{animation:draw-arc .6s ease .7s forwards}.scene-dependency.active .arc-label-1{animation:svg-fade-in .3s ease .6s both}.scene-dependency.active .arc-label-2{animation:svg-fade-in .3s ease .8s both}.scene-dependency.active .arc-label-3{animation:svg-fade-in .3s ease 1s both}@keyframes svg-fade-in{0%{opacity:0}to{opacity:1}}.dict-wave-bars{display:flex;gap:3px;align-items:center;height:32px;margin-bottom:20px}.dict-bar{width:4px;height:100%;background:#667eea;border-radius:2px;animation:dict-wave .8s ease-in-out infinite alternate}.dict-text{font-size:15px;color:#1e293b;text-align:center;line-height:1.8;animation:scene-fade-in .4s ease .3s both}.dict-wrong{background:#fee2e2;color:#dc2626;padding:2px 4px;border-radius:4px;text-decoration:line-through;font-weight:600;animation:scene-fade-in .3s ease .5s both}.dict-arrow{margin:0 4px;color:#64748b;animation:scene-fade-in .3s ease .7s both}.dict-correct{background:#dcfce7;color:#16a34a;padding:2px 4px;border-radius:4px;font-weight:600;animation:scene-fade-in .3s ease .9s both}.dict-typed{animation:scene-fade-in .3s ease .3s both}.dict-accuracy{margin-top:20px;font-size:13px;font-weight:700;color:#16a34a;background:#dcfce7;padding:4px 12px;border-radius:12px;animation:scene-fade-in .3s ease 1.1s both}.trans-en{font-size:15px;font-weight:600;color:#1e293b;text-align:center;line-height:1.6;margin-bottom:8px;animation:scene-fade-in .3s ease .1s both}.trans-highlight{background:#fef9c3;padding:1px 4px;border-radius:3px}.trans-zh{font-size:14px;color:#475569;margin-bottom:20px;animation:scene-fade-in .4s ease .4s both}.trans-ai-bubble{display:flex;align-items:flex-start;gap:8px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 10px 10px 0;padding:10px 12px;font-size:12px;color:#334155;line-height:1.5;max-width:220px;animation:slide-up .4s ease .7s both}.trans-ai-icon{font-size:16px;flex-shrink:0}.shadow-rec-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#dc2626;margin-bottom:12px;animation:scene-fade-in .3s ease both}.shadow-rec-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:blink 1s ease-in-out infinite}.shadow-wave-bars{display:flex;gap:4px;align-items:center;height:28px;margin-bottom:16px}.shadow-bar{width:4px;height:100%;background:#ec4899;border-radius:2px;animation:dict-wave .6s ease-in-out infinite alternate}.shadow-score-circle{position:relative;width:80px;height:80px;margin-bottom:12px}.shadow-score-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.shadow-score-bg{fill:none;stroke:#e2e8f0;stroke-width:6}.shadow-score-fill{fill:none;stroke:#22c55e;stroke-width:6;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:213.6}.scene-shadowing.active .shadow-score-fill{animation:score-ring 1.2s ease .3s forwards}.shadow-score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#22c55e}.shadow-sub-scores{width:100%;max-width:200px;display:flex;flex-direction:column;gap:6px}.shadow-sub{display:flex;align-items:center;gap:8px}.shadow-sub-label{font-size:10px;color:#64748b;width:80px;text-align:right;flex-shrink:0}.shadow-sub-bar{flex:1 1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.shadow-sub-fill{height:100%;background:#22c55e;border-radius:3px;transform-origin:left;transform:scaleX(0)}.scene-shadowing.active .shadow-sub-fill{animation:bar-fill .6s ease .8s forwards}.writing-prompt{font-size:13px;color:#475569;text-align:center;margin-bottom:12px;padding:8px 12px;background:#f1f5f9;border-radius:8px;animation:scene-fade-in .3s ease .1s both}.writing-input{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:14px;color:#1e293b;width:100%;margin-bottom:12px;animation:scene-fade-in .3s ease .2s both}.writing-cursor{display:inline-block;width:2px;height:16px;background:#667eea;margin-left:1px;animation:blink .8s step-end infinite}.writing-typed{overflow:hidden;white-space:nowrap}.scene-writing.active .writing-typed{animation:typewriter-reveal .8s steps(30) .4s both}.writing-feedback{width:100%;display:flex;flex-direction:column;gap:6px;animation:scene-fade-in .4s ease 1s both}.writing-correct{font-size:12px;color:#16a34a;font-weight:600}.writing-suggestion{font-size:12px;color:#667eea;background:#eef2ff;padding:6px 10px;border-radius:6px;line-height:1.4}.writing-score{margin-top:10px;font-size:20px;font-weight:800;color:#667eea;background:#eef2ff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pop-in .3s ease 1.2s both}.scene-chat{justify-content:flex-start;padding-top:24px;gap:8px}.chat-bubble{max-width:85%;padding:10px 14px;font-size:13px;line-height:1.5;border-radius:14px}.chat-user{align-self:flex-end;background:#2196f3;color:#fff;border-bottom-right-radius:4px;animation:slide-in-right .35s ease .15s both}.chat-typing{align-self:flex-start;display:flex;gap:4px;padding:10px 14px;background:#f0f0f0;border-radius:14px;border-bottom-left-radius:4px;animation:scene-fade-in .3s ease .5s both}.chat-typing span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typing-dot 1s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}.chat-ai{align-self:flex-start;background:#f0f0f0;color:#1e293b;border-bottom-left-radius:4px;animation:slide-in-left .35s ease .9s both}.chat-input-bar{display:flex;align-items:center;gap:8px;width:100%;margin-top:auto;padding:8px 12px;background:#f1f5f9;border-radius:20px;animation:scene-fade-in .3s ease .1s both}.chat-input-placeholder{flex:1 1;font-size:12px;color:#94a3b8}.chat-send-btn{width:28px;height:28px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.demo-indicators{display:flex;gap:8px}.demo-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;border:none;padding:0;cursor:pointer;transition:all .2s ease}.demo-dot.active{background:#667eea;transform:scale(1.3)}.demo-dot:hover{background:#94a3b8}.demo-dot.active:hover{background:#667eea}.demo-label{font-size:13px;font-weight:600;color:#667eea;letter-spacing:.5px}@keyframes scene-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes float-up{0%{opacity:0;transform:translateY(10px)}50%{opacity:1;transform:translateY(-8px)}to{opacity:.7;transform:translateY(-12px)}}@keyframes draw-arc{to{stroke-dashoffset:0}}@keyframes dict-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes score-ring{to{stroke-dashoffset:17.1}}@keyframes bar-fill{to{transform:scaleX(1)}}@keyframes typewriter-reveal{0%{max-width:0;opacity:1}to{max-width:300px;opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes typing-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media (max-width:900px){.demo-phone{width:240px;height:420px;border-width:6px;border-radius:30px}.demo-notch{width:64px;height:18px;border-radius:0 0 10px 10px}.vocab-word{font-size:26px}.dep-svg{max-width:220px}}@media (max-width:600px){.demo-phone{width:220px;height:380px;border-width:5px;border-radius:26px}.demo-notch{width:56px;height:16px;top:4px}.demo-status-bar{font-size:10px;padding:6px 14px 0;height:26px}.demo-scene{padding:12px 14px}.vocab-word{font-size:24px}.vocab-definition,.vocab-phonetic{font-size:12px}.dep-svg{max-width:200px}.dict-text,.trans-en{font-size:13px}.trans-zh{font-size:12px}.trans-ai-bubble{font-size:11px;padding:8px 10px}.shadow-score-circle{width:64px;height:64px}.shadow-score-num{font-size:20px}.shadow-sub-label{font-size:9px;width:68px}.writing-prompt{font-size:11px}.chat-bubble,.writing-input{font-size:12px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){.demo-scene{transition:opacity .05s ease}.demo-scene,.demo-scene.active{transform:none!important}.chat-ai,.chat-input-bar,.chat-typing,.chat-user,.dep-labels,.dep-word,.dict-accuracy,.dict-arrow,.dict-correct,.dict-text,.dict-typed,.dict-wrong,.shadow-rec-indicator,.trans-ai-bubble,.trans-en,.trans-zh,.vocab-cefr-badge,.vocab-definition,.vocab-mastery,.vocab-phonetic,.vocab-word,.writing-feedback,.writing-input,.writing-prompt,.writing-score{animation:none!important;opacity:1!important;transform:none!important}.scene-vocabulary.active .vocab-typewriter,.scene-writing.active .writing-typed{animation:none!important;max-width:300px}.dep-arc{stroke-dashoffset:0!important;animation:none!important}.dep-arc-label,.dep-svg .dep-word{animation:none!important;opacity:1!important}.scene-shadowing.active .shadow-score-fill{animation:none!important;stroke-dashoffset:17.1}.scene-shadowing.active .shadow-sub-fill{animation:none!important;transform:scaleX(1)}.chat-typing span,.dict-bar,.shadow-bar,.shadow-rec-dot,.writing-cursor{animation:none!important}.chat-typing span{opacity:.6}.waveform-bar{animation:none!important}}.scene-dependency{justify-content:flex-start;padding-top:12px;gap:6px}.dep-explain{width:100%;font-size:11px;font-weight:600;color:#3730a3;background:#eef2ff;border-left:3px solid #667eea;border-radius:0 8px 8px 0;padding:6px 10px;line-height:1.4;text-align:center;animation:scene-fade-in .3s ease both}.scene-dependency .dep-svg{width:100%;max-width:240px;height:auto}.dep-arc-bg{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:scene-fade-in .4s ease .05s both}.dep-word-head{letter-spacing:.2px}.dep-dot{opacity:0}.dep-dot-head{transform-box:fill-box;transform-origin:center}.scene-dependency.active .dep-wg-1 .dep-dot{animation:pop-in .3s ease .1s both}.scene-dependency.active .dep-wg-2 .dep-dot{animation:pop-in .3s ease .15s both}.scene-dependency.active .dep-wg-3 .dep-dot{animation:pop-in .3s ease .2s both}.scene-dependency.active .dep-wg-4 .dep-dot{animation:pop-in .3s ease .25s both,dep-pulse .7s ease-out .6s 2}.scene-dependency.active .dep-wg-5 .dep-dot{animation:pop-in .3s ease .3s both}.scene-dependency.active .dep-wg-6 .dep-dot{animation:pop-in .3s ease .35s both}.scene-dependency.active .dep-wg-7 .dep-dot{animation:pop-in .3s ease .4s both}.scene-dependency.active .dep-wg-8 .dep-dot{animation:pop-in .3s ease .45s both}@keyframes dep-pulse{0%{r:4;opacity:1}50%{r:7;opacity:.65}to{r:4;opacity:1}}.dep-step-pill{display:flex;align-items:center;gap:6px;margin-top:4px;padding:3px 10px;background:#f1f5f9;border-radius:999px;font-size:10px;color:#64748b;font-weight:600;animation:scene-fade-in .3s ease 1.2s both}.dep-step-pill .dep-step-dot{width:5px;height:5px;border-radius:50%;background:#cbd5e1;display:inline-block}.dep-step-pill .dep-step-dot.is-active{background:#667eea;transform:scale(1.3)}.dep-step-text{margin-left:2px;letter-spacing:.3px}.scene-shadowing{justify-content:flex-start;padding-top:10px;gap:8px}.shad-audio-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;animation:scene-fade-in .3s ease both}.shad-audio-controls{display:flex;gap:4px}.shad-audio-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;font-size:9px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:7px;cursor:default}.shad-audio-btn--play{background:#667eea;color:#fff;border-color:#667eea}.shad-audio-btn--rec{background:#fee2e2;color:#dc2626;border-color:#fecaca}.shad-audio-rec-dot{width:5px;height:5px;border-radius:50%;background:#dc2626;animation:blink 1s ease-in-out infinite}.shad-best{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#f0fdf4;border-radius:999px;font-size:9px;font-weight:700}.shad-best-label{color:#64748b;letter-spacing:.3px}.shad-best-value{color:#16a34a;font-weight:800}.shad-sentence{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 5px;width:100%;font-size:12px;line-height:1.5;padding:6px 0;animation:scene-fade-in .3s ease .1s both}.shad-word{font-weight:600}.shad-word--good{color:#22c55e}.shad-word--needsWork{color:#eab308;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.shad-word--bad{color:#ef4444;font-weight:800}.shad-word--omit{color:#f97316;text-decoration:line-through}.shad-word-period{color:#475569;font-weight:600}.shad-overview{gap:12px;width:100%;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;animation:scene-fade-in .3s ease .25s both}.shad-overview,.shad-ring{display:flex;align-items:center}.shad-ring{position:relative;flex-shrink:0;width:64px;height:64px;flex-direction:column;justify-content:center}.shad-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.shad-ring .shadow-score-bg{fill:none;stroke:#e2e8f0;stroke-width:6}.shad-ring .shadow-score-fill{fill:none;stroke:#22c55e;stroke-width:6;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:213.6}.scene-shadowing.active .shad-ring .shadow-score-fill{animation:score-ring 1.1s ease .6s forwards}.shad-ring-num{font-size:22px;font-weight:800;color:#22c55e;line-height:1}.shad-ring-label{font-size:9px;color:#64748b;margin-top:2px;font-weight:600}.shad-bars{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.shad-bar-row{display:grid;grid-template-columns:20px 1fr 38px;align-items:center;gap:6px}.shad-bar-num{font-size:10px;font-weight:800;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shad-bar-track{height:5px;background:#f1f5f9;border-radius:3px;overflow:hidden}.shad-bar-fill{height:100%;border-radius:3px;transform-origin:left;transform:scaleX(0)}.scene-shadowing.active .shad-bar-fill{animation:bar-fill .7s ease .85s forwards}.shad-bar-name{font-size:9px;color:#64748b;font-weight:600;white-space:nowrap}.shad-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:9px;color:#64748b;margin-top:2px;animation:scene-fade-in .3s ease .5s both}.shad-legend-item{display:inline-flex;align-items:center;gap:3px}.shad-legend-dot{font-size:10px;line-height:1}.shad-strategy{width:100%;margin-top:4px;padding:8px 10px 9px;background:#f8fafc;border-radius:10px;border-left:3px solid #667eea;animation:scene-fade-in .3s ease .7s both}.shad-strategy-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.shad-strategy-title{font-size:10px;font-weight:800;color:#475569;letter-spacing:.4px;text-transform:uppercase}.shad-strategy-tone{font-size:9px;font-weight:700;color:#667eea;background:#eef2ff;padding:1px 7px;border-radius:999px;font-style:italic}.shad-strategy-sentence{font-size:11px;line-height:1.6;color:#1e293b;padding:2px 0 4px}.shad-strategy-sentence .ac-stress{font-weight:700;border-bottom:2px solid #667eea;padding-bottom:1px}.shad-strategy-sentence .ac-link{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#667eea;text-underline-offset:2px;text-decoration-thickness:1px}.shad-pause-mark{display:inline-block;color:#dc2626;font-size:.85em;font-weight:700;margin:0 2px;opacity:.65}.shad-intonation{display:inline-block;color:#667eea;font-size:1.15em;font-weight:800;margin-left:2px}.shad-strategy-tip{display:flex;align-items:center;gap:4px;font-size:10px;line-height:1.4;color:#b45309;background:#fef3c7;padding:4px 8px;border-radius:6px;margin-top:4px}.shad-strategy-tip svg{flex-shrink:0}.scene-dictation{justify-content:flex-start;padding-top:14px;gap:8px}.dict-counter{font-size:10px;font-weight:700;color:#64748b;letter-spacing:.4px;text-transform:uppercase;animation:scene-fade-in .3s ease both}.dict-audio-bar{display:flex;gap:4px;padding:6px;background:#f1f5f9;border-radius:10px;width:100%;justify-content:center;animation:scene-fade-in .3s ease .1s both}.dict-audio-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;font-size:10px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:default}.dict-audio-btn--play{background:#667eea;color:#fff;border-color:#667eea}.dict-word-inputs{display:flex;flex-wrap:wrap;gap:14px 6px;justify-content:center;align-items:flex-start;padding:4px 0 14px;margin-top:4px;width:100%}.dict-word-wrapper{position:relative;display:inline-flex;align-items:center}.scene-dictation.active .dict-word-wrapper--0{animation:scene-fade-in .3s ease .25s both}.scene-dictation.active .dict-word-wrapper--1{animation:scene-fade-in .3s ease .32s both}.scene-dictation.active .dict-word-wrapper--2{animation:scene-fade-in .3s ease .39s both}.scene-dictation.active .dict-word-wrapper--3{animation:scene-fade-in .3s ease .46s both}.scene-dictation.active .dict-word-wrapper--4{animation:scene-fade-in .3s ease .53s both}.dict-word-input{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;font-size:13px;font-weight:600;font-family:inherit;text-align:center;border:1.8px solid #ddd;border-radius:6px;background:#fff;color:#1e293b;line-height:1.2}.dict-word-input--correct{border-color:#28a745;background:#e8f5e9;color:#2e7d32}.dict-word-input--incorrect{border-color:#dc3545;background:#ffebee;color:#c62828;animation:dict-shake .45s ease .7s both}.dict-word-input--active{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}@keyframes dict-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.dict-word-hint{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;font-size:10px;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 6px;border-radius:4px;white-space:nowrap;z-index:2;opacity:0;animation:dict-hint-pop .3s ease 1.05s both}@keyframes dict-hint-pop{0%{opacity:0;transform:translateX(-50%) translateY(-2px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dict-word-punctuation{font-size:14px;font-weight:600;color:#374151;align-self:center}.scene-dictation .dict-accuracy{display:inline-flex;align-items:center;gap:4px;margin-top:6px}.dict-guidance{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:7px 9px 8px;display:flex;flex-direction:column;gap:4px;margin-top:6px;animation:scene-fade-in .3s ease .85s both}.dict-guidance-header{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#475569;letter-spacing:.3px}.dict-guidance-header svg{flex-shrink:0;color:#667eea}.dict-guidance-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dict-guidance-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.3px}.dict-guidance-badge--spelling{background:#fef3c7;color:#b45309}.dict-guidance-compare{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.dict-guidance-expected{color:#16a34a}.dict-guidance-typed{color:#dc2626;text-decoration:line-through;text-decoration-thickness:1.5px}.dict-guidance-compare svg{color:#94a3b8}.dict-guidance-tip{margin:0;font-size:10px;line-height:1.4;color:#475569}.dict-guidance-link{font-size:10px;font-weight:600;color:#667eea}.dict-translation{margin-top:4px;font-size:11px;color:#475569;font-style:italic;animation:scene-fade-in .3s ease .95s both}.dep-translation{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:4px;padding:6px 10px;background:#f8fafc;border-radius:8px;gap:2px;animation:scene-fade-in .3s ease 1.35s both}.dep-translation-en{font-size:10px;font-weight:600;color:#475569;font-style:italic}.dep-translation-zh{font-size:11px;font-weight:600;color:#1e293b}.dep-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;width:100%;margin-top:2px;font-size:9px;color:#475569;animation:scene-fade-in .3s ease 1.45s both}.dep-legend-item{display:inline-flex;align-items:center;gap:3px}.dep-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.vocab-memory-curve{width:100%;max-width:220px;margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:scene-fade-in .4s ease .55s both}.vocab-memory-curve-label{font-size:10px;font-weight:600;color:#64748b;letter-spacing:.3px}.vocab-curve-svg{width:100%;height:auto}.vocab-curve-fill{stroke-dasharray:320;stroke-dashoffset:320}.scene-vocabulary.active .vocab-curve-fill{animation:draw-arc 1s ease .7s forwards}.vocab-curve-dot{opacity:0;transform-origin:center}.scene-vocabulary.active .vocab-curve-dot-1{animation:pop-in .3s ease 1.1s both}.scene-vocabulary.active .vocab-curve-dot-2{animation:pop-in .3s ease 1.3s both}.scene-vocabulary.active .vocab-curve-dot-3{animation:pop-in .3s ease 1.5s both}.scene-comprehension{gap:6px}.comp-en{font-size:14px;font-weight:600;color:#1e293b;text-align:center;line-height:1.5;animation:scene-fade-in .3s ease .1s both}.comp-highlight{background:#fef9c3;padding:1px 4px;border-radius:3px}.comp-user-input{display:flex;flex-direction:column;width:100%;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:6px 10px;margin-top:4px;animation:scene-fade-in .3s ease .3s both}.comp-user-label{font-size:9px;font-weight:700;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.comp-user-text{font-size:13px;color:#475569}.comp-ai-bubble{display:flex;gap:8px;align-items:flex-start;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:0 10px 10px 0;padding:8px 10px;width:100%;margin-top:4px;animation:slide-up .4s ease .6s both}.comp-ai-sticker{flex-shrink:0;width:36px;height:36px;object-fit:contain;animation:pop-in .4s ease .7s both}.comp-ai-body{flex:1 1;display:flex;flex-direction:column;gap:2px}.comp-ai-score{display:flex;align-items:baseline;gap:2px}.comp-ai-score-num{font-size:18px;font-weight:800;color:#16a34a;line-height:1}.comp-ai-score-unit{font-size:10px;color:#94a3b8;font-weight:600}.comp-ai-text{font-size:11px;color:#334155;line-height:1.4}.comp-rewards{display:flex;gap:8px;margin-top:8px}.comp-reward{font-size:11px;font-weight:700;padding:3px 9px;border-radius:12px;animation:float-up .7s ease 1s both}.comp-reward-mastery{background:#dcfce7;color:#16a34a}.comp-reward-xp{background:#fef3c7;color:#b45309;animation-delay:1.15s}.scene-quiz{justify-content:flex-start;padding-top:18px;gap:8px}.quiz-progress{width:100%;display:flex;align-items:center;gap:6px;animation:scene-fade-in .3s ease both}.quiz-progress-text{font-size:10px;font-weight:700;color:#64748b;flex-shrink:0}.quiz-progress-bar{flex:1 1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.quiz-progress-fill{height:100%;background:#667eea;border-radius:2px;transform-origin:left;transform:scaleX(0)}.scene-quiz.active .quiz-progress-fill{animation:bar-fill .6s ease .2s forwards}.quiz-question{font-size:13px;font-weight:600;color:#1e293b;text-align:center;line-height:1.5;margin:4px 0 2px;animation:scene-fade-in .3s ease .2s both}.quiz-options{gap:5px;width:100%}.quiz-option{gap:8px;padding:6px 10px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:12px;color:#1e293b;opacity:0}.scene-quiz.active .quiz-option-0{animation:scene-fade-in .3s ease .3s both}.scene-quiz.active .quiz-option-1{animation:scene-fade-in .3s ease .4s both}.scene-quiz.active .quiz-option-2{animation:scene-fade-in .3s ease .5s both}.scene-quiz.active .quiz-option-3{animation:scene-fade-in .3s ease .6s both}.quiz-option-letter{width:18px;height:18px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-option-text{flex:1 1}.quiz-option-check{width:20px;height:20px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0}.scene-quiz.active .quiz-option.is-correct{border-color:#22c55e;background:#f0fdf4;animation:scene-fade-in .3s ease .4s both,quiz-correct-pulse .4s ease 1.1s both}.scene-quiz.active .quiz-option.is-correct .quiz-option-check{animation:pop-in .3s ease 1.15s both}.scene-quiz.active .quiz-option.is-correct .quiz-option-letter{background:#22c55e;color:#fff}.quiz-feedback{margin-top:4px;font-size:12px;font-weight:700;color:#16a34a;background:#dcfce7;padding:4px 12px;border-radius:12px;align-self:center;animation:pop-in .3s ease 1.4s both}@keyframes quiz-correct-pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.scene-review-quest{gap:8px}.rq-stage-badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#667eea;background:#eef2ff;padding:3px 10px;border-radius:10px;animation:scene-fade-in .3s ease both}.rq-stage-num{padding:1px 6px;background:#667eea;color:#fff;border-radius:8px}.rq-stage-name{letter-spacing:.3px}.rq-prompt{font-size:12px;color:#475569;text-align:center;padding:8px 10px;background:#f1f5f9;border-radius:8px;line-height:1.4;animation:scene-fade-in .3s ease .15s both}.rq-input{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:13px;color:#1e293b;width:100%;animation:scene-fade-in .3s ease .25s both}.rq-typed{overflow:hidden;white-space:nowrap}.scene-review-quest.active .rq-typed{animation:typewriter-reveal .8s steps(30) .4s both}.rq-cursor{display:inline-block;width:2px;height:14px;background:#667eea;margin-left:1px;animation:blink .8s step-end infinite}.rq-feedback{width:100%;display:flex;flex-direction:column;gap:5px;animation:scene-fade-in .4s ease 1s both}.rq-correct,.rq-suggestion{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.35;padding:6px 10px;border-radius:6px}.rq-correct{color:#16a34a;background:#dcfce7;font-weight:600}.rq-suggestion{color:#4f46e5;background:#eef2ff}.rq-correct svg,.rq-suggestion svg{flex-shrink:0}.rq-score{margin-top:6px;font-size:18px;font-weight:800;color:#fff;background:#667eea;width:40px;height:40px;border-radius:50%;justify-content:center;align-self:center;animation:pop-in .3s ease 1.3s both}.chat-persona-header,.rq-score{display:flex;align-items:center}.chat-persona-header{gap:8px;width:100%;padding-bottom:6px;border-bottom:1px solid #f1f5f9;margin-bottom:4px;animation:scene-fade-in .3s ease both}.chat-persona-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px #667eea33}.chat-persona-meta{flex:1 1;min-width:0;display:flex;flex-direction:column}.chat-persona-name{font-size:12px;font-weight:700;color:#1e293b;line-height:1.2}.chat-persona-status{display:flex;align-items:center;gap:4px;font-size:9px;color:#16a34a;font-weight:600}.chat-persona-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:blink 1.6s ease-in-out infinite}.chat-mode-tabs{display:flex;gap:0;background:#f1f5f9;border-radius:999px;padding:2px;flex-shrink:0}.chat-mode-tab{font-size:9px;font-weight:700;color:#64748b;padding:3px 8px;border-radius:999px;transition:all .2s ease}.chat-mode-tab.is-active{background:#667eea;color:#fff;box-shadow:0 1px 3px #667eea44}.chat-voice-hint{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:10px;color:#667eea;font-weight:600}.chat-input-mic{width:26px;height:26px;border-radius:50%;background:#eef2ff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}.scene-kg{gap:6px}.kg-title{font-size:12px;font-weight:700;color:#1e293b;letter-spacing:.3px;animation:scene-fade-in .3s ease both}.kg-svg{width:100%;max-width:220px;height:auto}.kg-grid{opacity:0}.scene-kg.active .kg-grid-0{animation:svg-fade-in .25s ease .05s both}.scene-kg.active .kg-grid-1{animation:svg-fade-in .25s ease .1s both}.scene-kg.active .kg-grid-2{animation:svg-fade-in .25s ease .15s both}.scene-kg.active .kg-grid-3{animation:svg-fade-in .25s ease .2s both}.kg-polygon{transform-origin:center;transform:scale(.6);opacity:0}.scene-kg.active .kg-polygon{animation:kg-grow .6s ease .35s forwards}.kg-dot{opacity:0}.scene-kg.active .kg-dot-0{animation:pop-in .3s ease .95s both}.scene-kg.active .kg-dot-1{animation:pop-in .3s ease 1.05s both}.scene-kg.active .kg-dot-2{animation:pop-in .3s ease 1.15s both}.scene-kg.active .kg-dot-3{animation:pop-in .3s ease 1.25s both}.scene-kg.active .kg-dot-4{animation:pop-in .3s ease 1.35s both}.scene-kg.active .kg-dot-5{animation:pop-in .3s ease 1.45s both}.kg-label{opacity:0}.scene-kg.active .kg-label-0{animation:svg-fade-in .3s ease .55s both}.scene-kg.active .kg-label-1{animation:svg-fade-in .3s ease .65s both}.scene-kg.active .kg-label-2{animation:svg-fade-in .3s ease .75s both}.scene-kg.active .kg-label-3{animation:svg-fade-in .3s ease .85s both}.scene-kg.active .kg-label-4{animation:svg-fade-in .3s ease .95s both}.scene-kg.active .kg-label-5{animation:svg-fade-in .3s ease 1.05s both}.kg-summary{margin-top:4px;font-size:11px;font-weight:600;color:#667eea;background:#eef2ff;padding:4px 10px;border-radius:10px;animation:scene-fade-in .3s ease 1.2s both}@keyframes kg-grow{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:600px){.vocab-memory-curve{max-width:180px;margin-top:10px}.vocab-memory-curve-label{font-size:9px}.comp-en{font-size:12px}.comp-user-text{font-size:11px}.comp-ai-text{font-size:10px}.comp-ai-score-num{font-size:16px}.shad-audio-btn,.shad-best{font-size:8px;padding:2px 6px}.shad-sentence{font-size:11px;gap:3px 4px}.shad-overview{padding:6px;gap:8px}.shad-ring{width:56px;height:56px}.shad-ring-num{font-size:18px}.shad-bar-num{font-size:9px}.shad-bar-name,.shad-legend{font-size:8px}.shad-legend{gap:6px}.shad-strategy{padding:6px 8px 7px}.shad-strategy-title{font-size:9px}.shad-strategy-tone{font-size:8px;padding:1px 6px}.shad-strategy-sentence{font-size:10px;line-height:1.6}.shad-strategy-tip{font-size:9px;padding:3px 7px}.dict-guidance{padding:5px 7px 6px}.dict-guidance-header{font-size:9px}.dict-guidance-badge{font-size:8px;padding:1px 6px}.dict-guidance-compare{font-size:10px}.dict-guidance-link,.dict-guidance-tip{font-size:9px}.dict-translation{font-size:10px}.dep-translation{padding:5px 8px}.dep-translation-en{font-size:9px}.dep-translation-zh{font-size:10px}.dep-legend{font-size:8px;gap:3px 6px}.dep-legend-dot{width:6px;height:6px}.quiz-question{font-size:12px}.quiz-option{font-size:11px;padding:5px 8px}.quiz-option-letter{width:16px;height:16px;font-size:9px}.rq-prompt{font-size:11px;padding:6px 8px}.rq-input{font-size:12px;padding:7px 10px}.rq-correct,.rq-suggestion{font-size:10px;padding:5px 8px}.chat-persona-avatar{width:28px;height:28px}.chat-persona-name{font-size:11px}.chat-mode-tab{font-size:8px;padding:2px 6px}.kg-svg{max-width:180px}.kg-summary{font-size:10px}}@media (prefers-reduced-motion:reduce){.chat-persona-dot,.chat-persona-header,.comp-ai-bubble,.comp-ai-sticker,.comp-en,.comp-reward,.comp-user-input,.kg-dot,.kg-grid,.kg-label,.kg-polygon,.kg-summary,.quiz-feedback,.quiz-option,.quiz-option-check,.quiz-progress-fill,.rq-feedback,.rq-input,.rq-prompt,.rq-score,.rq-stage-badge,.scene-shadowing .shad-ring .shadow-score-fill,.shad-audio-rec-dot,.shad-audio-row,.shad-bar-fill,.shad-legend,.shad-overview,.shad-sentence,.shad-strategy,.vocab-memory-curve,.vocab-memory-curve *{animation:none!important;opacity:1!important;transform:none!important}.scene-review-quest.active .rq-typed{animation:none!important;max-width:300px}.scene-vocabulary.active .vocab-curve-fill{animation:none!important;stroke-dashoffset:0}.scene-kg.active .kg-polygon{animation:none!important;transform:scale(1);opacity:1}.rq-cursor{animation:none!important}.dict-audio-bar,.dict-counter,.dict-word-hint,.dict-word-input--incorrect,.dict-word-wrapper{animation:none!important;opacity:1!important;transform:translateX(-50%)!important}.dep-legend,.dep-translation,.dict-guidance,.dict-translation{animation:none!important;opacity:1!important;transform:none!important}.dict-word-hint{transform:translateX(-50%)!important}}.ld{max-width:1200px;margin:0 auto;padding:24px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans CJK TC,sans-serif;color:#1e293b}.ld-welcome{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:32px}.ld-welcome__greeting{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.ld-welcome__stats{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ld-badge,.ld-stat{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;line-height:1.4}.ld-stat--streak{color:#f59e0b}.ld-stat--level{background:#667eea}.ld-badge--cefr,.ld-stat--level{color:#fff;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.ld-badge--cefr{background:#10b981}.ld-badge--premium{background:#fffbeb;color:#b45309;border:1px solid #fde68a;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.ld-section{margin-bottom:32px}.ld-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ld-section__title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.ld-section__link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:#667eea;text-decoration:none;font-weight:500}.ld-section__link:hover{text-decoration:underline}.ld-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ld-courses--four{grid-template-columns:repeat(4,1fr)}.ld-course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:box-shadow .2s ease,transform .2s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.ld-course-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.ld-course-card__thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f1f5f9}.ld-course-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.ld-course-card__cefr{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.65);color:#fff;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600;line-height:1.4}.ld-course-card__body{padding:12px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1}.ld-course-card__body .bilingual-title--compact{font-size:.875rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4}.ld-course-card__body .bilingual-title__en{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ld-course-card__progress{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.ld-course-card__progress-bar{height:100%;background:#667eea;border-radius:2px;transition:width .3s ease}.ld-course-card__cta{font-size:.8125rem;font-weight:500;color:#667eea}.ld-course-card__learners{font-size:.75rem;color:#64748b}.ld-empty{text-align:center;padding:32px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.ld-empty p{color:#64748b;margin:0 0 16px;font-size:.9375rem}.ld-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:.9375rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap}.ld-btn--primary{background:#667eea;color:#fff}.ld-btn--primary:hover{background:#5a67d8}.ld-btn--outline{background:#fff;color:#667eea;border-color:#c7d2fe}.ld-btn--outline:hover{background:#eef2ff}.ld-review{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:12px}.ld-review__meta{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#475569}.ld-review__dot{width:4px;height:4px;border-radius:50%;background:#cbd5e1;display:inline-block}.ld-review__pills{display:flex;gap:8px;flex-wrap:wrap}.ld-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.5}.ld-pill--vocab{background:#eff6ff;color:#2563eb}.ld-pill--kp{background:#ecfdf5;color:#047857}.ld-pill--pattern{background:#fef3c7;color:#92400e}.ld-review__fading{background:#fff7ed;border-radius:8px;padding:8px 12px;font-size:.8125rem;color:#9a3412;margin:0;line-height:1.4}.ld-review__cta{align-self:flex-start;margin-top:4px}.ld-review-done{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center;gap:12px;color:#047857;font-weight:500;font-size:.9375rem}.ld-review-done svg{flex-shrink:0}.ld-review-done p{margin:0}.ld-review-empty{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center;gap:12px;color:#6b7280;font-weight:500;font-size:.9375rem}.ld-review-empty svg{flex-shrink:0;color:#9ca3af}.ld-review-empty p{margin:0}.ld-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ld-action{--action-color:#667eea;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);text-decoration:none;color:#1e293b;transition:box-shadow .2s ease,transform .2s ease}.ld-action:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.ld-action__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:color-mix(in srgb,var(--action-color) 12%,#ffffff);color:var(--action-color)}.ld-action__name{font-size:.8125rem;font-weight:600;color:#1e293b;margin-bottom:2px}.ld-action__desc{font-size:.6875rem;color:#94a3b8;line-height:1.3}.ld-upsell{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ld-upsell__text{flex:1 1;min-width:220px}.ld-upsell__text h3{font-size:1rem;font-weight:700;color:#9a3412;margin:0 0 4px}.ld-upsell__text p{font-size:.8125rem;color:#b45309;margin:0;line-height:1.4}.ld-upsell .ld-btn--outline{color:#b45309;border-color:#fdba74;background:#fff}.ld-upsell .ld-btn--outline:hover{background:#fffbeb}.ld-skeleton-bar{height:28px;width:260px;border-radius:8px;margin-bottom:24px}.ld-skeleton-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.ld-skeleton-card{height:200px;border-radius:12px}.ld-skeleton-block{height:120px;border-radius:12px;margin-bottom:24px}.ld-skeleton-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ld-skeleton-action{height:120px;border-radius:12px}.ld-pulse{background:#e2e8f0;animation:ld-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ld-skeleton-pulse{0%,to{opacity:.7}50%{opacity:.4}}@media (max-width:1024px){.ld-courses,.ld-courses--four{grid-template-columns:repeat(2,1fr)}.ld-actions,.ld-skeleton-grid{grid-template-columns:repeat(3,1fr)}.ld-skeleton-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.ld{padding:20px 12px}.ld-welcome{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}.ld-welcome__greeting{font-size:1.375rem}.ld-courses,.ld-courses--four{grid-template-columns:1fr}.ld-actions,.ld-skeleton-grid{grid-template-columns:repeat(2,1fr)}.ld-skeleton-cards{grid-template-columns:1fr}.ld-section{margin-bottom:24px}.ld-review,.ld-upsell{padding:16px}.ld-upsell{flex-direction:column;align-items:flex-start}.ld-upsell .ld-btn{width:100%}}@media (max-width:480px){.ld-welcome__stats{gap:8px}.ld-welcome__stats .ld-badge,.ld-welcome__stats .ld-stat{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.ld-action,.ld-btn,.ld-course-card,.ld-course-card__progress-bar{transition:none}.ld-action:hover,.ld-course-card:hover{transform:none}.ld-pulse{animation:none;opacity:.6}}.caffa-ability-card{background:var(--color-surface,#fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.caffa-ability-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.caffa-ability-card__heading{flex:1 1;min-width:0}.caffa-ability-card__title-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.caffa-ability-card__title{margin:0;font-size:18px;font-weight:700;color:var(--color-text-primary,#1e293b)}.caffa-ability-card__info-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:50%;color:var(--color-text-tertiary,#94a3b8);cursor:pointer;transition:background .15s ease,color .15s ease}.caffa-ability-card__info-btn:focus-visible,.caffa-ability-card__info-btn:hover{background:rgba(102,126,234,.12);color:var(--color-primary,#667eea);outline:none}.caffa-ability-card__subtitle{margin:0;font-size:13px;line-height:1.55;color:var(--color-text-secondary,#64748b);max-width:520px}.caffa-ability-card__cefr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:3px solid;flex-shrink:0}.caffa-ability-card__cefr-level{font-size:22px;font-weight:700;line-height:1}.caffa-ability-card__cefr-label{font-size:10px;color:var(--color-text-tertiary,#94a3b8);margin-top:2px}.caffa-ability-card__bars{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}@media (max-width:640px){.caffa-ability-card__bars{grid-template-columns:1fr}}.caffa-ability-card__bar-row{display:flex;flex-direction:column;gap:6px}.caffa-ability-card__bar-label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--color-text-primary,#1e293b)}.caffa-ability-card__bar-name{font-weight:600}.caffa-ability-card__bar-score{font-family:SF Mono,Monaco,monospace;font-weight:700;color:var(--color-primary,#667eea)}.caffa-ability-card__bar-track{height:8px;background:var(--color-bg-subtle,#f1f5f9);border-radius:4px;overflow:hidden}.caffa-ability-card__bar-fill{height:100%;background:linear-gradient(90deg,#8b9cf0,#667eea);border-radius:4px;transition:width .5s ease}.caffa-ability-card__bar-hint{margin:0;font-size:11px;line-height:1.45;color:var(--color-text-tertiary,#94a3b8)}.caffa-ability-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--color-border,#e2e8f0)}.caffa-ability-card__sample{font-size:12px;color:var(--color-text-secondary,#64748b)}.caffa-ability-card__cta{font-size:13px;font-weight:600;color:var(--color-primary,#667eea);text-decoration:none;padding:6px 12px;border-radius:8px;transition:background .15s ease;background:none;border:none;cursor:pointer;font-family:inherit}.caffa-ability-card__cta:hover{background:rgba(102,126,234,.1)}.caffa-ability-card__cta--primary{background:var(--color-primary,#667eea);color:#fff;padding:10px 18px}.caffa-ability-card__cta--primary:hover{background:#5568d3}.caffa-ability-card__empty{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:16px 0 4px}.caffa-ability-card__empty p{margin:0;font-size:13px;line-height:1.6;color:var(--color-text-secondary,#64748b)}.caffa-info-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:caffaInfoFadeIn .18s ease}@keyframes caffaInfoFadeIn{0%{opacity:0}to{opacity:1}}.caffa-info-modal{position:relative;width:100%;max-width:520px;max-height:85vh;background:#fff;border-radius:16px;padding:28px 28px 24px;overflow-y:auto;box-shadow:0 20px 60px rgba(15,23,42,.25);animation:caffaInfoSlideUp .24s ease}@keyframes caffaInfoSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.caffa-info-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;color:#64748b;transition:background .15s ease,color .15s ease}.caffa-info-close:hover{background:#e2e8f0;color:#1e293b}.caffa-info-title{margin:0 40px 10px 0;font-size:20px;font-weight:700;color:var(--color-text-primary,#1e293b)}.caffa-info-desc{margin:0 0 18px;font-size:14px;line-height:1.7;color:var(--color-text-secondary,#475569)}.caffa-info-bullets{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px}.caffa-info-bullets li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.6;color:var(--color-text-primary,#1e293b)}.caffa-info-bullets li svg{flex-shrink:0;margin-top:4px;color:#667eea}.caffa-info-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.caffa-info-cta{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary,#667eea);color:#fff;font-size:14px;font-weight:600;padding:10px 18px;border-radius:10px;text-decoration:none;transition:background .15s ease,transform .15s ease}.caffa-info-cta:hover{background:#5568d3;transform:translateY(-1px)}@media (max-width:480px){.caffa-info-modal{padding:22px 20px 20px;max-height:90vh}.caffa-info-title{font-size:18px}.caffa-info-desc{font-size:13px}}.cat-detail{background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}.cat-detail__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-left:4px solid;background:var(--color-bg-subtle,#f8fafc)}.cat-detail__title{font-size:15px;font-weight:700;color:var(--color-text-primary,#1e293b)}.cat-detail__score{font-size:14px;font-weight:700}.cat-detail__groups{padding:4px 0}.cat-detail__group{border-bottom:1px solid var(--color-border-subtle,#f1f5f9)}.cat-detail__group:last-child{border-bottom:none}.cat-detail__group-header{display:flex;align-items:center;gap:8px;padding:10px 20px}.cat-detail__group-header--clickable{cursor:pointer;transition:background .15s}.cat-detail__group-header--clickable:hover{background:var(--color-bg-subtle,#f8fafc)}.cat-detail__chevron{display:flex;align-items:center;color:var(--color-text-tertiary,#94a3b8);transition:transform .2s;flex-shrink:0}.cat-detail__chevron--open{transform:rotate(90deg)}.cat-detail__group-label{font-size:13px;font-weight:500;color:var(--color-text-primary,#1e293b);min-width:120px;flex-shrink:0}.cat-detail__group-bar{flex:1 1;height:6px;background:var(--color-bg-subtle,#f1f5f9);border-radius:3px;overflow:hidden}.cat-detail__group-fill{height:100%;border-radius:3px;transition:width .4s ease}.cat-detail__group-score{font-size:12px;font-weight:600;color:var(--color-text-secondary,#64748b);min-width:32px;text-align:right;flex-shrink:0}.cat-detail__leaves{padding:2px 0 6px;animation:catFadeIn .2s ease}@keyframes catFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cat-detail__leaf{display:flex;align-items:center;gap:8px;padding:6px 20px 6px 44px}.cat-detail__leaf-label{font-size:12px;color:var(--color-text-secondary,#64748b);min-width:120px;flex-shrink:0}.cat-detail__leaf-bar{flex:1 1;height:4px;background:var(--color-bg-subtle,#f1f5f9);border-radius:2px;overflow:hidden}.cat-detail__leaf-fill{height:100%;border-radius:2px;transition:width .4s ease}.cat-detail__leaf-score{font-size:11px;font-weight:500;color:var(--color-text-tertiary,#94a3b8);min-width:32px;text-align:right;flex-shrink:0}.cat-drawer-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border-subtle,#f1f5f9);margin-bottom:8px}.cat-drawer-summary__label{font-size:13px;color:var(--color-text-secondary,#64748b)}.cat-drawer-summary__score{font-size:18px;font-weight:700}.cat-drawer-leaves{display:flex;flex-direction:column;gap:4px}.cat-drawer-leaf{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--color-border-subtle,#f1f5f9)}.cat-drawer-leaf:last-child{border-bottom:none}.cat-drawer-leaf__label{font-size:13px;color:var(--color-text-primary,#1e293b);min-width:100px;flex-shrink:0}.cat-drawer-leaf__bar{flex:1 1;height:6px;background:var(--color-bg-subtle,#f1f5f9);border-radius:3px;overflow:hidden}.cat-drawer-leaf__fill{height:100%;border-radius:3px;transition:width .4s ease}.cat-drawer-leaf__score{font-size:12px;font-weight:600;color:var(--color-text-secondary,#64748b);min-width:32px;text-align:right;flex-shrink:0}@media (max-width:640px){.cat-detail__group-label,.cat-detail__leaf-label{min-width:80px}.cat-detail__leaf{padding-left:36px}}.kg-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;animation:kgFadeIn .15s ease-out}@keyframes kgFadeIn{0%{opacity:0}to{opacity:1}}.kg-modal{background:white;border-radius:12px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.2);animation:kgSlideIn .2s ease-out}@keyframes kgSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.kg-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}.kg-modal__title{margin:0;font-size:18px;font-weight:600;color:#1E293B}.kg-modal__close{background:none;border:none;font-size:24px;color:#94A3B8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.kg-modal__close:hover{background:#F1F5F9;color:#64748B}.kg-modal__body{padding:20px 24px;overflow-y:auto;flex:1 1}.kg-modal__desc{font-size:14px;color:#475569;line-height:1.6;margin:0 0 16px;padding:12px 14px;background:#f8fafc;border-radius:8px;border-left:3px solid var(--color-primary,#667eea)}.kg-modal__footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.kg-modal__learn-more{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;background:var(--color-primary,#667eea);color:#fff;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;border:none}.kg-modal__learn-more:hover{opacity:.9}.kg-modal__learn-more svg{flex-shrink:0}@media (max-width:480px){.kg-modal{width:95%;margin:16px;max-height:85vh}.kg-modal__header{padding:16px 20px 12px}.kg-modal__body{padding:16px 20px}.kg-modal__footer{padding:12px 20px 16px}}.kg-fsrs{margin-top:48px;padding-top:32px;border-top:1px solid #e5e7eb;scroll-margin-top:80px}.kg-fsrs__header{max-width:680px;margin-bottom:40px}.kg-fsrs__title{font-size:clamp(24px,2.8vw,30px);font-weight:700;color:#111827;margin:0 0 12px;line-height:1.3;letter-spacing:-.01em}.kg-fsrs__subtitle{font-size:15px;color:#4b5563;margin:0;line-height:1.8;max-width:620px}.kg-fsrs__beats{list-style:none;padding:0;margin:0 0 48px;display:flex;flex-direction:column;gap:44px}.kg-fsrs-beat{display:grid;grid-template-columns:44px 1fr;gap:20px;align-items:start}@media (max-width:640px){.kg-fsrs-beat{grid-template-columns:32px 1fr;gap:12px}}.kg-fsrs-beat__num{font-size:13px;font-weight:600;color:#9ca3af;font-variant-numeric:tabular-nums;letter-spacing:.04em;padding-top:6px;font-feature-settings:"tnum","tnum"}.kg-fsrs-beat__title{font-size:17px;font-weight:700;color:#111827;margin:0 0 10px;line-height:1.45;letter-spacing:-.005em}.kg-fsrs-beat__text{font-size:15.5px;color:#374151;line-height:1.85;margin:0;max-width:640px}.kg-fsrs-beat__body{min-width:0}.kg-fsrs-beat--hero .kg-fsrs-beat__num{color:#9ca3af;font-size:13px;font-weight:600}.kg-fsrs-beat--hero .kg-fsrs-beat__title{font-size:clamp(20px,2.2vw,24px);font-weight:800;margin-bottom:14px}.kg-fsrs-beat__text--lead{font-size:17px;color:#1f2937;line-height:1.8}.kg-fsrs-pull{margin:20px 0 0;padding:2px 0 2px 18px;border-left:3px solid #111827;font-size:16px;color:#111827;line-height:1.75;font-weight:500;font-style:normal;max-width:600px}.kg-fsrs-curve{margin:24px 0 0;max-width:560px}.kg-fsrs-curve svg{width:100%;height:auto;display:block}.kg-fsrs-curve__caption{font-size:13px;color:#6b7280;margin-top:10px;line-height:1.7;max-width:520px}.kg-fsrs-states{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px}.kg-fsrs-state{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#374151;font-weight:500}.kg-fsrs-state__dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.kg-fsrs-state--solid .kg-fsrs-state__dot{background:#16a34a}.kg-fsrs-state--review .kg-fsrs-state__dot{background:#d97706}.kg-fsrs-state--fading .kg-fsrs-state__dot{background:#dc2626}.kg-fsrs__terms{padding-top:24px;border-top:1px solid #e5e7eb}.kg-fsrs__terms-title{font-size:12px;font-weight:600;letter-spacing:.02em;color:#6b7280;margin:0 0 16px}.kg-fsrs__terms-list{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:640px){.kg-fsrs__terms-list{grid-template-columns:1fr;gap:18px}}.kg-fsrs__term{display:flex;flex-direction:column;gap:6px;padding:0 20px;border-left:1px solid #e5e7eb}.kg-fsrs__term:first-child{padding-left:0;border-left:none}@media (max-width:640px){.kg-fsrs__term{padding:0 0 16px;border-left:none;border-bottom:1px solid #e5e7eb}.kg-fsrs__term:last-child{border-bottom:none;padding-bottom:0}}.kg-fsrs__term dt{font-size:14px;font-weight:700;color:#111827}.kg-fsrs__term dd{margin:0;font-size:13px;color:#6b7280;line-height:1.7}.lf-link{text-decoration:none;cursor:pointer;transition:opacity .15s}.lf-link:hover{opacity:.7;text-decoration:underline}.lf-section{background:var(--color-surface,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.lf-section__title{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 4px;display:flex;align-items:center;gap:8px}.lf-section__title svg{color:var(--color-primary,#667eea);flex-shrink:0}.lf-section__desc{font-size:13px;color:var(--color-text-tertiary,#94a3b8);margin:0 0 16px;line-height:1.5}.lf-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--color-bg-subtle,#f1f5f9);border-radius:8px;padding:3px}.lf-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary,#64748b);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.lf-tab:hover{color:var(--color-text-primary,#1e293b)}.lf-tab--active{background:var(--color-surface,#fff);color:var(--color-primary,#667eea);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}.lf-tab svg{flex-shrink:0}.lf-panel{display:flex;flex-direction:column;gap:16px}.lf-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lf-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:var(--color-bg-subtle,#f1f5f9);border-radius:8px}.lf-stat__value{font-size:18px;font-weight:700;color:var(--color-text-primary,#1e293b)}.lf-stat__value--primary{color:var(--color-primary,#667eea)}.lf-stat__label{font-size:11px;color:var(--color-text-tertiary,#94a3b8);font-weight:500}.lf-comment{padding:12px 14px;background:var(--color-bg-subtle,#f1f5f9);border-radius:8px;border-left:3px solid var(--color-primary,#667eea)}.lf-comment__text{font-size:13px;line-height:1.6;color:var(--color-text-primary,#1e293b);margin:0}.lf-comment__detail{font-size:12px;line-height:1.5;color:var(--color-text-secondary,#64748b);margin:6px 0 0}.lf-comment__detail--positive{color:#16a34a}.lf-confusion-grid{display:flex;flex-direction:column;gap:6px}.lf-sub-title{font-size:13px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 4px}.lf-confusion-row{display:flex;align-items:center;gap:10px;padding:4px 0}.lf-confusion-label{width:48px;font-size:12px;font-weight:600;color:var(--color-text-primary,#1e293b);text-align:center;flex-shrink:0}.lf-bar-track{flex:1 1;height:6px;background:var(--color-bg-subtle,#f1f5f9);border-radius:3px;overflow:hidden}.lf-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.lf-bar-fill--error{background:#f59e0b}.lf-bar-fill--good{background:#22c55e}.lf-bar-fill--mid{background:#f59e0b}.lf-bar-fill--low{background:#ef4444}.lf-confusion-count{width:28px;font-size:12px;font-weight:600;color:var(--color-text-secondary,#64748b);text-align:right;flex-shrink:0}.lf-morph-categories{display:flex;flex-direction:column;gap:8px}.lf-category-chips{display:flex;flex-direction:column;gap:6px}.lf-category-chip{display:flex;align-items:center;gap:10px;padding:4px 0}.lf-category-chip__name{width:130px;font-size:12px;font-weight:500;color:var(--color-text-primary,#1e293b);text-transform:capitalize;flex-shrink:0;line-height:1.4}.lf-category-chip__native{display:block;font-size:11px;font-weight:400;color:var(--color-text-tertiary,#94a3b8);text-transform:none;line-height:1.3}.lf-category-chip__bar{flex:1 1;height:6px;background:var(--color-bg-subtle,#f1f5f9);border-radius:3px;overflow:hidden}.lf-category-chip__fill{display:block;height:100%;border-radius:3px;background:var(--color-primary,#667eea);transition:width .5s ease}.lf-category-chip__pct{width:36px;font-size:12px;font-weight:600;color:var(--color-text-secondary,#64748b);text-align:right;flex-shrink:0}.lf-morph-list{display:flex;flex-direction:column;gap:6px}.lf-morph-row{display:flex;align-items:center;gap:8px;padding:5px 0}.lf-morph-badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;font-family:SF Mono,Fira Code,monospace;flex-shrink:0}.lf-morph-badge[data-type=prefix]{background:#ede9fe;color:#7c3aed}.lf-morph-badge[data-type=suffix]{background:#fef3c7;color:#d97706}.lf-morph-badge[data-type=root]{background:#dbeafe;color:#2563eb}.lf-morph-type{width:44px;font-size:11px;color:var(--color-text-tertiary,#94a3b8);flex-shrink:0}.lf-morph-pct{width:32px;font-size:12px;font-weight:600;color:var(--color-text-secondary,#64748b)}.lf-morph-count,.lf-morph-pct{text-align:right;flex-shrink:0}.lf-morph-count{width:28px;font-size:11px;color:var(--color-text-tertiary,#94a3b8)}.lf-analyze-btn,.lf-refresh-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;align-self:center}.lf-refresh-btn{background:var(--color-bg-subtle,#f1f5f9);color:var(--color-text-secondary,#64748b)}.lf-refresh-btn:hover:not(:disabled){background:var(--color-border,#e2e8f0)}.lf-analyze-btn{background:var(--color-primary,#667eea);color:#fff;font-weight:600}.lf-analyze-btn:hover:not(:disabled){opacity:.9}.lf-analyze-btn:disabled,.lf-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.lf-empty{text-align:center;padding:20px 0}.lf-empty p{font-size:13px;color:var(--color-text-tertiary,#94a3b8);margin:0 0 16px;line-height:1.5}.lf-category-chip--clickable:hover,.lf-confusion-row:hover,.lf-morph-row--clickable:hover{background:var(--color-bg-subtle,#f8fafc);border-radius:6px}.lf-category-chip--clickable,.lf-morph-row--clickable{cursor:pointer;transition:background .15s}.lf-drawer-stat-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border-subtle,#f1f5f9)}.lf-drawer-stat-row:last-child{border-bottom:none}.lf-drawer-stat-label{font-size:13px;color:var(--color-text-secondary,#64748b)}.lf-drawer-stat-value{font-size:14px}.lf-drawer-stat-value,.lf-drawer-sub-title{font-weight:600;color:var(--color-text-primary,#1e293b)}.lf-drawer-sub-title{font-size:13px;margin:16px 0 8px;padding-top:8px;border-top:1px solid var(--color-border-subtle,#f1f5f9)}.lf-drawer-bar-section{padding:12px 0 4px}.lf-drawer-bar-label{display:block;font-size:11px;color:var(--color-text-tertiary,#94a3b8);margin-top:6px;text-align:right}@media (max-width:480px){.lf-stats-row{grid-template-columns:repeat(2,1fr)}.lf-morph-row{flex-wrap:wrap;gap:4px 8px}.lf-morph-type{display:none}.lf-category-chip__name{width:100px}}.proficiency-summary-card{background:var(--color-surface,#fff);border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.proficiency-summary-card__header{display:flex;align-items:center;gap:20px}.proficiency-summary-card__cefr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:3px solid;flex-shrink:0}.proficiency-summary-card__cefr-level{font-size:28px;font-weight:700;line-height:1}.proficiency-summary-card__cefr-label{font-size:10px;color:var(--color-text-tertiary,#94a3b8);margin-top:2px}.proficiency-summary-card__progress{flex:1 1}.proficiency-summary-card__progress-text{font-size:13px;color:var(--color-text-secondary,#64748b);margin-bottom:6px}.proficiency-summary-card__progress-bar{height:8px;background:var(--color-bg-subtle,#f1f5f9);border-radius:4px;overflow:hidden}.proficiency-summary-card__progress-fill{height:100%;background:var(--color-primary,#667eea);border-radius:4px;transition:width .5s ease}.proficiency-summary-card__disclaimer{margin:14px 0 0;padding:8px 12px;font-size:12px;line-height:1.5;color:var(--color-text-tertiary,#94a3b8);background:var(--color-bg-subtle,#f1f5f9);border-radius:8px}.radar-chart{display:flex;flex-direction:column;align-items:center;padding:12px}.radar-chart svg{overflow:visible}.radar-chart__label{font-size:11px;fill:var(--color-text-secondary,#475569);font-weight:600}.radar-chart__label--unassessed{fill:var(--color-text-muted,#94a3b8);opacity:.5;font-style:italic}.radar-chart__center-level{font-size:28px;font-weight:700}.radar-chart__center-label{font-size:10px;fill:var(--color-text-tertiary,#94a3b8)}.radar-chart__confidence{margin-top:8px;font-size:12px;color:var(--color-text-muted,#94a3b8);text-align:center}.strengths-weaknesses{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:640px){.strengths-weaknesses{grid-template-columns:1fr}}.sw-section{background:var(--color-surface,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sw-section__title{font-size:14px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:6px}.sw-section__title--strength{color:#22c55e}.sw-section__title--strength:before{content:"\2191"}.sw-section__title--weakness{color:#f59e0b}.sw-section__title--weakness:before{content:"\2193"}.sw-section__empty{font-size:13px;color:var(--color-text-tertiary,#94a3b8);margin:0}.sw-item{display:flex;align-items:center;gap:10px;padding:8px 0}.sw-item__label{width:120px;font-size:13px;color:var(--color-text-primary,#1e293b);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-item__bar{flex:1 1;height:6px;background:var(--color-bg-subtle,#f1f5f9);border-radius:3px;overflow:hidden}.sw-item__fill{height:100%;border-radius:3px;transition:width .5s ease}.sw-item--strength .sw-item__fill{background:#22c55e}.sw-item--weakness .sw-item__fill{background:#f59e0b}.sw-item__value{width:36px;font-size:12px;font-weight:600;color:var(--color-text-secondary,#64748b);text-align:right}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:900;background:rgba(30,41,59,.98);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);padding:var(--space-4) var(--space-6);animation:slideUp .3s ease-out}.cookie-consent__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:var(--space-5)}.cookie-consent__icon{flex-shrink:0;width:48px;height:48px;background:rgba(99,102,241,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#818cf8}.cookie-consent__text{flex:1 1}.cookie-consent__text p{margin:0;color:rgba(255,255,255,.9);font-size:14px;line-height:1.5}.cookie-consent__text p:first-child{margin-bottom:var(--space-1)}.cookie-consent__links{font-size:13px!important;color:rgba(255,255,255,.6)!important}.cookie-consent__links a{color:#818cf8;text-decoration:none;transition:color .2s}.cookie-consent__links a:hover{color:#a5b4fc;text-decoration:underline}.cookie-consent__separator{margin:0 var(--space-2);color:rgba(255,255,255,.3)}.cookie-consent__actions{flex-shrink:0;display:flex;gap:var(--space-3)}.cookie-consent__btn{padding:10px var(--space-6);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cookie-consent__btn--accept{background:#6366f1;color:white}.cookie-consent__btn--accept:hover{background:#4f46e5;transform:translateY(-1px)}@media (max-width:768px){.cookie-consent{padding:var(--space-4)}.cookie-consent__content{flex-direction:column;text-align:center;gap:var(--space-4)}.cookie-consent__icon{width:40px;height:40px}.cookie-consent__icon svg{width:20px;height:20px}.cookie-consent__text p{font-size:13px}.cookie-consent__actions{width:100%}.cookie-consent__btn{flex:1 1;padding:var(--space-3) var(--space-5)}}.site-footer{background:#1e293b;color:white;padding:48px 0 0}.footer-content{max-width:1200px;margin:0 auto;padding:0 24px}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand{flex:1 1;max-width:380px}.footer-logo{font-size:24px;font-weight:800;color:white;text-decoration:none;display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;transition:color .2s ease}.footer-logo:hover{color:#a5b4fc}.footer-description{font-size:15px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:20px}.footer-cta{display:inline-flex;align-items:center;gap:6px;color:#a5b4fc;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s ease}.footer-cta:hover{color:white;gap:10px}.footer-cta svg{transition:transform .2s ease}.footer-cta:hover svg{transform:translateX(3px)}.footer-links{display:flex;flex-direction:column;gap:20px;padding-top:4px}.footer-nav-links{display:flex;gap:28px}.footer-nav-links a{font-size:15px;color:rgba(255,255,255,.7);text-decoration:none;font-weight:500;transition:color .2s ease}.footer-nav-links a:hover{color:white}.footer-legal-links{display:flex;align-items:center;gap:8px}.footer-legal-links a{font-size:13px;color:rgba(255,255,255,.45);text-decoration:none;transition:color .2s ease}.footer-legal-links a:hover{color:rgba(255,255,255,.8)}.footer-link-sep{color:rgba(255,255,255,.25);font-size:13px}.footer-bottom{padding:20px 0;display:flex;align-items:center;justify-content:space-between}.footer-copyright{font-size:13px;color:rgba(255,255,255,.4);margin:0}.footer-bottom .language-switcher .language-switcher-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.7);font-size:13px}.footer-bottom .language-switcher .language-switcher-btn:hover{background:rgba(255,255,255,.15);color:white}.footer-bottom .language-switcher .language-dropdown{bottom:100%;top:auto;margin-bottom:8px;max-height:280px;overflow-y:auto}@media (max-width:900px){.footer-main{flex-direction:column;gap:32px;align-items:center;text-align:center}.footer-brand{max-width:100%}.footer-cta{justify-content:center}.footer-links{align-items:center}.footer-nav-links{flex-wrap:wrap;justify-content:center}}@media (max-width:600px){.site-footer{padding:36px 0 0}.footer-nav-links{display:none}.footer-main{gap:24px;padding-bottom:24px}.footer-description{font-size:14px}.footer-bottom{flex-direction:column;gap:12px;text-align:center;padding:16px 0}}.language-switcher{position:relative}.language-switcher-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.9);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px}.language-switcher-btn:hover{background:rgba(255,255,255,.2)}.language-current{font-size:16px}.language-chevron{transition:transform .2s ease;opacity:.7}.language-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);min-width:180px;padding:8px;z-index:200;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;color:#374151;font-size:15px;font-weight:500;text-align:left;border-radius:8px;cursor:pointer;transition:all .15s ease}.language-option:hover{background:#f3f4f6}.language-option.active{background:rgba(102,126,234,.1);color:#667eea}.language-flag{font-size:20px}.language-name{flex:1 1}.language-check{color:#667eea}.definition-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.definition-card--compact{padding:12px 14px;gap:4px}.definition-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.definition-card__word{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2}.definition-card--compact .definition-card__word{font-size:1.25rem}.definition-card__audio{background:#eef2ff;border:none;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#4f46e5;cursor:pointer;transition:background .15s ease,transform .15s ease}.definition-card__audio:hover:not(:disabled){background:#e0e7ff}.definition-card__audio:disabled{opacity:.4;cursor:not-allowed}.definition-card__audio.is-playing{background:#4f46e5;color:#fff;animation:definition-card-pulse 1s ease-in-out infinite}@keyframes definition-card-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.definition-card__phonetic{color:#64748b;font-size:.95rem;font-family:Charis SIL,Doulos SIL,Times New Roman,serif}.definition-card__definition{color:#334155;font-size:.95rem;line-height:1.5}.definition-card__hint{color:#94a3b8;font-size:.85rem;font-style:italic}@media (prefers-reduced-motion:reduce){.definition-card__audio.is-playing{animation:none}}.dt-card{display:flex;flex-direction:column;gap:16px}.dt-card__audio-area{display:flex;justify-content:center}.dt-card__play-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#667eea;border:none;color:#fff;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.dt-card__play-btn:not(:disabled):hover{background:#5568d3}.dt-card__play-btn:disabled{background:#cbd5e1;cursor:not-allowed}.dt-card__play-btn.is-playing{background:#4f46e5;animation:dt-card-pulse 1s ease-in-out infinite}@keyframes dt-card-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.dt-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:600;text-align:center}.dt-card__input-area{display:flex;flex-direction:column;gap:10px}.dt-card__text-row{display:flex;gap:8px;align-items:center}.dt-card__text-input{flex:1 1;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;outline:none;transition:border-color .15s ease}.dt-card__text-input:focus{border-color:#667eea}.dt-card__submit-btn{background:#667eea;border:none;color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s ease}.dt-card__submit-btn:hover:not(:disabled){background:#5568d3}.dt-card__submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.dt-card__answer{background:#f8fafc;border-radius:10px;padding:14px 16px;border-left:3px solid #22c55e}.dt-card__answer-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:600;margin-bottom:6px}.dt-card__answer-text{font-size:1.05rem;color:#0f172a;line-height:1.5}.dt-card__word.is-clickable{cursor:pointer;transition:color .15s ease}.dt-card__word.is-clickable:hover{color:#667eea;text-decoration:underline}.dt-card__translation{margin-top:6px;font-size:.9rem;color:#64748b;line-height:1.4}.dt-card__lemma-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dt-card__lemma-content{position:relative;background:#fff;border-radius:14px;padding:22px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.dt-card__lemma-close{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;line-height:1}.dt-card__lemma-word{font-size:1.4rem;font-weight:700;color:#0f172a;margin:0}.dt-card__lemma-pos{display:inline-block;background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;align-self:flex-start}.dt-card__lemma-forms{color:#475569;font-size:.95rem}.dt-card__lemma-def{color:#334155;font-size:.9rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.dt-card__play-btn.is-playing{animation:none}}.fb-card{gap:16px}.fb-card,.fb-card__context{display:flex;flex-direction:column}.fb-card__context{background:#f8fafc;border-radius:10px;padding:14px 16px;gap:6px;border-left:3px solid #c7d2fe}.fb-card__sentence{font-size:1.05rem;color:#0f172a;line-height:1.5;font-weight:500}.fb-card__translation{font-size:.9rem;color:#64748b;line-height:1.4}.fb-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:600}.fb-card__input-area{display:flex;flex-direction:column;gap:12px}.fb-card__text-row{display:flex;gap:8px;align-items:center}.fb-card__text-input{flex:1 1;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;background:#fff;color:#0f172a;outline:none;transition:border-color .15s ease}.fb-card__text-input:focus{border-color:#667eea}.fb-card__submit-btn{background:#667eea;border:none;color:#fff;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s ease}.fb-card__submit-btn:hover:not(:disabled){background:#5568d3}.fb-card__submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.loopy-verdict{margin-top:16px;display:flex;flex-direction:column;gap:12px}.loopy-verdict__bubble{border-radius:12px}.loopy-verdict__actions{display:flex;justify-content:center;gap:12px}.loopy-verdict__btn{appearance:none;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.loopy-verdict__btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.loopy-verdict__btn:active{transform:translateY(0)}.loopy-verdict__btn--next{background:var(--color-primary,#667eea);color:#fff}.loopy-verdict__btn--retry{background:#f1f5f9;color:#475569}.loopy-verdict__kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.7rem;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:1px 6px;border-radius:3px}.loopy-verdict__btn--retry .loopy-verdict__kbd{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1)}@media (hover:none) and (pointer:coarse){.loopy-verdict__kbd{display:none}}@media (max-width:768px){.loopy-verdict__kbd{display:none}}.mq-card{display:flex;flex-direction:column;gap:14px}.mq-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-weight:600}.mq-card__prompt{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.3;text-align:center}.mq-card--native2en .mq-card__prompt{font-size:1.125rem;font-weight:600;color:#334155}.mq-card__prompt-hint{text-align:center;font-size:.9rem;color:#64748b;margin-top:-4px}.mq-card__options{display:flex;flex-direction:column;gap:8px}.mq-card__option{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:.95rem;text-align:left;cursor:pointer;color:#0f172a;transition:all .15s ease;font-weight:500}.mq-card__option:not(:disabled):hover{border-color:#667eea;background:#f5f7ff}.mq-card__option--selected{border-color:#667eea;background:#eef2ff}.mq-card__option--correct{border-color:#22c55e;background:#f0fdf4;color:#14532d;font-weight:600}.mq-card__option--wrong{border-color:#ef4444;background:#fef2f2;color:#7f1d1d}.mq-card__option--muted{opacity:.55}.mq-card__option:disabled{cursor:not-allowed}.mq-card__explanation{display:inline-block;margin-top:4px;color:#475569;font-size:.85rem;font-style:italic}.pron-scores{display:flex;gap:24px;align-items:stretch;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.pron-scores--compact{padding:12px;gap:16px}.pron-scores__overall{flex-direction:column;gap:6px;flex-shrink:0}.pron-scores__overall,.pron-scores__overall-circle{display:flex;align-items:center;justify-content:center}.pron-scores__overall-circle{width:64px;height:64px;border-radius:50%;border:3px solid;background:#fff}.pron-scores--compact .pron-scores__overall-circle{width:52px;height:52px}.pron-scores__overall-num{font-size:1.5rem;font-weight:700}.pron-scores--compact .pron-scores__overall-num{font-size:1.25rem}.pron-scores__overall-label{font-size:.75rem;color:#64748b;font-weight:500}.pron-scores__rows{flex:1 1;display:flex;flex-direction:column;gap:8px;justify-content:center}.pron-score__row{display:flex;flex-direction:column;gap:3px}.pron-score__row-head{display:flex;align-items:center;justify-content:space-between}.pron-score__label{font-size:.8rem;color:#475569}.pron-score__number{font-size:.875rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pron-score__bar{width:100%;height:5px;background:#f1f5f9;border-radius:3px;overflow:hidden}.pron-score__bar-fill{height:100%;border-radius:3px;transition:width .3s ease}@media (max-width:600px){.pron-scores{flex-direction:column;align-items:center}.pron-scores__rows{width:100%}}.sp-card{display:flex;flex-direction:column;gap:16px}.sp-card__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.sp-card__label,.sp-card__target{font-weight:600;text-align:center}.sp-card__target{font-size:1.25rem;color:#0f172a;line-height:1.5;background:#f8fafc;border-radius:12px;padding:18px;border-left:3px solid #c7d2fe}.sp-card__phonetic{text-align:center;color:#64748b;font-family:Charis SIL,Doulos SIL,Times New Roman,serif;font-size:.95rem}.sp-card__hint{text-align:center;color:#94a3b8;font-size:.85rem;font-style:italic}.sp-card__word{display:inline;transition:color .15s ease,background .15s ease}.sp-card__word--weak{color:#b45309;background:rgba(251,191,36,.18);padding:0 3px;border-radius:4px;cursor:pointer}.sp-card__word--weak:hover{background:rgba(251,191,36,.32)}.sp-card__record-area{display:flex;flex-direction:column;align-items:center;gap:12px}.sp-card__record-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:#667eea;color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.sp-card__record-btn:not(:disabled):hover{background:#5568d3}.sp-card__record-btn:disabled{background:#cbd5e1;cursor:not-allowed}.sp-card__record-btn.is-recording{background:#ef4444;animation:sp-card-pulse 1s ease-in-out infinite}@keyframes sp-card-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sp-card__record-icon{display:inline-flex;align-items:center}.sp-card__audio-preview{width:100%;max-width:380px;height:32px}.sp-card__error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:8px 12px;border-radius:8px;font-size:.85rem}.sp-card__weak{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sp-card__weak-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#92400e;font-weight:600}.sp-card__weak-chips{display:flex;flex-wrap:wrap;gap:8px}.sp-card__weak-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #fbbf24;color:#92400e;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .15s ease}.sp-card__weak-chip:hover{background:#fef3c7}.sp-card__weak-word{font-weight:600}.sp-card__weak-score{background:#fef3c7;color:#b45309;padding:1px 6px;border-radius:4px;font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.sp-card__record-btn.is-recording{animation:none}}.kp-modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:kp-fade-in .15s ease}.kp-modal-card{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:24px 24px 20px;box-shadow:0 20px 40px rgba(0,0,0,.15);position:relative;animation:kp-slide-up .2s ease}.kp-modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.kp-modal-close:hover{background:#e5e7eb;color:#1f2937}.kp-modal-title{margin:0 0 12px;font-size:18px;color:#111827;padding-right:32px}.kp-modal-summary{margin:0 0 20px;font-size:14px;line-height:1.7;color:#374151}.kp-modal-actions{display:flex;justify-content:flex-end}.kp-modal-learn-more{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#667eea;color:#fff;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s ease}.kp-modal-learn-more:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@keyframes kp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kp-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.kp-modal-backdrop,.kp-modal-card{animation:none}}.annotated-chunks{margin-top:4px;position:relative}.ac-tone-label{display:inline-block;font-size:.7rem;font-weight:500;color:var(--color-text-muted,#64748b);font-style:italic;margin-bottom:2px}.ac-sentence{font-size:1.1rem;line-height:3;padding:10px 0 8px;letter-spacing:.01em;color:var(--color-text-primary,#1e293b)}.ac-chunk-inline{white-space:normal}.ac-chunks-list{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding-top:8px;border-top:1px solid var(--color-border,#e2e8f0)}.ac-chunk-item{display:flex;align-items:baseline;gap:8px;padding:3px 10px;border-radius:4px}.ac-chunk-item:hover{background:var(--color-bg-secondary,#f8fafc)}.ac-chunk-text{font-weight:600;font-size:.88rem;color:var(--color-text-primary,#1e293b);flex-shrink:0}.ac-chunk-meaning{font-size:.8rem;color:var(--color-text-muted,#64748b);line-height:1.4}.ac-stress{font-weight:700;border-bottom:2.5px solid var(--color-primary,#667eea);padding-bottom:1px;cursor:help}.ac-link{text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--color-primary,#667eea);text-underline-offset:3px;text-decoration-thickness:1.5px;cursor:help}.ac-pause{font-weight:500}.ac-pause-mark{display:inline-block;color:var(--color-error,#dc2626);font-size:.7em;font-weight:700;margin:0 2px 0 3px;vertical-align:middle;opacity:.6;cursor:help}.ac-annotated-word{position:relative;display:inline;cursor:help}.ac-hint{position:absolute;left:0;font-size:.62rem;font-weight:600;line-height:1.2;white-space:nowrap;letter-spacing:.3px;pointer-events:none;max-width:160px;overflow:hidden;text-overflow:ellipsis}.ac-hint--below{top:calc(100% + 1px)}.ac-hint--above{bottom:calc(100% + 1px)}.ac-hint--syllables{color:var(--color-primary,#667eea)}.ac-hint--reduction{color:#d97706;font-style:italic}.ac-hint--ipa{color:#7c3aed;font-style:italic}.ac-hint-stress{font-weight:800}.ac-syllables{font-weight:600;border-bottom:2px dashed var(--color-text-muted,#64748b);cursor:help}.ac-reduction{border-bottom:2px dotted #f59e0b}.ac-ipa,.ac-reduction{font-weight:500;cursor:help}.ac-ipa{border-bottom:2px solid #8b5cf6}.ac-intonation{display:inline-block;font-size:1.1em;font-weight:700;margin-left:2px;vertical-align:middle;cursor:help}.ac-intonation.rising{color:var(--color-primary,#667eea)}.ac-intonation.falling{color:var(--color-text-muted,#64748b)}.ac-speaking-tip{margin-top:8px;font-size:.82rem;color:var(--color-text-secondary,#475569);line-height:1.5}.ac-legend-help-wrap{position:absolute;top:0;right:0}.ac-legend-help-btn{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--color-border,#cbd5e1);background:var(--color-surface,#fff);color:var(--color-text-muted,#94a3b8);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.ac-legend-help-btn:hover{border-color:var(--color-primary,#667eea);color:var(--color-primary,#667eea)}.ac-legend-popover{position:absolute;top:28px;right:0;z-index:100;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:12px 14px;min-width:200px;animation:acPopIn .15s ease}@keyframes acPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ac-legend-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center;animation:acFadeIn .15s ease}@keyframes acFadeIn{0%{opacity:0}to{opacity:1}}.ac-legend-modal{background:var(--color-surface,#fff);border-radius:16px 16px 0 0;width:100%;max-width:480px;padding:20px;animation:acSlideUp .2s ease}@keyframes acSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ac-legend-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600;color:var(--color-text-primary,#1e293b)}.ac-legend-modal-close{background:none;border:none;font-size:20px;color:var(--color-text-muted,#94a3b8);cursor:pointer;padding:4px}.ac-legend-content{display:flex;flex-wrap:wrap;gap:10px}.ac-legend-item{font-size:.72rem;color:var(--color-text-muted,#64748b);display:flex;align-items:center;gap:3px}.ac-legend-item .ac-stress{font-size:.72rem;border-bottom-width:1.5px;cursor:default}.ac-link-demo{font-size:.72rem;-webkit-text-decoration:underline wavy var(--color-primary,#667eea);text-decoration:underline wavy var(--color-primary,#667eea);text-underline-offset:2px}.ac-syllables-demo{font-size:.72rem;border-bottom:1.5px dashed var(--color-text-muted,#64748b)}.ac-reduction-demo{font-size:.72rem;border-bottom:1.5px dotted #f59e0b}.ac-ipa-demo{font-size:.72rem;border-bottom:1.5px solid #8b5cf6}.ac-legend-modal .ac-legend-content{flex-direction:column;gap:14px}.ac-legend-modal .ac-legend-item{font-size:.95rem;gap:8px}.ac-legend-modal .ac-ipa-demo,.ac-legend-modal .ac-legend-item .ac-stress,.ac-legend-modal .ac-link-demo,.ac-legend-modal .ac-reduction-demo,.ac-legend-modal .ac-syllables-demo{font-size:.95rem}:root{--ask-primary:#2196f3;--ask-primary-dark:#1976d2;--ask-primary-light:#e3f2fd;--ask-bg:#ffffff;--ask-bg-secondary:#f5f5f5;--ask-text:#333333;--ask-text-secondary:#666666;--ask-text-muted:#999999;--ask-border:#e0e0e0;--ask-error:#f44336;--ask-error-bg:#ffebee;--ask-user-bubble:#2196f3;--ask-user-text:#ffffff;--ask-ai-bubble:#f0f0f0;--ask-ai-text:#333333;--ask-shadow:rgba(0,0,0,0.15);--ask-shadow-heavy:rgba(0,0,0,0.25)}.ask-question{position:fixed;right:20px;bottom:20px;z-index:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.ask-question__fab{width:56px;height:56px;border-radius:50%;background:var(--ask-primary);border:none;cursor:pointer;box-shadow:0 4px 12px var(--ask-shadow-heavy);transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.ask-question__fab:hover{background:var(--ask-primary-dark);transform:scale(1.05);box-shadow:0 6px 16px var(--ask-shadow-heavy)}.ask-question__fab:active{transform:scale(.95)}.ask-question__fab--active{background:var(--ask-text-secondary)}.ask-question__fab-icon{color:#ffffff;font-size:24px;font-weight:700;line-height:1}.ask-question__unread-dot{position:absolute;top:4px;right:4px;width:12px;height:12px;background:var(--ask-error);border-radius:50%;border:2px solid var(--ask-bg);animation:pulse 2s infinite}.ask-question__panel{position:absolute;bottom:70px;right:0;width:400px;height:500px;background:var(--ask-bg);border-radius:16px;box-shadow:0 8px 32px var(--ask-shadow-heavy);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease}.ask-question__panel--open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.ask-question__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ask-primary);color:#ffffff}.ask-question__header-left{display:flex;flex-direction:column;gap:4px}.ask-question__title{margin:0;font-size:16px;font-weight:600}.ask-question__token-info{display:flex;align-items:center}.ask-question__free-badge{font-size:11px;white-space:nowrap}.ask-question__free-badge,.ask-question__token-badge{background:rgba(255,255,255,.2);padding:2px 8px;border-radius:10px}.ask-question__token-badge{display:flex;align-items:center;gap:4px;font-size:12px}.ask-question__token-icon{width:14px;height:14px;background:rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.ask-question__token-cost{opacity:.8;font-size:10px;margin-left:2px}.ask-question__close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#ffffff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ask-question__close:hover{background:rgba(255,255,255,.3)}.ask-question__messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--ask-bg-secondary)}.ask-question__messages::-webkit-scrollbar{width:6px}.ask-question__messages::-webkit-scrollbar-track{background:transparent}.ask-question__messages::-webkit-scrollbar-thumb{background:var(--ask-border);border-radius:3px}.ask-question__messages::-webkit-scrollbar-thumb:hover{background:var(--ask-text-muted)}.ask-question__empty{flex:1 1;flex-direction:column;text-align:center;padding:40px 20px;color:var(--ask-text-secondary)}.ask-question__empty,.ask-question__empty-icon{display:flex;align-items:center;justify-content:center}.ask-question__empty-icon{width:64px;height:64px;border-radius:50%;background:var(--ask-primary-light);color:var(--ask-primary);font-size:32px;font-weight:700;margin-bottom:16px}.ask-question__empty p{margin:0 0 8px;font-size:14px}.ask-question__empty-hint{font-size:12px!important;color:var(--ask-text-muted)}.ask-question__message{max-width:85%;animation:fadeIn .3s ease}.ask-question__message--user{align-self:flex-end}.ask-question__message--ai{align-self:flex-start}.ask-question__message-content{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.ask-question__message--user .ask-question__message-content{background:var(--ask-user-bubble);color:var(--ask-user-text);border-bottom-right-radius:4px}.ask-question__message--ai .ask-question__message-content{background:var(--ask-ai-bubble);color:var(--ask-ai-text);border-bottom-left-radius:4px}.ask-question__message-content p{margin:0}.ask-question__message-content p+p{margin-top:8px}.ask-question__message--ai .ask-question__message-content h1,.ask-question__message--ai .ask-question__message-content h2,.ask-question__message--ai .ask-question__message-content h3,.ask-question__message--ai .ask-question__message-content h4{margin:12px 0 8px;font-weight:600}.ask-question__message--ai .ask-question__message-content h1:first-child,.ask-question__message--ai .ask-question__message-content h2:first-child,.ask-question__message--ai .ask-question__message-content h3:first-child,.ask-question__message--ai .ask-question__message-content h4:first-child{margin-top:0}.ask-question__message--ai .ask-question__message-content ol,.ask-question__message--ai .ask-question__message-content ul{margin:8px 0;padding-left:20px}.ask-question__message--ai .ask-question__message-content li{margin:4px 0}.ask-question__message--ai .ask-question__message-content code{background:rgba(0,0,0,.1);padding:2px 6px;border-radius:4px;font-family:Menlo,Monaco,Consolas,monospace;font-size:13px}.ask-question__message--ai .ask-question__message-content pre{background:rgba(0,0,0,.1);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.ask-question__message--ai .ask-question__message-content pre code{background:none;padding:0}.ask-question__message--ai .ask-question__message-content strong{font-weight:600}.ask-question__message--ai .ask-question__message-content em{font-style:italic}.ask-question__message--ai .ask-question__message-content blockquote{border-left:3px solid var(--ask-primary);margin:8px 0;padding-left:12px;color:var(--ask-text-secondary)}.ask-question__message--ai .ask-question__message-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.ask-question__message--ai .ask-question__message-content td,.ask-question__message--ai .ask-question__message-content th{border:1px solid var(--ask-border);padding:8px;text-align:left}.ask-question__message--ai .ask-question__message-content th{background:rgba(0,0,0,.05);font-weight:600}.ask-question__message-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;padding:0 4px}.ask-question__meta-item{font-size:11px;color:var(--ask-text-muted)}.ask-question__rating{display:flex;align-items:center;gap:8px;margin-top:8px;padding:0 4px}.ask-question__rating-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--ask-border);border-radius:6px;background:var(--ask-bg);font-size:16px;cursor:pointer;transition:all .2s ease;opacity:.7}.ask-question__rating-btn:hover:not(:disabled){opacity:1;transform:scale(1.1)}.ask-question__rating-btn:disabled{cursor:default}.ask-question__rating-btn--up:hover:not(:disabled){background:#e8f5e9;border-color:#4caf50}.ask-question__rating-btn--down:hover:not(:disabled){background:#ffebee;border-color:#f44336}.ask-question__rating-btn--active.ask-question__rating-btn--up{background:#c8e6c9;border-color:#4caf50;opacity:1}.ask-question__rating-btn--active.ask-question__rating-btn--down{background:#ffcdd2;border-color:#f44336;opacity:1}.ask-question__rating-thanks{font-size:12px;color:var(--ask-text-muted);font-style:italic;animation:fadeIn .3s ease}.ask-question__loading{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--ask-ai-bubble);border-radius:16px;border-bottom-left-radius:4px;align-self:flex-start;animation:fadeIn .3s ease}.ask-question__loading-dots{display:flex;gap:4px}.ask-question__loading-dots span{width:8px;height:8px;background:var(--ask-text-muted);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.ask-question__loading-dots span:first-child{animation-delay:-.32s}.ask-question__loading-dots span:nth-child(2){animation-delay:-.16s}.ask-question__loading-text{font-size:13px;color:var(--ask-text-secondary)}.ask-question__error{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:var(--ask-error-bg);border:1px solid var(--ask-error);border-radius:8px;color:var(--ask-error);font-size:13px;animation:fadeIn .3s ease}.ask-question__error-icon{width:20px;height:20px;min-width:20px;background:var(--ask-error);color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ask-question__input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;background:var(--ask-bg);border-top:1px solid var(--ask-border)}.ask-question__input{flex:1 1;min-height:40px;max-height:120px;padding:10px 14px;border:1px solid var(--ask-border);border-radius:20px;background:var(--ask-bg-secondary);color:var(--ask-text);font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .2s,box-shadow .2s}.ask-question__input:focus{border-color:var(--ask-primary);box-shadow:0 0 0 3px var(--ask-primary-light)}.ask-question__input::placeholder{color:var(--ask-text-muted)}.ask-question__input:disabled{opacity:.6;cursor:not-allowed}.ask-question__send{width:40px;height:40px;border-radius:50%;background:var(--ask-primary);border:none;color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.ask-question__send:hover:not(:disabled){background:var(--ask-primary-dark);transform:scale(1.05)}.ask-question__send:disabled{background:var(--ask-border);cursor:not-allowed}.ask-question__send-icon{font-size:16px;font-weight:700}@media (max-width:480px){.ask-question{right:16px;bottom:80px}.ask-question__fab{width:52px;height:52px}.ask-question__panel{width:calc(100vw - 32px);height:calc(100vh - 160px);max-height:500px;bottom:66px;right:0;border-radius:12px}.ask-question__message{max-width:90%}}@media (min-width:1200px){.ask-question__panel{width:450px;height:550px}}.ask-question__faqs{margin-bottom:12px;padding:8px;background:var(--ask-primary-light);border-radius:10px;border:1px solid rgba(33,150,243,.25)}.ask-question__faqs-title{font-size:12px;font-weight:600;color:var(--ask-primary-dark);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.ask-question__faq{background:var(--ask-bg);border-radius:8px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 2px var(--ask-shadow)}.ask-question__faq:last-child{margin-bottom:0}.ask-question__faq-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.ask-question__faq-author{font-weight:600;color:var(--ask-text)}.ask-question__faq-date{color:var(--ask-text-muted)}.ask-question__faq-body{font-size:14px;color:var(--ask-text);line-height:1.5}.ask-question__faq-body p{margin:0 0 6px}.ask-question__faq-body p:last-child{margin-bottom:0}.ask-question__faq-questions{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--ask-border)}.ask-question__faq-question{background:var(--ask-bg-secondary);border-radius:6px;padding:6px 10px}.ask-question__faq-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:11px;color:var(--ask-text-muted)}.ask-question__faq-question-author{font-weight:600;color:var(--ask-text-secondary)}.ask-question__faq-question-text{font-size:13px;color:var(--ask-text);line-height:1.4}.ask-question__escalate-btn{margin-left:8px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--ask-primary-dark);background:var(--ask-primary-light);border:1px solid rgba(33,150,243,.4);border-radius:14px;cursor:pointer;transition:background .15s ease}.ask-question__escalate-btn:hover{background:rgba(33,150,243,.18)}.ask-question__escalate-modal{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:10;padding:16px}.ask-question__escalate-card{background:var(--ask-bg);border-radius:12px;padding:18px;width:100%;max-width:380px;box-shadow:0 4px 16px var(--ask-shadow-heavy);display:flex;flex-direction:column;gap:12px}.ask-question__escalate-title{margin:0;font-size:16px;font-weight:700;color:var(--ask-text)}.ask-question__escalate-body{margin:0;font-size:13px;color:var(--ask-text-secondary);line-height:1.5}.ask-question__escalate-sentence{background:var(--ask-bg-secondary);border-radius:8px;padding:8px 10px;font-size:13px;display:flex;flex-direction:column;gap:2px}.ask-question__escalate-sentence-label{font-size:11px;font-weight:600;color:var(--ask-text-muted);text-transform:uppercase;letter-spacing:.04em}.ask-question__escalate-sentence-text{color:var(--ask-text)}.ask-question__escalate-textarea{width:100%;border:1px solid var(--ask-border);border-radius:8px;padding:8px 10px;font:inherit;font-size:14px;resize:vertical;min-height:80px;background:var(--ask-bg);color:var(--ask-text)}.ask-question__escalate-textarea:focus{outline:2px solid var(--ask-primary);outline-offset:1px}.ask-question__escalate-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ask-text-secondary);cursor:pointer}.ask-question__escalate-actions{display:flex;justify-content:flex-end;gap:8px}.ask-question__escalate-primary,.ask-question__escalate-secondary{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease}.ask-question__escalate-primary{background:var(--ask-primary);color:#fff}.ask-question__escalate-primary:hover:not(:disabled){background:var(--ask-primary-dark)}.ask-question__escalate-primary:disabled{background:var(--ask-text-muted);cursor:not-allowed}.ask-question__escalate-secondary{background:transparent;color:var(--ask-text-secondary);border-color:var(--ask-border)}.ask-question__escalate-secondary:hover:not(:disabled){background:var(--ask-bg-secondary)}.ask-question__escalate-success{margin:0;font-size:14px;color:var(--ask-text);line-height:1.5}.audio-player{gap:10px;padding:12px;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.audio-player,.audio-player__button{display:flex;align-items:center;justify-content:center}.audio-player__button{gap:6px;padding:8px 16px;min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:white;font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;font-weight:500}.audio-player__button svg{flex-shrink:0}.audio-player__button:hover:not(:disabled){background:var(--color-primary);color:white;border-color:var(--color-primary)}.audio-player__button:disabled{opacity:.4;cursor:not-allowed}.audio-player__play--playing{background:var(--color-primary);color:white;border-color:var(--color-primary)}.audio-player__repeat--active{background:var(--color-success);color:white;border-color:var(--color-success)}.audio-player__speed{min-width:80px}.audio-player__speed--natural{background:var(--color-primary);color:white;border-color:var(--color-primary)}@media (max-width:480px){.audio-player{gap:8px;padding:8px}.audio-player__button{padding:6px 12px;font-size:12px}}.coaching-panel{background:linear-gradient(135deg,#fefce8,#fff7ed);border:1px solid #fde68a;border-radius:12px;padding:14px 18px;margin:12px 0}.coaching-panel--loading{background:#f8fafc;border-color:#e2e8f0}.coaching-panel__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.coaching-panel__title{font-size:13px;font-weight:700;color:#b45309;letter-spacing:.3px}.coaching-panel__loading{font-size:13px;color:#94a3b8}.coaching-panel__encouragement{margin:0 0 8px;font-size:14px;color:#1e293b;line-height:1.55;font-weight:500}.coaching-panel__tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.coaching-panel__tips li{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:baseline;padding:6px 8px;background:rgba(255,255,255,.6);border-radius:6px;font-size:13px;line-height:1.55;color:#334155}.coaching-panel__marker{display:inline-flex;width:20px;height:20px;border-radius:50%;background:#f59e0b;color:white;align-items:center;justify-content:center;font-size:11px;font-weight:700}.coaching-panel__advice{color:#334155}.coaching-panel__link{display:inline-block;margin-top:2px;font-size:12px;color:#b45309;text-decoration:underline;text-decoration-color:#fcd34d;text-underline-offset:2px;font-weight:500;white-space:nowrap}.coaching-panel__link:hover{color:#92400e;text-decoration-color:#f59e0b}.dgp{margin-top:12px;border-radius:12px;background:#f8f9fc;border:1px solid #e4e8f0;overflow:hidden;animation:dgp-fade-in .25s ease-out}@keyframes dgp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dgp{animation:none}}.dgp__header{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.dgp__header:hover{background:#eef1f7}.dgp__icon{color:#667eea;flex-shrink:0}.dgp__title{flex:1 1;font-size:14px;font-weight:600;color:#1e293b;line-height:1.4}.dgp__chevron{flex-shrink:0;color:#94a3b8;transition:transform .2s ease}.dgp__chevron--collapsed{transform:rotate(-90deg)}.dgp__body{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px}.dgp__item{padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;border-left:3px solid #cbd5e0}.dgp__item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.dgp__type-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase}.dgp__type-badge svg{flex-shrink:0}.dgp__type-badge--phonics{color:#667eea;background:#eef1fd}.dgp__type-badge--prosody{color:#e67e22;background:#fef3e2}.dgp__type-badge--morphology{color:#27ae60;background:#e8f8ef}.dgp__type-badge--spelling{color:#d97706;background:#fef9e7}.dgp__type-badge--sight_word{color:#8e44ad;background:#f3e8f9}.dgp__type-badge--collocation{color:#0891b2;background:#ecfeff}.dgp__item--phonics{border-left-color:#667eea}.dgp__item--prosody{border-left-color:#e67e22}.dgp__item--morphology{border-left-color:#27ae60}.dgp__item--spelling{border-left-color:#d97706}.dgp__item--sight_word{border-left-color:#8e44ad}.dgp__item--collocation{border-left-color:#0891b2}.dgp__word-compare{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.dgp__word-expected{color:#16a34a;font-weight:600}.dgp__arrow{color:#94a3b8;flex-shrink:0}.dgp__word-user{color:#ef4444;text-decoration:line-through;font-weight:500}.dgp__tip{font-size:13px;line-height:1.65;color:#475569;margin:0 0 8px}.dgp__link{display:inline-flex;align-items:center;gap:2px;background:none;border:none;padding:0;font-size:12px;font-weight:500;font-family:inherit;color:#667eea;cursor:pointer;transition:opacity .15s}.dgp__link:hover{opacity:.8;text-decoration:underline}@media (prefers-reduced-motion:reduce){.dgp__chevron,.dgp__link{transition:none}}@media (max-width:480px){.dgp{margin-top:8px;border-radius:10px}.dgp__header{padding:10px 12px}.dgp__body{padding:0 12px 12px}.dgp__item{padding:10px 12px}.dgp__item-header{gap:6px}}.full-text-mode{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto;background:#f8f9fa}.full-text-mode.error,.full-text-mode.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{border:4px solid #e0e0e0;border-top-color:#667eea}.error-message{color:#dc3545}.audio-controls{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;padding:16px 24px;background:white;box-shadow:0 2px 8px rgba(0,0,0,.1);border-bottom:1px solid #e0e0e0}.play-pause-btn{width:48px;height:48px;font-size:20px;background:#667eea;border:none;border-radius:50%;cursor:pointer;transition:background .2s;flex-shrink:0}.play-pause-btn:hover{background:#5a67d8}.play-pause-btn:active{transform:scale(.95)}.time-display{font-family:Courier New,monospace;font-size:14px;color:#666;flex-shrink:0}.progress-bar-container{flex:1 1;min-width:0}.progress-bar{cursor:pointer;background:transparent}.progress-bar::-webkit-slider-thumb{width:14px;height:14px;background:#667eea;border-radius:50%;cursor:pointer}.progress-bar::-moz-range-thumb{width:14px;height:14px;background:#667eea;border-radius:50%;cursor:pointer}.volume-control{display:flex;align-items:center;gap:8px;flex-shrink:0}.volume-control span{font-size:18px}.volume-control input{width:80px}.playback-rate-control select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:white;font-size:14px;cursor:pointer}.playback-rate-control select:hover{border-color:#667eea}.segments-container{flex:1 1;overflow-y:auto;padding:24px;background:#f8f9fa}.segment{background:white;border:2px solid transparent;border-radius:8px;padding:16px 20px;margin-bottom:16px;cursor:pointer}.segment:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.segment.active{border-color:#667eea;background:#f0f8ff;box-shadow:0 4px 12px rgba(0,123,255,.15)}.segment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.speaker-name{font-weight:600;color:#667eea;font-size:14px}.segment.narrator .speaker-name{color:#6c757d}.segment-time{font-family:Courier New,monospace;color:#999}.segment-text{font-size:18px;line-height:1.6;color:#212529;margin-bottom:8px}.segment.active .segment-text{font-weight:500}.segment-translation{color:#6c757d}.progress-info{position:sticky;bottom:0;border-top:1px solid #e0e0e0;padding:12px 24px;text-align:center;font-size:14px;color:#666}@media (max-width:768px){.audio-controls{flex-wrap:wrap;gap:12px;padding:12px 16px}.progress-bar-container{order:3;width:100%}.volume-control input{width:60px}.segments-container{padding:16px}.segment{padding:12px 16px}.segment-text{font-size:16px}}.ftrp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:ftrp-overlay-fade-in .2s ease-out}@keyframes ftrp-overlay-fade-in{0%{opacity:0}to{opacity:1}}.full-text-review-player{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:ftrp-modal-slide-up .25s ease-out}@keyframes ftrp-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.full-text-review-player--no-audio{padding:40px;text-align:center;color:#64748b}.ftrp-error{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;margin:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#991b1b}.ftrp-error__icon{font-size:18px}.ftrp-error__message{font-size:14px;font-weight:500}.ftrp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#667eea;color:white}.ftrp-header__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.ftrp-header__icon{font-size:20px}.ftrp-header__count{font-size:13px;font-weight:500;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:12px}.ftrp-header__actions{display:flex;gap:8px}.ftrp-header__close,.ftrp-header__toggle{width:32px;height:32px;border:none;background:rgba(255,255,255,.15);color:white;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.ftrp-header__close:hover,.ftrp-header__toggle:hover{background:rgba(255,255,255,.25)}.ftrp-subtitles{flex:1 1;min-height:200px;max-height:calc(90vh - 220px);overflow-y:auto;padding:12px;scroll-behavior:smooth}.ftrp-subtitles::-webkit-scrollbar{width:6px}.ftrp-subtitles::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ftrp-subtitles::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ftrp-subtitles::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ftrp-sentence{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease;background:white;border:1px solid transparent}.ftrp-sentence:hover{background:#f8fafc;border-color:#e2e8f0}.ftrp-sentence--played{opacity:.6}.ftrp-sentence--played .ftrp-sentence__number{background:#10b981;color:white}.ftrp-sentence--active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;box-shadow:0 2px 12px rgba(99,102,241,.15);opacity:1}.ftrp-sentence--active .ftrp-sentence__number{background:#6366f1;color:white;animation:pulse-number 1.5s ease-in-out infinite}@keyframes pulse-number{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ftrp-sentence__number{flex-shrink:0;width:28px;height:28px;background:#e2e8f0;color:#64748b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .2s ease}.ftrp-sentence__content{flex:1 1;min-width:0}.ftrp-sentence__english{font-size:15px;font-weight:500;color:#1e293b;line-height:1.6;margin-bottom:6px}.ftrp-sentence--active .ftrp-sentence__english{color:#4338ca;font-weight:600}.ftrp-sentence__chinese{font-size:14px;color:#64748b;line-height:1.6}.ftrp-sentence--active .ftrp-sentence__chinese{color:#6366f1}.ftrp-sentence__indicator{display:flex;align-items:flex-end;gap:3px;height:20px;padding-left:8px}.ftrp-sentence__wave{width:3px;background:#6366f1;border-radius:2px;animation:wave 1s ease-in-out infinite}.ftrp-sentence__wave:first-child{height:8px;animation-delay:0s}.ftrp-sentence__wave:nth-child(2){height:14px;animation-delay:.2s}.ftrp-sentence__wave:nth-child(3){height:10px;animation-delay:.4s}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.ftrp-controls{padding:16px 20px 20px;background:white;border-top:1px solid #e2e8f0}.ftrp-progress{position:relative;height:6px;background:#e2e8f0;border-radius:3px;cursor:pointer;margin-bottom:14px}.ftrp-progress:hover{height:8px;margin-top:-1px;margin-bottom:13px}.ftrp-progress__fill{position:absolute;top:0;left:0;height:100%;background:#667eea;border-radius:3px;transition:width .1s linear}.ftrp-progress__thumb{position:absolute;top:50%;width:14px;height:14px;background:white;border:3px solid #6366f1;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(99,102,241,.3);opacity:0;transition:opacity .2s ease}.ftrp-progress:hover .ftrp-progress__thumb{opacity:1}.ftrp-time{display:flex;justify-content:center;gap:4px;font-size:13px;color:#64748b;margin-bottom:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ftrp-time__current{color:#1e293b;font-weight:600}.ftrp-time__separator{color:#cbd5e1}.ftrp-buttons{gap:12px}.ftrp-btn,.ftrp-buttons{display:flex;align-items:center;justify-content:center}.ftrp-btn{border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#64748b;background:#f1f5f9}.ftrp-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b;transform:scale(1.05)}.ftrp-btn:disabled{opacity:.4;cursor:not-allowed}.ftrp-btn--next,.ftrp-btn--prev{width:40px;height:40px}.ftrp-btn--play{width:56px;height:56px;background:#667eea;color:white;box-shadow:0 4px 14px rgba(99,102,241,.35)}.ftrp-btn--play:hover:not(:disabled){background:#5a67d8;color:white;transform:scale(1.08);box-shadow:0 6px 20px rgba(99,102,241,.4)}.ftrp-btn--playing{animation:pulse-play 2s ease-in-out infinite}@keyframes pulse-play{0%,to{box-shadow:0 4px 14px rgba(99,102,241,.35)}50%{box-shadow:0 4px 20px rgba(99,102,241,.5)}}.ftrp-btn--speed{width:auto;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.full-text-review-player:not(.full-text-review-player--expanded) .ftrp-subtitles{display:none}.full-text-review-player:not(.full-text-review-player--expanded) .ftrp-controls{border-top:none;padding-top:12px}@media (max-width:768px){.ftrp-modal-overlay{padding:12px;align-items:flex-end}.full-text-review-player{border-radius:16px 16px 0 0;max-height:85vh;margin-bottom:0}.ftrp-header{padding:14px 16px}.ftrp-header__title{font-size:15px}.ftrp-subtitles{max-height:calc(85vh - 200px);padding:10px}.ftrp-sentence{padding:12px 14px;gap:10px}.ftrp-sentence__english{font-size:14px}.ftrp-sentence__chinese{font-size:13px}.ftrp-sentence__number{width:24px;height:24px;font-size:11px}.ftrp-controls{padding:14px 16px 18px}.ftrp-btn--next,.ftrp-btn--prev{width:36px;height:36px}.ftrp-btn--play{width:50px;height:50px}.ftrp-btn--speed{padding:6px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ftrp-btn--playing,.ftrp-modal-overlay,.ftrp-sentence--active .ftrp-sentence__number,.ftrp-sentence__wave,.full-text-review-player{animation:none}.ftrp-btn,.ftrp-progress__thumb,.ftrp-sentence{transition:none}}.ftrp-btn:focus-visible,.ftrp-header__close:focus-visible,.ftrp-header__toggle:focus-visible,.ftrp-sentence:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.ftrp-sentence:focus-visible{border-color:#6366f1}.input-mode-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-border,#dee2e6);border-radius:8px;background:var(--color-bg-primary,#fff);color:var(--color-text-secondary,#64748b);cursor:pointer;transition:all .15s ease;flex-shrink:0}.input-mode-toggle:hover{border-color:var(--color-primary,#667eea);color:var(--color-primary,#667eea);background:rgba(102,126,234,.06)}.input-mode-toggle:active{transform:scale(.94)}.letter-picker{display:flex;flex-direction:column;gap:20px;width:100%}.lp-sentence-container{background:var(--color-bg-secondary,#f8f9fa);border-radius:12px;padding:20px 16px;min-height:80px;display:flex;align-items:center;justify-content:center}.lp-sentence{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;font-size:20px;font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.6;letter-spacing:.5px}.lp-char{display:inline-block;min-width:14px;text-align:center;transition:all .15s ease}.lp-char--filled{color:var(--color-text-primary,#333);font-weight:600}.lp-char--revealed{color:#e67e22!important;font-weight:600}.lp-char--current{color:var(--color-primary,#667eea);font-weight:700;font-size:22px;animation:lp-blink 1s ease-in-out infinite}.lp-char--upcoming{color:var(--color-text-tertiary,#bbb)}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:.4}}.lp-progress{display:flex;align-items:center;gap:10px}.lp-progress-bar{flex:1 1;height:6px;background:var(--color-bg-tertiary,#e9ecef);border-radius:3px;overflow:hidden}.lp-progress-fill{height:100%;background:var(--color-primary,#667eea);border-radius:3px;transition:width .2s ease}.lp-progress-text{font-size:13px;color:var(--color-text-secondary,#666);font-weight:500;min-width:48px;text-align:right}.lp-options{gap:10px;flex-wrap:wrap;padding:8px 0}.lp-option-btn,.lp-options{display:flex;justify-content:center}.lp-option-btn{width:52px;height:52px;font-size:22px;font-weight:600;font-family:SF Mono,Menlo,Consolas,monospace;border:2px solid var(--color-border,#dee2e6);border-radius:12px;background:var(--color-bg-primary,#fff);color:var(--color-text-primary,#333);cursor:pointer;transition:all .12s ease;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lp-option-btn:active:not(:disabled){transform:scale(.92);background:var(--color-bg-secondary,#f0f0f0)}.lp-option-btn:hover:not(:disabled){border-color:var(--color-primary,#667eea);box-shadow:0 2px 8px rgba(102,126,234,.15)}.lp-option-btn--wrong{border-color:#dc3545!important;background:#ffebee!important;color:#dc3545!important;animation:lp-shake .35s ease}.lp-option-btn:disabled{opacity:.5;cursor:default}@keyframes lp-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}.lp-action-row{gap:12px}.lp-action-row,.lp-hint-btn{display:flex;justify-content:center;align-items:center}.lp-hint-btn{width:40px;height:40px;font-size:18px;border:1.5px solid var(--color-border,#dee2e6);border-radius:50%;background:transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lp-hint-btn:hover{border-color:#e67e22;background:#fef5ec}.lp-hint-btn:active{transform:scale(.92)}.lp-skip-btn{padding:8px 24px;font-size:14px;font-weight:500;color:var(--color-text-secondary,#666);background:transparent;border:1.5px solid var(--color-border,#dee2e6);border-radius:20px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lp-skip-btn:hover{color:var(--color-text-primary,#333);border-color:var(--color-text-secondary,#999);background:var(--color-bg-secondary,#f8f9fa)}.lp-skip-btn:active{transform:scale(.96)}@media (max-width:480px){.lp-sentence{font-size:17px}.lp-char--current{font-size:19px}.lp-option-btn{width:46px;height:46px;font-size:20px;border-radius:10px}.lp-options{gap:8px}.lp-sentence-container{padding:16px 12px}}.mode-navigation{border:none}.mode-navigation__desktop{display:none;flex-direction:column;gap:4px;padding:16px;background:var(--color-bg-secondary);min-width:200px;height:100%;border:none}.mode-navigation__item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-secondary);transition:background-color .2s,color .2s;font-size:14px;font-weight:500}.mode-navigation__item:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.mode-navigation__item--active{background-color:var(--color-primary);color:white}.mode-navigation__item--active:hover{background-color:var(--color-primary-dark,#5468d4);color:white}.mode-navigation__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.mode-navigation__icon svg{width:20px;height:20px}.mode-navigation__name{white-space:nowrap}.mode-navigation__mobile{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:white;border-top:1px solid var(--color-border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:var(--z-sticky,100);transition:transform .25s ease,opacity .25s ease}.learning-layout--bars-hidden .mode-navigation__mobile{transform:translateY(100%);opacity:0;pointer-events:none}.mode-navigation__mobile-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;text-decoration:none;color:var(--color-text-light);font-size:10px;flex:1 1;transition:color .2s}.mode-navigation__mobile-item--active{color:var(--color-primary)}.mode-navigation__mobile-item .mode-navigation__icon svg{width:22px;height:22px}.mode-navigation__mobile-name{text-align:center}@media (min-width:768px){.mode-navigation__desktop{display:flex}.mode-navigation__mobile{display:none}}.pgp{position:fixed;bottom:0;left:0;right:0;max-height:40vh;background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#e2e8f0);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:100;overflow-y:auto;animation:pgp-slide-up .25s ease-out}@keyframes pgp-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pgp__header{display:flex;align-items:center;gap:8px;padding:12px 16px 8px;position:sticky;top:0;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border-subtle,#f1f5f9)}.pgp__icon{color:var(--color-primary,#667eea);flex-shrink:0}.pgp__title{font-size:13px;font-weight:600;color:var(--color-text-primary,#1e293b);flex:1 1}.pgp__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--color-bg-subtle,#f1f5f9);color:var(--color-text-tertiary,#94a3b8);cursor:pointer;flex-shrink:0;transition:background .15s}.pgp__close:hover{background:var(--color-border,#e2e8f0)}.pgp__items{padding:8px 16px 16px;display:flex;flex-direction:column;gap:12px}.pgp__item{padding:10px 12px;background:var(--color-bg-subtle,#f8fafc);border-radius:10px;border-left:3px solid var(--color-primary,#667eea)}.pgp__item-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pgp__pair{font-size:14px;font-weight:700;color:var(--color-primary,#667eea);letter-spacing:.5px}.pgp__digraph-badge{font-size:11px;font-weight:500;color:#7c3aed;background:#ede9fe;padding:1px 6px;border-radius:4px}.pgp__item--digraph{border-left-color:#7c3aed}.pgp__item--digraph .pgp__pair{color:#7c3aed}.pgp__error-context{font-size:12px;font-weight:500;color:#ef4444;background:#fef2f2;padding:1px 8px;border-radius:4px}.pgp__tip{font-size:13px;line-height:1.6;color:var(--color-text-secondary,#475569);margin:0 0 6px}.pgp__link{font-size:12px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;transition:opacity .15s}.pgp__link:hover{text-decoration:underline;opacity:.8}@media (min-width:640px){.pgp{left:50%;transform:translateX(-50%);max-width:560px;border-radius:16px 16px 0 0}@keyframes pgp-slide-up{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}}.pss{background:var(--color-surface,#fff);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-top:16px}.pss__header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--color-primary,#667eea)}.pss__title{font-size:14px;font-weight:600;color:var(--color-text-primary,#1e293b)}.pss__items{display:flex;flex-direction:column;gap:10px}.pss__item{padding:10px 12px;background:var(--color-bg-subtle,#f8fafc);border-radius:10px;border-left:3px solid var(--color-primary,#667eea)}.pss__item--digraph{border-left-color:#7c3aed}.pss__item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.pss__pair{font-size:14px;font-weight:700;color:var(--color-primary,#667eea);letter-spacing:.5px}.pss__item--digraph .pss__pair{color:#7c3aed}.pss__badge--digraph{font-size:11px;color:#7c3aed;background:#ede9fe;padding:1px 6px}.pss__badge--digraph,.pss__count{font-weight:500;border-radius:4px}.pss__count{font-size:12px;color:#ef4444;background:#fef2f2;padding:1px 8px;margin-left:auto}.pss__tip{font-size:13px;line-height:1.6;color:var(--color-text-secondary,#475569);margin:0 0 6px}.pss__link{font-size:12px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;transition:opacity .15s}.pss__link:hover{text-decoration:underline;opacity:.8}.pss__header--prosody{color:#7c3aed;margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border,#e2e8f0)}.pss__item--prosody{border-left-color:#7c3aed}.pss__item--prosody .pss__pair{color:var(--color-text-primary,#1e293b);font-weight:600}.pss__badge--prosody{font-size:11px;font-weight:500;color:#7c3aed;background:#ede9fe;padding:1px 6px;border-radius:4px}.pronunciation-result-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:720px;margin:8px auto 0}.pronunciation-result-panel__transcript{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:14px}.pronunciation-result-panel__transcript-row{display:flex;align-items:baseline;gap:10px;text-align:left}.pronunciation-result-panel__transcript-label{flex-shrink:0;width:56px;color:#64748b;font-size:12px}.pronunciation-result-panel__transcript-text{flex:1 1;color:#334155;line-height:1.5;word-break:break-word}.pronunciation-result-panel__transcript-text--expected{color:#0f172a;font-weight:600}.pronunciation-result-panel .score-overview{display:flex;align-items:center;gap:24px;padding:16px;background:white;border-radius:12px;border:1px solid #e2e8f0}.pronunciation-result-panel .overall-score{flex-shrink:0;width:96px;height:96px;border:4px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white}.pronunciation-result-panel .score-value{font-size:32px;font-weight:700;line-height:1}.pronunciation-result-panel .score-label{margin-top:2px;font-size:11px;color:#64748b}.pronunciation-result-panel .score-details{flex:1 1;display:flex;flex-direction:column;gap:8px}.pronunciation-result-panel .score-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px}.pronunciation-result-panel .score-number{font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.pronunciation-result-panel .score-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.pronunciation-result-panel .score-fill{height:100%;border-radius:4px;transition:width .3s ease}.pronunciation-result-panel .score-fill--prosody{background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 0,transparent 50%,rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 75%,transparent 0);background-size:8px 8px}.pronunciation-result-panel .score-name{font-size:12px;color:#475569;white-space:nowrap}.pronunciation-result-panel .word-feedback{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.pronunciation-result-panel .word-feedback h4{margin:0;font-size:13px;font-weight:600;color:#475569}.pronunciation-result-panel .words-list{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:16px;line-height:1.4}.pronunciation-result-panel .word-item{position:relative;font-weight:600}.pronunciation-result-panel .word-item.weak-word{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:transform .15s,box-shadow .15s}.pronunciation-result-panel .word-item.weak-word:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1}@media (prefers-reduced-motion:reduce){.pronunciation-result-panel .word-item.weak-word{transition:none}.pronunciation-result-panel .word-item.weak-word:hover{transform:none}}.pronunciation-result-panel .word-item.improved{background:rgba(34,197,94,.12);border-radius:4px;padding:0 4px}.pronunciation-result-panel .improved-badge{margin-left:4px;color:#16a34a;font-size:12px}.pronunciation-result-panel .word-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:#64748b}.pronunciation-result-panel .legend-item{display:inline-flex;align-items:center;gap:4px}.pronunciation-result-panel .weak-words-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fefce8;border:1px solid #fde68a;border-radius:8px;color:#854d0e;font-size:12px}.word-punctuation.word-punctuation--hyphen{margin-right:0}.word-practice-modal__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);padding:16px;animation:word-practice-modal__backdrop-in .15s ease-out}@keyframes word-practice-modal__backdrop-in{0%{opacity:0}to{opacity:1}}.word-practice-modal{position:relative;width:100%;max-width:420px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;border:2px solid #3b82f6;box-shadow:0 20px 50px rgba(15,23,42,.25),0 4px 12px rgba(15,23,42,.1);padding:24px;outline:none;animation:word-practice-modal__pop-in .18s ease-out}@keyframes word-practice-modal__pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.word-practice-modal__close{position:absolute;top:12px;right:12px;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.word-practice-modal__close:hover:not(:disabled){background:rgba(100,116,139,.1);color:#1e293b}.word-practice-modal__close:disabled{opacity:.4;cursor:not-allowed}.word-practice-modal__header{margin-bottom:20px;padding-right:32px}.word-practice-modal__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.word-practice-modal__title{margin:0;font-size:14px;font-weight:600;color:#1e40af;display:inline-flex;align-items:center;gap:6px}.word-practice-modal__original-score{font-size:12px;color:#64748b;background:white;padding:4px 10px;border-radius:12px;white-space:nowrap}.word-practice-modal__word-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.word-practice-modal__word{font-size:28px;font-weight:700;color:#1d4ed8;letter-spacing:.01em}.word-practice-modal__phonetic{font-size:16px;color:#6366f1;font-family:Lucida Sans Unicode,Arial Unicode MS,sans-serif;background:white;padding:3px 10px;border-radius:4px;font-style:italic}.word-practice-modal__play{width:32px;height:32px;border:none;border-radius:50%;background:#667eea;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 6px rgba(102,126,234,.4)}.word-practice-modal__play:hover{transform:scale(1.08);box-shadow:0 4px 10px rgba(102,126,234,.5)}.word-practice-modal__play--playing{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px rgba(239,68,68,.4)}.word-practice-modal__play-icon{font-size:12px;line-height:1}.word-practice-modal__play--playing .word-practice-modal__play-icon{font-size:10px}.word-practice-modal__controls{display:flex;flex-direction:column;gap:12px}.word-practice-modal__record{width:100%;padding:14px 18px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;background:#667eea;color:white;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .05s,box-shadow .15s,background .15s;box-shadow:0 4px 12px rgba(102,126,234,.35)}.word-practice-modal__record:hover{background:#5a6fd0;box-shadow:0 6px 16px rgba(102,126,234,.45)}.word-practice-modal__record:active{transform:translateY(1px)}.word-practice-modal__record--recording{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.35)}.word-practice-modal__record--recording:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.word-practice-modal__rec-dot{width:10px;height:10px;border-radius:50%;background:white;animation:word-practice-modal__pulse 1s ease-in-out infinite}@keyframes word-practice-modal__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.word-practice-modal__assessing{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:white;border-radius:12px;color:#64748b;font-size:15px;font-weight:500}.word-practice-modal__spinner{width:18px;height:18px;border:2px solid #cbd5e1;border-top-color:#667eea;border-radius:50%;animation:word-practice-modal__spin .75s linear infinite}@keyframes word-practice-modal__spin{to{transform:rotate(1turn)}}.word-practice-modal__result{display:flex;flex-direction:column;gap:10px;animation:word-practice-modal__result-in .25s ease-out}@keyframes word-practice-modal__result-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.word-practice-modal__delta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:white;border-radius:10px;border:1px solid rgba(102,126,234,.15)}.word-practice-modal__delta--highlight{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#fde68a}.word-practice-modal__delta-label{font-size:13px;color:#475569;font-weight:600;display:inline-flex;align-items:center;gap:8px}.word-practice-modal__delta-bar{display:inline-flex;align-items:center;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.word-practice-modal__delta-from{font-size:16px;color:#94a3b8;font-weight:600}.word-practice-modal__delta-bar svg{color:#94a3b8}.word-practice-modal__delta-to{font-size:22px;font-weight:700;min-width:40px;text-align:right}.word-practice-modal__delta-to--up{color:#16a34a}.word-practice-modal__delta-to--flat{color:#64748b}.word-practice-modal__delta-to--down{color:#dc2626}.word-practice-modal__delta-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px}.word-practice-modal__delta-badge--up{background:#dcfce7;color:#16a34a}.word-practice-modal__delta-badge--down{background:#fee2e2;color:#dc2626}.word-practice-modal__result-actions{display:flex;gap:10px;margin-top:6px}.word-practice-modal__btn{flex:1 1;padding:12px 16px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center}.word-practice-modal__btn:active{transform:translateY(1px)}.word-practice-modal__btn--primary{background:var(--color-primary,#667eea);color:white;border:2px solid var(--color-primary,#667eea)}.word-practice-modal__btn--primary:hover{background:#5a6fd0;border-color:#5a6fd0;box-shadow:0 4px 12px rgba(102,126,234,.3)}.word-practice-modal__btn--secondary{background:white;color:var(--color-primary,#667eea);border:2px solid var(--color-primary,#667eea)}.word-practice-modal__btn--secondary:hover{background:rgba(102,126,234,.08)}@media (prefers-reduced-motion:reduce){.word-practice-modal__result{animation:none}.word-practice-modal__btn:active{transform:none}}@media (max-width:480px){.word-practice-modal{padding:20px}.word-practice-modal__word{font-size:24px}.word-practice-modal__title-row{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){.word-practice-modal,.word-practice-modal__backdrop,.word-practice-modal__rec-dot,.word-practice-modal__spinner{animation:none}.word-practice-modal__record:active{transform:none}}.loopy-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--color-bg-primary);box-shadow:0 0 0 2px var(--color-border-light);transition:box-shadow .2s ease}.loopy-avatar--xs{width:24px;height:24px}.loopy-avatar--sm{width:32px;height:32px}.loopy-avatar--md{width:48px;height:48px}.loopy-avatar__img{width:100%;height:100%;object-fit:contain;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none}.loopy-avatar--emotion{border-radius:14px;background:transparent;box-shadow:none;overflow:visible}.loopy-avatar--emotion .loopy-avatar__img{border-radius:0}.loopy-avatar--emotion.loopy-avatar--correct{background:var(--color-success-light);box-shadow:0 0 0 2px var(--color-success-light)}.loopy-avatar--emotion.loopy-avatar--hint{background:var(--color-primary-50);box-shadow:0 0 0 2px var(--color-primary-100)}.loopy-avatar--emotion.loopy-avatar--error{background:var(--color-error-light);box-shadow:0 0 0 2px var(--color-error-border)}.loopy-avatar--emotion.loopy-avatar--thinking{background:var(--color-accent-bg);box-shadow:0 0 0 2px var(--color-accent-bg)}.loopy-avatar--correct{box-shadow:0 0 0 2px var(--color-success-light)}.loopy-avatar--hint{box-shadow:0 0 0 2px var(--color-primary-100)}.loopy-avatar--error{box-shadow:0 0 0 2px var(--color-error-border)}.loopy-avatar--thinking{box-shadow:0 0 0 2px var(--color-accent-bg)}.loopy-avatar__badge{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-primary);box-shadow:0 1px 2px rgba(0,0,0,.15)}.loopy-avatar--xs .loopy-avatar__badge{width:10px;height:10px;right:-1px;bottom:-1px}.loopy-avatar--md .loopy-avatar__badge{width:18px;height:18px}.loopy-avatar__badge svg{width:70%;height:70%}.loopy-avatar__badge--correct{color:var(--color-success)}.loopy-avatar__badge--hint{color:var(--color-primary)}.loopy-avatar__badge--error{color:var(--color-error)}.loopy-avatar__badge--thinking{color:var(--color-warning)}@media (prefers-reduced-motion:reduce){.loopy-avatar{transition:none}}.loopy-bubble{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg-secondary);position:relative}.loopy-bubble--correct{border-color:var(--color-success);background:var(--color-success-light)}.loopy-bubble--hint{border-color:var(--color-primary-100);background:var(--color-primary-50)}.loopy-bubble--error{border-color:var(--color-error-border);background:var(--color-error-light)}.loopy-bubble--thinking{border-color:var(--color-warning);background:var(--color-accent-bg)}.loopy-bubble__body{flex:1 1;min-width:0}.loopy-bubble__title{margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.3;color:var(--color-text-primary)}.loopy-bubble--correct .loopy-bubble__title{color:var(--color-success-text)}.loopy-bubble--hint .loopy-bubble__title{color:var(--color-primary-700)}.loopy-bubble--error .loopy-bubble__title{color:var(--color-error)}.loopy-bubble--thinking .loopy-bubble__title{color:var(--color-warning)}.loopy-bubble__message{margin:0;font-size:14px;line-height:1.55;color:var(--color-text-primary);word-break:break-word}.loopy-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.loopy-mark img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.loopy-state{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}.loopy-state--neutral{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.loopy-state--correct{background:var(--color-success-light);color:var(--color-success-text)}.loopy-state--hint{background:var(--color-primary-100);color:var(--color-primary-700)}.loopy-state--error{background:var(--color-error-light);color:var(--color-error)}.loopy-state--thinking{background:var(--color-accent-bg);color:var(--color-warning)}.chat-stats-bar{display:flex;align-items:center;gap:8px;padding:4px 16px;background-color:#f9fafb;border-top:1px solid #e5e7eb;font-size:11px;color:#6b7280;animation:stats-fade-in .3s ease-out;overflow-x:auto;white-space:nowrap}@keyframes stats-fade-in{0%{opacity:0}to{opacity:1}}.chat-stats-item{display:flex;align-items:center;gap:3px;flex-shrink:0}.chat-stats-value{font-weight:600;color:#374151}.chat-stats-label{color:#9ca3af}.chat-stats-divider{width:1px;height:12px;background-color:#d1d5db;flex-shrink:0}.chat-stats-flame{color:#f59e0b;flex-shrink:0}.chat-stats-star{color:#8b5cf6;flex-shrink:0}.chat-stats-new-words .chat-stats-value{color:#7c3aed;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion:reduce){.chat-stats-bar{animation:none}}.learning-moment-container{position:absolute;bottom:8px;right:8px;display:flex;flex-direction:column;gap:6px;z-index:10;pointer-events:auto;max-width:280px}.learning-moment-dots{display:flex;gap:4px;justify-content:flex-end;cursor:pointer;padding:4px}.learning-moment-dot{width:10px;height:10px;border-radius:50%;transition:transform .2s ease}.learning-moment-dot:hover{transform:scale(1.3)}.dot-error{background-color:#f59e0b}.dot-strength{background-color:#10b981}.learning-moment-card{padding:8px 12px;border-radius:10px;font-size:12px;line-height:1.4;box-shadow:0 2px 8px rgba(0,0,0,.1);animation:lm-slide-in .3s ease-out forwards}@keyframes lm-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.card-error{background-color:#fffbeb;border:1px solid #fde68a}.card-strength{background-color:#ecfdf5;border:1px solid #a7f3d0}.learning-moment-header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.learning-moment-icon{flex-shrink:0}.icon-error{color:#f59e0b}.icon-strength{color:#10b981}.learning-moment-category{font-weight:600;color:#374151;font-size:11px;text-transform:uppercase;letter-spacing:.02em}.learning-moment-cefr{margin-left:auto;font-size:10px;font-weight:500;color:#6b7280;background-color:rgba(0,0,0,.05);padding:1px 5px;border-radius:4px}.learning-moment-body{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.learning-moment-found{color:#dc2626;text-decoration:line-through;font-weight:500}.learning-moment-arrow{color:#9ca3af;flex-shrink:0}.learning-moment-correction{color:#059669;font-weight:600}.learning-moment-message{color:#374151}@media (prefers-reduced-motion:reduce){.learning-moment-card{animation:none;opacity:1}}.notification-bell-wrapper{position:relative}.notification-bell-btn{position:relative;padding:var(--space-2);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.notification-bell-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-bell-btn svg{width:24px;height:24px}.notification-bell-badge{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--color-error,#ef4444);border-radius:9px;transform:translate(25%,-25%)}.trial-widget{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:12px;padding:16px 18px;margin-bottom:20px}.trial-widget__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.trial-widget__title{font-size:14px;font-weight:600;color:#1e293b}.trial-widget__days{font-size:13px;font-weight:600;color:#1e40af;background:#ffffff;border:1px solid #dbeafe;border-radius:999px;padding:2px 10px}.trial-widget__bar-bg{height:6px;background:rgba(30,64,175,.12);border-radius:999px;overflow:hidden;margin-bottom:12px}.trial-widget__bar-fill{height:100%;background:#667eea;transition:width .4s ease-out}.trial-widget__section{margin-top:10px}.trial-widget__section-label{font-size:12px;color:#64748b;margin-bottom:6px}.trial-widget__chips{display:flex;flex-wrap:wrap;gap:6px}.trial-widget__chip{font-size:12px;padding:4px 10px;border-radius:999px;text-decoration:none}.trial-widget__chip--used{background:rgba(102,126,234,.12);color:#4338ca;font-weight:500}.trial-widget__chip--cta{background:#ffffff;border:1px solid #cbd5e1;color:#1e293b;cursor:pointer;transition:border-color .15s ease,color .15s ease}.trial-widget__chip--cta:hover{border-color:#667eea;color:#4338ca}.trial-widget__upgrade{display:block;margin-top:14px;background:#667eea;color:#ffffff;text-align:center;text-decoration:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s ease}.trial-widget__upgrade:hover{background:#5a6fd6}@media (max-width:640px){.trial-widget{padding:14px}.trial-widget__title{font-size:13px}}.welcome-trial__backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px;animation:welcomeFade .2s ease-out}.welcome-trial__card{background:#ffffff;border-radius:16px;padding:28px 24px 20px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(15,23,42,.25);text-align:center;animation:welcomeRise .25s cubic-bezier(.2,.8,.3,1)}.welcome-trial__duck{display:flex;justify-content:center;margin-bottom:12px}.welcome-trial__title{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 6px}.welcome-trial__sub{font-size:14px;color:#475569;margin:0 0 16px;line-height:1.5}.welcome-trial__bullets{list-style:none;padding:14px 18px;margin:0 0 20px;background:#f8fafc;border-radius:10px;text-align:left;font-size:14px;color:#1e293b;line-height:1.7}.welcome-trial__bullets li{padding-left:22px;position:relative}.welcome-trial__bullets li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:#667eea;opacity:.85}.welcome-trial__actions{display:flex;flex-direction:column;gap:8px}.welcome-trial__primary{background:#667eea;color:#ffffff;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.welcome-trial__primary:hover:not(:disabled){background:#5a6fd6}.welcome-trial__primary:disabled{background:#cbd5e1;cursor:wait}.welcome-trial__secondary{background:transparent;color:#64748b;border:none;padding:8px;font-size:13px;cursor:pointer}.welcome-trial__secondary:hover{color:#1e293b}@keyframes welcomeFade{0%{opacity:0}to{opacity:1}}@keyframes welcomeRise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.welcome-trial__backdrop,.welcome-trial__card{animation:none}}.imm-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px;animation:imm-fade-in .2s ease}@keyframes imm-fade-in{0%{opacity:0}to{opacity:1}}.imm-modal{background:var(--color-bg-primary,#fff);border-radius:20px;width:100%;max-width:400px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:imm-slide-up .3s ease}@keyframes imm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.imm-header{text-align:center;margin-bottom:24px}.imm-icon{font-size:36px;display:block;margin-bottom:12px}.imm-title{font-size:20px;font-weight:700;color:var(--color-text-primary,#333);margin:0 0 6px}.imm-subtitle{font-size:14px;color:var(--color-text-secondary,#666);margin:0;line-height:1.5}.imm-options{display:flex;flex-direction:column;gap:12px}.imm-option{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border:2px solid var(--color-border,#dee2e6);border-radius:14px;background:var(--color-bg-primary,#fff);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.imm-option:hover{border-color:var(--color-primary,#667eea);background:rgba(102,126,234,.04)}.imm-option:active{transform:scale(.98)}.imm-option--recommended{border-color:var(--color-primary,#667eea);background:rgba(102,126,234,.06)}.imm-badge{position:absolute;top:-10px;right:12px;background:var(--color-primary,#667eea);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.3px}.imm-option-icon{font-size:28px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary,#f0f0f0);border-radius:12px}.imm-option-content{flex:1 1;min-width:0}.imm-option-content h4{font-size:15px;font-weight:600;color:var(--color-text-primary,#333);margin:0 0 3px}.imm-option-content p{font-size:12px;color:var(--color-text-secondary,#888);margin:0;line-height:1.4}.imm-option-preview{display:flex;gap:4px;flex-shrink:0}.imm-preview-btn{width:28px;height:28px;font-size:13px;font-weight:600;font-family:SF Mono,Menlo,monospace;border:1.5px solid var(--color-border,#dee2e6);border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary,#fff);color:var(--color-text-secondary,#666)}.imm-preview-btn--active{border-color:var(--color-primary,#667eea);background:rgba(102,126,234,.1);color:var(--color-primary,#667eea);font-weight:700}.imm-preview-keyboard{flex-direction:column;gap:3px}.imm-kb-row{display:flex;gap:3px}.imm-kb-row span{width:20px;height:20px;font-size:10px;font-family:SF Mono,Menlo,monospace;border:1px solid var(--color-border,#ddd);border-radius:4px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary,#f5f5f5);color:var(--color-text-secondary,#888)}@media (max-width:480px){.imm-modal{padding:24px 18px;max-width:360px}.imm-option{padding:14px 12px}.imm-option-preview{display:none}}.placement-prompt-overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:placement-prompt-fade .18s ease-out}.placement-prompt-modal{position:relative;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:32px 28px 28px;box-shadow:0 20px 50px rgba(15,23,42,.25);text-align:center;animation:placement-prompt-pop .22s cubic-bezier(.16,1,.3,1)}.placement-prompt-modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;color:#64748b;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.placement-prompt-modal__close:hover{background:#f1f5f9;color:#1e293b}.placement-prompt-modal__loopy{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}.placement-prompt-modal__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-bottom:14px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:.8rem;font-weight:600;letter-spacing:.01em}.placement-prompt-modal__title{font-size:1.5rem;font-weight:700;margin:0 0 10px;color:#1e293b;line-height:1.3;text-wrap:balance}.placement-prompt-modal__description{font-size:.95rem;color:#475569;line-height:1.55;margin:0 0 18px;text-wrap:pretty}.placement-prompt-modal__benefits{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:8px;text-align:left}.placement-prompt-modal__benefit{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#334155;line-height:1.5}.placement-prompt-modal__benefit-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#6d28d9;margin-top:1px}.placement-prompt-modal__actions{display:flex;flex-direction:column;gap:10px}.placement-prompt-modal__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.placement-prompt-modal__cta--primary{background:var(--color-primary,#667eea);color:#fff}.placement-prompt-modal__cta--primary:hover{background:var(--color-primary-hover,#5a67d8)}.placement-prompt-modal__cta--secondary{background:transparent;color:#64748b}.placement-prompt-modal__cta--secondary:hover{background:#f1f5f9;color:#1e293b}@keyframes placement-prompt-fade{0%{opacity:0}to{opacity:1}}@keyframes placement-prompt-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.placement-prompt-modal,.placement-prompt-overlay{animation:none}.placement-prompt-modal__cta--primary:hover{transform:none}}.pref-tooltip-overlay{position:fixed;inset:0;z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.pref-tooltip-overlay--visible{opacity:1;pointer-events:auto}.pref-tooltip{position:absolute;top:60px;right:16px;background:var(--color-text-primary,#333);color:#fff;padding:14px 18px;border-radius:12px;max-width:240px;box-shadow:0 8px 30px rgba(0,0,0,.25);animation:pref-tooltip-bounce .4s ease}@keyframes pref-tooltip-bounce{0%{opacity:0;transform:translateY(8px)}60%{transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.pref-tooltip-arrow{position:absolute;top:-8px;right:24px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-text-primary,#333)}.pref-tooltip-text{font-size:14px;line-height:1.5;margin:0 0 8px;font-weight:500}.pref-tooltip-tap{font-size:11px;opacity:.6;display:block;text-align:center}@media (max-width:480px){.pref-tooltip{right:10px;top:52px;max-width:200px;padding:12px 14px}.pref-tooltip-arrow{right:18px}.pref-tooltip-text{font-size:13px}}.playlist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .2s ease}.playlist-modal{background:white;border-radius:12px;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:slideUp .3s ease}.playlist-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.playlist-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1E293B}.playlist-modal-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#64748B;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.playlist-modal-close:hover{background:#F1F5F9;color:#1E293B}.playlist-modal-content{padding:16px 20px;overflow-y:auto;flex:1 1}.playlist-modal-error{background:#FEF2F2;color:#DC2626;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px}.playlist-modal-empty,.playlist-modal-loading{text-align:center;padding:40px 20px;color:#64748B}.playlist-modal-empty p{margin:0 0 8px}.playlist-list{list-style:none;padding:0;margin:0 0 16px}.playlist-item{margin-bottom:8px}.playlist-checkbox-label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.playlist-checkbox-label:hover{border-color:#2563EB;background:#F8FAFC}.playlist-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#2563EB;cursor:pointer}.playlist-title{flex:1 1;font-size:15px;font-weight:500;color:#1E293B}.playlist-count{color:#94A3B8}.playlist-add-new-btn{width:100%;padding:14px;border:2px dashed #cbd5e1;background:transparent;border-radius:8px;font-size:15px;font-weight:500;color:#64748B;cursor:pointer;transition:all .2s ease}.playlist-add-new-btn:hover{border-color:#2563EB;color:#2563EB;background:#F8FAFC}.playlist-create-form{background:#F8FAFC;padding:16px;border-radius:8px;margin-top:8px}.playlist-create-input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.playlist-create-input:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.playlist-create-error{color:#DC2626;font-size:13px;margin-top:8px}.playlist-create-actions{display:flex;gap:8px;margin-top:12px}.playlist-btn{flex:1 1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.playlist-btn-cancel{background:white;border:1px solid #e2e8f0;color:#64748B}.playlist-btn-cancel:hover{background:#F1F5F9}.playlist-btn-create{background:#2563EB;border:1px solid #2563eb;color:white}.playlist-btn-create:hover:not(:disabled){background:#1D4ED8}.playlist-btn-create:disabled{background:#94A3B8;border-color:#94A3B8;cursor:not-allowed}@media (max-width:480px){.playlist-modal{width:95%;max-height:90vh}.playlist-modal-content,.playlist-modal-header{padding:14px 16px}.playlist-checkbox-label{padding:10px}}.bot-profile-view{display:flex;flex-direction:column;gap:clamp(16px,2vw,20px)}.bot-hero{background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(20px,3vw,28px);display:grid;grid-template-columns:88px 1fr;gap:clamp(16px,2.4vw,24px);align-items:start;box-shadow:var(--shadow-xs)}.bot-hero__avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center}.bot-hero__avatar img{width:100%;height:100%;object-fit:cover}.bot-hero__avatar-initial{font-size:34px;font-weight:700;color:var(--color-primary)}.bot-hero__body{min-width:0;display:flex;flex-direction:column;gap:6px}.bot-hero__name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bot-hero__name{font-size:clamp(22px,2.4vw,26px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0;line-height:1.25}.bot-hero__badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-50);border-radius:999px;line-height:1.4}.bot-hero__handle{font-size:14px;color:var(--color-text-muted);margin:0}.bot-hero__tagline{font-size:clamp(14px,1.4vw,15px);line-height:1.65;color:var(--color-text-secondary);margin:6px 0 14px;max-width:52ch}.bot-hero__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.bot-hero__cta:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.bot-hero__cta:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.bot-hero__cta:disabled{opacity:.6;cursor:not-allowed}.bot-about{background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(20px,2.6vw,28px);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:16px}.bot-about__heading{position:relative;padding-left:14px;font-size:clamp(16px,1.7vw,18px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0}.bot-about__heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--color-primary);border-radius:2px}.bot-about__row{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-top:1px solid var(--color-border-light)}.bot-about__label{flex-shrink:0;font-size:13px;font-weight:600;color:var(--color-text-muted);min-width:72px}.bot-about__value{font-size:15px;color:var(--color-text-primary)}.bot-about__topics{padding-top:10px;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:6px}.bot-about__hint{font-size:13px;color:var(--color-text-muted);margin:0 0 4px}.bot-about__topic-chips{display:flex;flex-wrap:wrap;gap:8px}.bot-about__chip{display:inline-flex;padding:6px 12px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:999px;font-size:13px;line-height:1.3}.bot-howto{background:var(--color-primary-50);border:1px solid transparent;border-radius:var(--radius-xl);padding:clamp(20px,2.6vw,28px);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.bot-howto__heading{font-size:clamp(16px,1.7vw,18px);font-weight:700;color:var(--color-text-primary);margin:0}.bot-howto__body{font-size:clamp(14px,1.4vw,15px);line-height:1.7;color:var(--color-text-secondary);margin:0;max-width:58ch}.bot-howto__cta{margin-top:6px;background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;padding:6px 0;transition:color var(--transition-fast)}.bot-howto__cta:hover:not(:disabled){color:var(--color-primary-hover)}.bot-howto__cta:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.bot-hero{grid-template-columns:72px 1fr;padding:18px;gap:16px}.bot-hero__avatar{width:72px;height:72px}.bot-hero__avatar-initial{font-size:28px}.bot-hero__name{font-size:20px}}@media (prefers-reduced-motion:reduce){.bot-hero__cta,.bot-howto__cta{transition:none;transform:none!important}}.profile-header{background:white;padding:clamp(20px,3vw,28px);display:grid;grid-template-columns:96px 1fr;gap:clamp(18px,2.4vw,24px);align-items:start;box-shadow:var(--shadow-xs)}.profile-header__avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-header__avatar img{width:100%;height:100%;object-fit:cover}.profile-header__avatar-initial{font-size:36px;font-weight:700;color:var(--color-primary);line-height:1}.profile-header__body{min-width:0;display:flex;flex-direction:column;gap:8px}.profile-header__name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-header__name{font-size:clamp(22px,2.4vw,26px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0;line-height:1.25}.profile-header__badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;color:#8a5500;background:#fef3c7;border-radius:999px;line-height:1.4}.profile-header__handle{font-size:14px;color:var(--color-text-muted);margin:0}.profile-header__bio{font-size:clamp(14px,1.4vw,15px);line-height:1.65;color:var(--color-text-secondary);margin:4px 0 0;max-width:52ch}.profile-header__stats{display:flex;align-items:center;gap:16px;margin-top:6px}.profile-header__stat{display:flex;align-items:baseline;gap:6px}.profile-header__stat-value{font-size:16px;font-weight:700;color:var(--color-text-primary);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.profile-header__stat-label{font-size:13px;color:var(--color-text-muted)}.profile-header__stat-divider{width:1px;height:14px;background:var(--color-border)}.profile-header__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.profile-header__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.profile-header__btn:disabled{opacity:.55;cursor:not-allowed}.profile-header__btn--primary{background:var(--color-primary);color:white;border:1px solid var(--color-primary);box-shadow:var(--shadow-xs)}.profile-header__btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-header__btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.profile-header__btn--secondary{background:white;color:var(--color-text-primary);border:1px solid var(--color-border)}.profile-header__btn--secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border-strong,var(--color-border))}@media (max-width:640px){.profile-header{grid-template-columns:72px 1fr;padding:18px;gap:14px}.profile-header__avatar{width:72px;height:72px}.profile-header__avatar-initial{font-size:28px}.profile-header__name{font-size:20px}}@media (prefers-reduced-motion:reduce){.profile-header__btn{transition:none;transform:none!important}}.profile-stats{background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(20px,2.6vw,28px);box-shadow:var(--shadow-xs)}.profile-stats__title{position:relative;padding-left:14px;font-size:clamp(16px,1.7vw,18px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 16px}.profile-stats__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--color-primary);border-radius:2px}.profile-stats__list{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,40px);margin:0}.profile-stats__item{display:flex;flex-direction:column;gap:4px;margin:0}.profile-stats__label{font-size:13px;color:var(--color-text-muted);margin:0}.profile-stats__value{font-size:clamp(24px,2.6vw,28px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;line-height:1.1}.profile-stats--empty{text-align:left}.profile-stats__empty-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.profile-stats__empty-body{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 12px}.profile-stats__cta{display:inline-flex;align-items:center;padding:9px 16px;background:var(--color-primary);color:white;border-radius:var(--radius-lg);font-size:14px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.profile-stats__cta:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-stats__cta:active{transform:translateY(0);box-shadow:var(--shadow-xs)}@media (prefers-reduced-motion:reduce){.profile-stats__cta{transition:none;transform:none!important}}.achievement-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px}.achievement-card{position:relative;width:100%;max-width:420px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(45,106,79,.2),0 2px 8px rgba(0,0,0,.08)}.achievement-card-pattern{position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(255,255,255,.12) 0,transparent 50%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.08) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0,transparent 70%);pointer-events:none}.achievement-card-content{position:relative;padding:24px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:14px}.achievement-avatar-area{position:relative}.achievement-avatar-btn{background:none;border:none;padding:0;cursor:pointer;position:relative;display:block;border-radius:50%;transition:transform .2s}.achievement-avatar-btn:hover{transform:scale(1.05)}.achievement-avatar-btn:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:4px;border-radius:50%}.achievement-avatar-edit-hint{position:absolute;bottom:2px;right:2px;width:24px;height:24px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}.achievement-avatar-btn:hover .achievement-avatar-edit-hint{opacity:1}.achievement-title-badge{position:absolute;top:-4px;right:-8px}.achievement-info{text-align:center}.achievement-name{font-size:13px;font-weight:500;margin-bottom:4px;letter-spacing:.3px}.achievement-level-row{display:flex;align-items:baseline;justify-content:center;gap:8px}.achievement-level-label{font-size:13px}.achievement-level-number{font-size:40px;font-weight:800;line-height:1;letter-spacing:-1px}.achievement-title-name{font-size:14px;font-weight:500}.achievement-xp-section{width:100%;max-width:300px;display:flex;flex-direction:column;gap:6px}.achievement-xp-bar-track{height:12px;border-radius:6px;overflow:hidden}.achievement-xp-bar-fill{height:100%;border-radius:6px;background:#6EE7B7;transition:width .6s ease-out;min-width:6px}.achievement-xp-text{text-align:center;font-size:13px;font-weight:500;letter-spacing:.3px}.achievement-watermark-icon{position:absolute;bottom:10px;right:14px;pointer-events:none}.achievement-share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#2D6A4F;border:none;border-radius:24px;color:#ffffff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(45,106,79,.25)}.achievement-share-btn:hover:not(:disabled){background:#1B4332;box-shadow:0 4px 12px rgba(45,106,79,.35);transform:translateY(-1px)}.achievement-share-btn:focus-visible{outline:2px solid #2D6A4F;outline-offset:2px}.achievement-share-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.achievement-card{max-width:100%;border-radius:16px}.achievement-card-content{padding:20px 18px 16px}.achievement-level-number{font-size:34px}}@media (prefers-reduced-motion:reduce){.achievement-xp-bar-fill{transition:none}.achievement-avatar-btn:hover,.achievement-share-btn:hover:not(:disabled){transform:none}}.customize-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;animation:fadeIn .2s ease-out}.customize-sheet{position:fixed;z-index:1001;background:#fff;display:flex;flex-direction:column;overflow:hidden;animation:sheetSlideUp .3s ease-out}@media (min-width:769px){.customize-sheet{top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-height:85vh;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.2);animation:modalFadeIn .25s ease-out}.customize-drag-handle{display:none}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}}@media (max-width:768px){.customize-sheet{bottom:0;left:0;right:0;max-height:85vh;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.15)}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.customize-drag-handle{width:36px;height:4px;background:#cbd5e1;border-radius:2px;margin:8px auto 0;flex-shrink:0}.customize-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;flex-shrink:0}.customize-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.customize-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:background .15s}.customize-close:hover{background:#f1f5f9;color:#1e293b}.customize-close:focus-visible{outline:2px solid #667eea;outline-offset:2px}.customize-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px 16px;position:relative;flex-shrink:0}.customize-preview-badge{position:absolute;top:8px;left:calc(50% + 36px)}.customize-preview-label{font-size:14px;color:#475569;font-weight:500}.customize-saving{font-size:12px;color:#667eea;font-weight:500}.customize-tabs{display:flex;border-bottom:1px solid #e2e8f0;padding:0 20px;flex-shrink:0}.customize-tab{flex:1 1;padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.customize-tab.active{color:#667eea;border-bottom-color:#667eea}.customize-tab:hover:not(.active){color:#475569}.customize-tab:focus-visible{outline:2px solid #667eea;outline-offset:-2px}.customize-content{flex:1 1;overflow-y:auto;padding:16px 20px 24px}.customize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customize-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#f8fafc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s;position:relative}.customize-item.unlocked:hover:not(.active){border-color:#cbd5e1;background:#f1f5f9}.customize-item.active{border-color:#667eea;background:rgba(102,126,234,.08)}.customize-item.locked{opacity:.45;cursor:not-allowed}.customize-item:focus-visible{outline:2px solid #667eea;outline-offset:2px}.customize-item-name{font-size:12px;color:#475569;font-weight:500}.customize-item-lock{font-size:10px;color:#94a3b8;background:#e2e8f0;padding:2px 8px;border-radius:8px}.customize-item-check{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}@media (max-width:480px){.customize-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.customize-backdrop,.customize-sheet{animation:none}}.journey-path-wrapper{margin-bottom:28px;background:#fff;border-radius:14px;border:1px solid #e8e8e4;padding:20px 0 16px}.journey-title{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 8px;padding:0 20px}.journey-scroll{overflow-x:auto;padding:36px 0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.journey-scroll::-webkit-scrollbar{height:4px}.journey-scroll::-webkit-scrollbar-track{background:transparent}.journey-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.journey-track{display:flex;align-items:flex-start;min-width:max-content;padding:0 32px;gap:0}.journey-node{flex-direction:column;flex-shrink:0;width:120px}.journey-node,.journey-node-visual{display:flex;align-items:center;position:relative}.journey-node-visual{justify-content:center;margin-bottom:12px}.journey-node-current-circle{width:72px;height:72px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 rgba(102,126,234,.4);animation:journeyPulse 2.5s ease-in-out infinite}.journey-node-current-level{font-size:28px;font-weight:800;line-height:1}@keyframes journeyPulse{0%,to{box-shadow:0 4px 12px rgba(45,106,79,.3)}50%{box-shadow:0 4px 20px rgba(45,106,79,.5),0 0 0 8px rgba(45,106,79,.1)}}.journey-node-completed-circle{width:48px;height:48px;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center}.journey-node-check-icon{font-size:20px;color:#fff;font-weight:700}.journey-node-locked-circle{width:48px;height:48px;border-radius:50%;background:#f1f5f9;border:3px dashed #d1d5db;display:flex;align-items:center;justify-content:center;transition:all .3s}.journey-node-locked-circle.next-glow{border-color:#94a3b8;background:#f8fafc;box-shadow:0 0 12px rgba(45,106,79,.12)}.journey-node-lock{font-size:18px;color:#94a3b8;font-weight:600}.journey-node-label{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.journey-node-level{font-size:13px;font-weight:700;color:#475569}.journey-node.current .journey-node-level{color:#2D6A4F;font-size:14px}.journey-node.locked .journey-node-level{color:#94a3b8}.journey-node-title{font-size:12px;color:#475569;font-weight:500}.journey-node.locked .journey-node-title{color:#94a3b8}.journey-node-frame{font-size:11px;color:#94a3b8}.journey-you-badge{top:-28px;background:#2D6A4F;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap;box-shadow:0 2px 8px rgba(45,106,79,.35)}.journey-you-badge,.journey-you-badge:after{position:absolute;left:50%;transform:translateX(-50%)}.journey-you-badge:after{content:"";bottom:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #2d6a4f}.journey-connector{position:relative;width:80px;height:4px;flex-shrink:0;align-self:center;margin-top:22px;border-radius:2px;overflow:hidden}.journey-connector-bg{position:absolute;inset:0;background:#e2e8f0;border-radius:2px}.journey-connector-fill{position:absolute;top:0;left:0;height:100%;background:#2D6A4F;border-radius:2px;transition:width .8s ease-out}.journey-node.current{z-index:2}.journey-node.locked{opacity:.6}.journey-node.next{opacity:.85}@media (max-width:768px){.journey-track{padding:0 16px}.journey-node{width:100px}.journey-connector{width:48px}}@media (prefers-reduced-motion:reduce){.journey-node-current-circle{animation:none;box-shadow:0 4px 12px rgba(45,106,79,.3)}.journey-connector-fill{transition:none}}.levelup-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:levelup-fadeIn .2s ease-out both;cursor:pointer}.levelup-center{text-align:center;animation:levelup-scaleIn .5s cubic-bezier(.34,1.56,.64,1) both}.levelup-label{color:#fff;font-size:16px;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:8px;opacity:.9}.levelup-number{font-size:96px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 20px rgba(251,191,36,.6),0 0 40px rgba(251,191,36,.3),0 0 80px rgba(251,191,36,.15);animation:levelup-countUp .4s ease-out .15s both}.levelup-confetti-piece{position:fixed;width:var(--size,8px);height:var(--size,8px);background:var(--color,#FBBF24);left:var(--x,50vw);top:-20px;border-radius:2px;pointer-events:none;animation:levelup-confettiFall 2.5s var(--delay,0s) ease-in both;transform:rotate(var(--rotation,0deg))}.levelup-confetti-piece:nth-child(2n){border-radius:50%}@keyframes levelup-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes levelup-scaleIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes levelup-countUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes levelup-confettiFall{0%{top:-20px;transform:rotate(var(--rotation,0deg));opacity:1}80%{opacity:1}to{top:110vh;transform:rotate(calc(var(--rotation, 0deg) + 2turn));opacity:0}}@media (prefers-reduced-motion:reduce){.levelup-center,.levelup-number,.levelup-overlay{animation:none}.levelup-confetti-piece{animation:none;display:none}}.sentence-explanation-player{--sep-bg-start:#667eea;--sep-bg-end:#5a67d8;--sep-text-color:white;--sep-font-size:24px;--sep-underline-color:#ffd700;--sep-highlight-bg:rgba(255,215,0,0.5);--sep-insert-bg:#ff6b6b;--sep-controls-bg:#f8f9fa;--sep-progress-bg:#e9ecef;--sep-border-radius:16px;width:100%}.sep-text-container{background:var(--sep-bg-start);border-radius:var(--sep-border-radius);padding:32px 40px;margin-bottom:16px;min-height:80px;display:flex;align-items:center;justify-content:center}.sep-text-block{font-size:var(--sep-font-size);line-height:2;color:var(--sep-text-color);text-align:center;word-wrap:break-word;overflow-wrap:break-word}.sep-effect-underline{text-decoration:underline;text-decoration-color:var(--sep-underline-color);text-decoration-thickness:3px;text-underline-offset:6px}.sep-effect-highlight{background:var(--sep-highlight-bg);padding:2px 4px;border-radius:4px}.sep-effect-hide{color:transparent;-webkit-user-select:none;user-select:none}.sep-effect-insert{display:inline-block;background:var(--sep-insert-bg);color:white;font-size:14px;font-weight:700;padding:2px 8px;border-radius:4px;margin:0 4px;vertical-align:middle}.sep-effect-underline.sep-effect-highlight{background:var(--sep-highlight-bg);padding:2px 4px;border-radius:4px}.sep-effect-hide.sep-effect-underline,.sep-effect-underline.sep-effect-highlight{text-decoration:underline;text-decoration-color:var(--sep-underline-color);text-decoration-thickness:3px;text-underline-offset:6px}.sep-effect-hide.sep-effect-underline{color:transparent;-webkit-user-select:none;user-select:none}.sep-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--sep-controls-bg);border-radius:12px}.sep-buttons{display:flex;gap:8px}.sep-play-btn,.sep-restart-btn{width:40px;height:40px;border:none;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sep-play-btn{background:var(--sep-bg-start);color:white}.sep-play-btn:hover{filter:brightness(.9)}.sep-restart-btn{background:#e9ecef;color:#495057}.sep-restart-btn:hover{background:#dee2e6}.sep-time{font-size:14px;font-weight:500;color:#495057;min-width:80px;text-align:center}.sep-progress-bar{flex:1 1;height:8px;background:var(--sep-progress-bg);border-radius:4px;cursor:pointer;position:relative}.sep-progress-fill{height:100%;background:var(--sep-bg-start);border-radius:4px}@media (max-width:768px){.sentence-explanation-player{--sep-font-size:18px}.sep-text-container{padding:24px}.sep-controls{flex-wrap:wrap}.sep-progress-bar{width:100%;order:1;margin-top:8px}}.hp-check-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:600;animation:hp-check-fade .15s ease-out}@keyframes hp-check-fade{0%{opacity:0}to{opacity:1}}.hp-check-modal{background:#fff;border-radius:12px;width:90%;max-width:440px;box-shadow:0 20px 40px rgba(0,0,0,.2);animation:hp-check-slide .2s ease-out}@keyframes hp-check-slide{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.hp-check-header{padding:20px 24px 12px;border-bottom:1px solid #e2e8f0}.hp-check-header h3{margin:0;font-size:18px;font-weight:600;color:#1e293b}.hp-check-body{padding:20px 24px}.hp-check-status{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:10px;margin-bottom:14px}.hp-check-status--ok{background:#ecfdf5;color:#047857}.hp-check-status--warn{background:#fff7ed;color:#b45309}.hp-check-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.hp-check-status-text{display:flex;flex-direction:column;gap:4px;min-width:0}.hp-check-status-text strong{font-size:15px;font-weight:600}.hp-check-device{font-size:13px;color:#065f46;word-break:break-word}.hp-check-note{margin:0;font-size:14px;line-height:1.6;color:#475569}.hp-check-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.hp-check-btn{padding:10px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:88px;border:none}.hp-check-btn--cancel{background:#fff;border:1px solid #e2e8f0;color:#64748b}.hp-check-btn--cancel:hover{background:#f8fafc;border-color:#cbd5e1}.hp-check-btn--primary{background:var(--color-primary,#667eea);color:#fff}.hp-check-btn--primary:hover{filter:brightness(.95)}@media (max-width:480px){.hp-check-modal{width:95%;margin:16px}.hp-check-footer{flex-direction:column-reverse}.hp-check-btn{width:100%}}.leak-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);justify-content:center;z-index:650;animation:leak-fade .15s ease-out}.leak-modal,.leak-overlay{display:flex;align-items:center}.leak-modal{background:var(--color-bg-primary,#fff);border-radius:12px;padding:28px 24px 22px;width:min(92vw,420px);box-shadow:0 20px 50px rgba(0,0,0,.25);flex-direction:column;text-align:center;animation:leak-pop .18s ease-out}.leak-icon{width:64px;height:64px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.leak-title{font-size:1.15rem;font-weight:700;margin:0 0 8px;color:var(--color-text-primary,#1f2937)}.leak-body{font-size:.95rem;color:var(--color-text-secondary,#4b5563);line-height:1.55;margin:0 0 18px}.leak-actions{display:flex;flex-direction:column;width:100%;gap:8px}.leak-btn{border:none;border-radius:8px;padding:11px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,transform .05s}.leak-btn:active{transform:translateY(1px)}.leak-btn-primary{background:var(--color-primary,#667eea);color:#fff}.leak-btn-primary:hover{background:var(--color-primary-hover,#5a6ed1)}.leak-btn-secondary{background:transparent;color:var(--color-text-secondary,#4b5563)}.leak-btn-secondary:hover{background:rgba(0,0,0,.04)}@keyframes leak-fade{0%{opacity:0}to{opacity:1}}@keyframes leak-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.leak-modal,.leak-overlay{animation:none}}.ad-unlock-prompt{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.ad-unlock-prompt-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08)}.ad-unlock-prompt-icon{color:#667eea;margin-bottom:1.25rem}.ad-unlock-prompt-title{font-size:1.35rem;font-weight:700;color:#1a1a2e;margin:0 0 .75rem;line-height:1.3}.ad-unlock-prompt-description{font-size:.95rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.ad-unlock-prompt-error{background:#fef2f2;color:#dc2626;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1rem}.ad-unlock-prompt-actions{display:flex;flex-direction:column;gap:.75rem}.ad-unlock-prompt-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.ad-unlock-prompt-primary:hover{opacity:.9}.ad-unlock-prompt-primary:disabled{opacity:.6;cursor:not-allowed}.ad-unlock-prompt-upgrade{background:transparent;color:#667eea;border:1px solid #667eea;border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.ad-unlock-prompt-upgrade:hover{background:#f0edff}.ad-unlock-prompt-back{background:transparent;color:#888;border:none;padding:.5rem;font-size:.9rem;cursor:pointer}.ad-unlock-prompt-back:hover{color:#555}.free-limit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-5);animation:fadeIn .2s ease}.free-limit-modal{background:white;border-radius:24px;padding:var(--space-10);max-width:440px;width:100%;position:relative;text-align:center;animation:slideUp .3s ease;box-shadow:0 25px 50px rgba(0,0,0,.25)}.free-limit-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:var(--space-2);border-radius:8px;transition:all .2s ease}.free-limit-modal-close:hover{background:#f3f4f6;color:#6b7280}.free-limit-modal-icon{width:80px;height:80px;background:#fef3c7;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:#d97706}.free-limit-modal-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 var(--space-3);line-height:1.3}.free-limit-modal-description{font-size:16px;color:#6b7280;margin:0 0 var(--space-6);line-height:1.6}.free-limit-modal-usage{margin-bottom:var(--space-6)}.usage-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;transition:width .3s ease}.usage-text{font-size:14px;color:#9ca3af;font-weight:500}.free-limit-modal-error{background:#fef2f2;color:#dc2626;padding:var(--space-3) var(--space-4);border-radius:8px;font-size:14px;margin-bottom:var(--space-4);border:1px solid #fecaca}.free-limit-modal-token-section{background:#ecfdf5;border-radius:16px;padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid #a7f3d0}.token-balance{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);color:#059669;font-size:16px}.token-balance strong{font-size:24px;font-weight:700;color:#047857}.token-actions{display:flex;flex-direction:column;gap:10px}.token-unlock-btn{width:100%;padding:14px var(--space-5);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.token-unlock-btn.can-afford{background:#10b981;color:white;box-shadow:0 4px 12px rgba(16,185,129,.2)}.token-unlock-btn.can-afford:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.25)}.token-unlock-btn.cannot-afford{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.token-unlock-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.watch-ad-btn{width:100%;padding:14px var(--space-5);background:#f59e0b;color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 4px 12px rgba(245,158,11,.2)}.watch-ad-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(245,158,11,.25)}.watch-ad-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none!important}.token-hint{margin:var(--space-3) 0 0;font-size:13px;color:#6b7280;text-align:center}.btn-loading{display:inline-block;animation:pulse 1s infinite}.free-limit-modal-divider{display:flex;align-items:center;margin:var(--space-5) 0;color:#9ca3af;font-size:14px}.free-limit-modal-divider:after,.free-limit-modal-divider:before{content:"";flex:1 1;height:1px;background:#e5e7eb}.free-limit-modal-divider span{padding:0 var(--space-4)}.free-limit-modal-benefits{background:#f0f9ff;border-radius:16px;padding:var(--space-5);margin-bottom:var(--space-6);text-align:left}.benefits-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:#0284c7;font-weight:600;font-size:15px}.benefits-header svg{color:#fbbf24}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.benefits-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.benefits-list li svg{color:#10b981;flex-shrink:0}.free-limit-modal-actions{display:flex;flex-direction:column;gap:var(--space-3)}.upgrade-btn{width:100%;padding:var(--space-4) var(--space-6);background:#667eea;color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(102,126,234,.2)}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.3)}.later-btn{width:100%;padding:var(--space-3) var(--space-6);background:transparent;color:#6b7280;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.later-btn:hover{background:#f3f4f6;color:#374151}.free-limit-modal-offer{margin-top:var(--space-5);padding:10px var(--space-4);background:#fef3c7;border-radius:8px;font-size:13px;font-weight:600;color:#92400e;display:inline-block}@media (max-width:480px){.free-limit-modal{padding:var(--space-8) var(--space-6);border-radius:20px}.free-limit-modal-icon{width:64px;height:64px;border-radius:16px}.free-limit-modal-icon svg{width:36px;height:36px}.free-limit-modal-title{font-size:20px}.free-limit-modal-description{font-size:14px}.benefits-list li{font-size:13px}}.coming-soon-modal__panel{border-top-color:#f59e0b}.coming-soon-modal__badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin:0 0 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#c2410c;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.coming-soon-modal__form{display:flex;flex-direction:column;gap:8px;margin-top:4px}.coming-soon-modal__label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.coming-soon-modal__input{width:100%;padding:11px 14px;font-size:15px;font-family:inherit;color:var(--color-text-primary);background:white;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.coming-soon-modal__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.coming-soon-modal__error{font-size:13px;color:#dc2626;margin:4px 0 0}.coming-soon-modal__actions{margin-top:16px}.coming-soon-modal__submit:disabled{opacity:.55;cursor:not-allowed}.coming-soon-modal__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}.coming-soon-modal__success-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 0 14px;border-radius:50%;background:#dcfce7;color:#16a34a}.coming-soon-modal__success-text{font-size:15px;color:var(--color-text-primary);margin:0 0 8px!important}@media (max-width:480px){.coming-soon-modal__actions{flex-direction:column-reverse}.coming-soon-modal__actions .pricing-modal__cancel,.coming-soon-modal__actions .pricing-modal__confirm{width:100%}}.subscription-gate{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.subscription-gate-card{background:#fff;border-radius:16px;padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.08)}.subscription-gate-icon{color:#667eea;margin-bottom:1.25rem}.subscription-gate-title{font-size:1.35rem;font-weight:700;color:#1a1a2e;margin:0 0 .75rem;line-height:1.3}.subscription-gate-description{font-size:.95rem;color:#666;margin:0 0 1.5rem;line-height:1.5}.subscription-gate-feature-badge{display:inline-block;background:#f0edff;color:#667eea;padding:.35rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.subscription-gate-benefits{text-align:left;margin-bottom:1.5rem;background:#fafafe;border-radius:12px;padding:1.25rem}.subscription-gate-benefits-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:#667eea;margin-bottom:.75rem}.subscription-gate-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.subscription-gate-benefits-list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#444}.subscription-gate-benefits-list li svg{color:#22c55e;flex-shrink:0}.subscription-gate-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.subscription-gate-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.subscription-gate-primary:hover{opacity:.9}.subscription-gate-secondary{background:transparent;color:#888;border:none;padding:.5rem;font-size:.9rem;cursor:pointer}.subscription-gate-secondary:hover{color:#555}.subscription-gate-price-hint{font-size:.8rem;color:#999;margin:0}.live-subtitle-display{text-align:center;padding:4px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.subtitle-text{font-size:14px;font-weight:500;color:#2c3e50;line-height:1.3;max-width:800px;animation:fadeIn .3s ease}.no-subtitle{font-size:12px;color:#999;font-style:italic}.subtitle-progress{display:none}.progress-bar{flex:1 1;height:3px;background-color:#e0e0e0}.progress-fill{background-color:#4285F4;transition:width .1s linear}.subtitle-index{font-size:12px;color:#666;font-weight:600;min-width:40px}@media (max-width:768px){.subtitle-text{font-size:18px}.subtitle-progress{max-width:100%}}.player-controls{justify-content:center}.controls-row,.player-controls{display:flex;align-items:center}.controls-row{gap:8px}.control-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#4a5568;padding:6px;border-radius:50%;transition:all .15s ease}.control-btn:hover{background-color:rgba(0,0,0,.06);color:#1a1a2e}.control-btn:active{transform:scale(.92)}.play-pause-btn{background:linear-gradient(135deg,#4285F4,#2563eb);color:white;width:32px;height:32px;box-shadow:0 2px 8px rgba(37,99,235,.3)}.play-pause-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px rgba(37,99,235,.4);transform:scale(1.05)}.skip-btn{display:flex;align-items:center;justify-content:center;gap:2px;height:32px;font-size:11px;font-weight:600;padding:0 10px;border-radius:16px;color:#64748b}.skip-btn:hover{color:#1e293b}.skip-label{font-size:10px;font-weight:700}.time-display{justify-content:center;height:32px;font-size:12px;color:#64748b;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;white-space:nowrap;padding:0 12px;letter-spacing:.5px}.speed-control,.time-display{display:flex;align-items:center}.speed-select{height:32px;padding:0 10px;border:1px solid #e2e8f0;border-radius:6px;background-color:white;font-size:12px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.speed-select:hover{border-color:#94a3b8;background-color:#f8fafc}.speed-select:focus{outline:none;border-color:#4285F4;box-shadow:0 0 0 2px rgba(66,133,244,.15)}@media (max-width:768px){.controls-row{gap:10px}.skip-label{display:none}.control-btn{padding:6px}.play-pause-btn{width:40px;height:40px}.time-display{font-size:12px;min-width:70px}}.subtitle-list{display:flex;flex-direction:column;height:100%;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden;background-color:white}.subtitle-list-header{display:flex;background-color:#f6f8fa;border-bottom:2px solid #e1e4e8;font-weight:600;font-size:13px;color:#586069;flex-shrink:0}.header-cell{padding:12px 16px;display:flex;align-items:center}.header-cell.index{width:50px;justify-content:center}.header-cell.text{flex:1 1;min-width:300px}.header-cell.time{width:80px;justify-content:center}.header-cell.action{width:90px;justify-content:center}.subtitle-list-content{flex:1 1;height:0;min-height:0;overflow-y:auto;overflow-x:hidden}.subtitle-row{display:flex;border-bottom:1px solid #e1e4e8;border-left:3px solid transparent;cursor:pointer;position:relative}.subtitle-row:hover{background-color:#f6f8fa}.subtitle-row.selected{background-color:#e7f3ff;border-left:3px solid #4285f4}.subtitle-row.playing{background-color:#fff3cd}.subtitle-row.selected.playing{background-color:#d4edff}.subtitle-cell{padding:12px 16px;display:flex;align-items:center}.subtitle-cell.index{width:50px;justify-content:center;font-weight:500;color:#586069}.subtitle-row.selected .subtitle-cell.index{padding-left:16px}.subtitle-cell.text{flex:1 1;min-width:300px}.text-content{width:100%;line-height:1.5;color:#24292e;cursor:text;word-break:break-word;transition:background-color .2s ease;padding:4px;border-radius:4px}.text-content:hover{background-color:rgba(0,0,0,.02)}.edit-textarea{width:100%;padding:6px 8px;border:2px solid #4285f4;border-radius:4px;font-size:14px;font-family:inherit;line-height:1.5;resize:vertical;outline:none;background-color:white}.subtitle-cell.time{width:80px;justify-content:center;font-size:13px;color:#586069;font-family:Monaco,Courier New,monospace}.subtitle-cell.action{width:90px;justify-content:center;gap:6px}.play-segment-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#4285F4;color:white;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.play-segment-btn:hover{background-color:#357ae8}.play-segment-btn:active{background-color:#2a5db8}.play-segment-btn:focus{outline:none}.delete-segment-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#ff6b6b;color:white;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.delete-segment-btn:hover{background-color:#ee5a5a}.delete-segment-btn:active{background-color:#dc4545}.delete-segment-btn:focus{outline:none}.reparse-segment-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#f59e0b;color:white;border-radius:50%;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.reparse-segment-btn:hover:not(:disabled){background-color:#d97706}.reparse-segment-btn:disabled{opacity:.6;cursor:progress}.reparse-segment-btn:focus{outline:none}.reparse-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:reparse-spin .8s linear infinite}@keyframes reparse-spin{to{transform:rotate(1turn)}}.subtitle-list-header:has(~.subtitle-list-content .reparse-segment-btn) .header-cell.action,.subtitle-row:has(.reparse-segment-btn) .subtitle-cell.action{width:130px}.subtitle-list-footer{padding:10px 16px;background-color:#f6f8fa;border-top:1px solid #e1e4e8;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.add-subtitle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#4285F4;color:white;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-subtitle-btn:hover{background-color:#357ae8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(66,133,244,.3)}.add-subtitle-btn:active{transform:translateY(0)}.add-subtitle-btn svg{flex-shrink:0}.footer-info{font-size:12px;color:#586069}.subtitle-list-content::-webkit-scrollbar{width:8px}.subtitle-list-content::-webkit-scrollbar-track{background:#f1f1f1}.subtitle-list-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.subtitle-list-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.header-cell,.subtitle-cell{padding:8px;font-size:12px}.header-cell.text,.subtitle-cell.text{min-width:0}.header-cell.time,.subtitle-cell.time{display:none}.header-cell.index,.subtitle-cell.index{width:32px;padding:8px 4px}.header-cell.action,.subtitle-cell.action{width:64px;gap:4px}.delete-segment-btn,.play-segment-btn{width:26px;height:26px}.text-content{font-size:13px}}.waveform-player{width:100%}.waveform-container-wrapper,.waveform-player{position:relative}.waveform-container{width:100%;min-height:60px;position:relative;background-color:#f8f9fa;border-radius:8px;padding:5px 0}.waveform-container wave{overflow:visible!important}.waveform-zoom-controls{position:absolute;top:2px;right:8px;display:flex;gap:4px;z-index:20}.waveform-tool-btn{width:28px;height:28px;border:1px solid #ddd;border-radius:6px;background:rgba(255,255,255,.9);color:#333;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;line-height:1;padding:0;user-select:none;-webkit-user-select:none}.waveform-tool-btn:hover:not(:disabled){background:#f0f0f0;border-color:#bbb}.waveform-tool-btn:active:not(:disabled){background:#e0e0e0}.waveform-tool-btn:disabled{opacity:.4;cursor:not-allowed}.waveform-split-btn.active{background:#e74c3c;border-color:#c0392b;color:white;box-shadow:0 0 0 2px rgba(231,76,60,.3)}@media (pointer:coarse){.waveform-tool-btn{width:36px;height:36px;font-size:20px}}.waveform-player.split-mode .waveform-container .wavesurfer-region{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e74c3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cline x1='20' y1='4' x2='8.12' y2='15.88'/%3E%3Cline x1='14.47' y1='14.48' x2='20' y2='20'/%3E%3Cline x1='8.12' y1='8.12' x2='12' y2='12'/%3E%3C/svg%3E") 12 12,crosshair}.waveform-player.split-mode .waveform-container .wavesurfer-region:hover{background-color:rgba(231,76,60,.2)!important}.split-mode-hint{bottom:-28px;background-color:#e74c3c;color:white;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;z-index:100;animation:fadeIn .2s ease}.split-mode-hint,.split-mode-hint:before{position:absolute;left:50%;transform:translateX(-50%)}.split-mode-hint:before{content:"";top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #e74c3c}.token-reward-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:900;animation:fadeIn .3s ease-out}.token-reward-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(255,215,0,.1);position:relative;animation:slideUp .4s ease-out}.token-reward-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:#999;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.token-reward-close:hover{background:rgba(255,255,255,.2);color:#fff}.token-reward-close:disabled{opacity:.5;cursor:not-allowed}.token-reward-header{text-align:center;margin-bottom:24px}.token-reward-icon{width:80px;height:80px;margin:0 auto 16px;animation:bounce .6s ease-out infinite}.token-reward-icon svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(255,215,0,.4))}.token-reward-header h2{color:#FFD700;font-size:28px;margin:0 0 8px;text-shadow:0 2px 8px rgba(255,215,0,.3)}.token-reward-header p{color:#b0b0b0;font-size:16px;margin:0}.token-reward-list{margin-bottom:24px}.token-reward-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:rgba(255,255,255,.05);border-radius:12px;margin-bottom:12px;opacity:.5;transform:translateX(-10px);transition:all .4s ease-out}.token-reward-item.claimed{opacity:1;transform:translateX(0)}.token-reward-item.animating{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.3);animation:pulse .8s ease-out}.reward-type{display:flex;flex-direction:column;gap:4px}.reward-type>span:first-child{color:#fff;font-size:15px;font-weight:500}.reward-from{color:#888;font-size:13px;font-weight:400}.reward-amount{gap:8px}.reward-amount,.token-icon{display:flex;align-items:center}.token-icon{width:24px;height:24px;background:linear-gradient(135deg,#FFD700,#FFA500);border-radius:50%;justify-content:center;font-weight:700;color:#000;font-size:14px;box-shadow:0 2px 8px rgba(255,215,0,.3)}.token-icon.large{width:40px;height:40px;font-size:20px}.reward-amount .amount{color:#4ade80;font-size:18px;font-weight:700}.token-reward-item.animating .amount{animation:countUp .5s ease-out}@keyframes countUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.token-reward-total{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,165,0,.15));border-radius:16px;border:2px solid rgba(255,215,0,.3);margin-bottom:24px;opacity:0;transform:scale(.9);transition:all .5s ease-out}.token-reward-total.show{opacity:1;transform:scale(1)}.total-label{color:#FFD700;font-size:16px;font-weight:500}.total-amount{display:flex;align-items:center;gap:12px}.total-amount .amount{color:#4ade80;font-size:32px;font-weight:700;text-shadow:0 2px 12px rgba(74,222,128,.3);animation:totalPop .6s ease-out}@keyframes totalPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.token-reward-button{width:100%;padding:16px;background:linear-gradient(135deg,#FFD700,#FFA500);border:none;border-radius:12px;color:#000;font-size:18px;font-weight:700;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s ease-out}.token-reward-button.show{opacity:1;transform:translateY(0)}.token-reward-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.token-reward-button:disabled{opacity:.5;cursor:not-allowed}.token-reward-total.show:before{content:"";position:absolute;top:0;left:50%;width:100%;height:100%;pointer-events:none}@media (max-width:480px){.token-reward-modal{padding:24px 20px;border-radius:16px}.token-reward-icon{width:60px;height:60px}.token-reward-header h2{font-size:24px}.token-reward-item{padding:12px}.total-amount .amount{font-size:28px}}.uap{border-radius:var(--radius-lg,12px);overflow:hidden;background:var(--color-bg-secondary,#f8fafc);border:1px solid var(--color-border,#e2e8f0)}.uap__subtitles{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 24px;background:#1e293b;text-align:center;gap:6px}.uap__sub-en{color:#ffffff;font-size:1rem;font-weight:500;line-height:1.6}.uap__sub-zh{color:#86efac;font-size:1.125rem;font-weight:600;line-height:1.6}.uap__subtitles:has(.uap__sub-en:only-child) .uap__sub-en,.uap__subtitles:has(.uap__sub-zh:only-child) .uap__sub-zh{font-size:1.125rem}.uap__controls{gap:10px;padding:10px 14px;background:white}.uap__controls,.uap__play{display:flex;align-items:center}.uap__play{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-primary,#667eea);color:white;cursor:pointer;justify-content:center;flex-shrink:0;transition:background .15s ease-out}.uap__play:hover{background:var(--color-primary-hover,#5a67d8)}.uap__play:active{transform:scale(.95)}.uap__play:disabled{cursor:not-allowed}.uap__play:disabled,.uap__play:disabled:hover{background:var(--color-text-muted,#9ca3af)}.uap__error{margin:8px 0;padding:8px 12px;background:var(--color-error-bg,#fef2f2);color:var(--color-error,#dc2626);border-radius:6px;font-size:13px;text-align:center}.uap__nav{width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease-out,color .15s ease-out}.uap__nav:hover:not(:disabled){background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-primary,#1e293b)}.uap__nav:active:not(:disabled){transform:scale(.92)}.uap__nav:disabled{opacity:.3;cursor:default}.uap__time{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-muted,#94a3b8);min-width:34px;text-align:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.uap__progress{flex:1 1;height:6px;background:var(--color-border,#e2e8f0);border-radius:3px;cursor:pointer;position:relative;min-width:60px}.uap__progress-fill{height:100%;border-radius:3px}.uap__progress-fill,.uap__progress-thumb{background:var(--color-primary,#667eea);pointer-events:none}.uap__progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px rgba(0,0,0,.2);transform:translate(-50%,-50%);opacity:0;transition:opacity .15s}.uap__progress:active .uap__progress-thumb,.uap__progress:hover .uap__progress-thumb{opacity:1}.uap__subtitle-btns{display:flex;gap:4px;flex-shrink:0;margin-left:4px}.uap__sub-btn{padding:4px 10px;border:1px solid var(--color-border,#e2e8f0);background:transparent;border-radius:14px;font-size:12px;color:var(--color-text-muted,#94a3b8);cursor:pointer;transition:all .15s ease-out;white-space:nowrap;line-height:1.4;display:flex;align-items:center;gap:2px}.uap__sub-btn:hover{background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-secondary,#64748b)}.uap__sub-btn.active{font-weight:600}.uap__sub-btn.active.off{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.uap__sub-btn.active.en{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.uap__sub-btn.active.zh-tw{background:#dcfce7;border-color:#86efac;color:#16a34a}.uap__sub-btn.active.both{background:#fef3c7;border-color:#fcd34d;color:#d97706}@media (max-width:640px){.uap__controls{flex-wrap:wrap;gap:8px;padding:10px 12px}.uap__nav,.uap__play,.uap__progress,.uap__time{order:0}.uap__nav{width:26px;height:26px}.uap__subtitle-btns{order:1;width:100%;margin-left:0;justify-content:center;gap:6px}.uap__subtitles{padding:16px;min-height:140px}.uap__sub-en{font-size:.875rem}.uap__sub-zh{font-size:1rem}}.practice-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:500;animation:fadeIn .2s ease-out}.practice-modal{background:white;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:24px;animation:slideUp .3s ease-out}@media (min-width:640px){.practice-modal-overlay{align-items:center}.practice-modal{border-radius:24px;max-height:80vh}}.practice-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.practice-modal-header h2{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.close-btn:hover{background:#eee;color:#333}.practice-section{margin-bottom:24px}.section-label{display:block;font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:16px;border:2px solid #e5e7eb;background:white;transition:all .2s ease-out}.mode-btn:hover{border-color:#d1d5db;background:#f9fafb}.mode-btn.active{border-color:#667eea;background:rgba(102,126,234,.06)}.mode-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.mode-btn.active .mode-icon{color:var(--color-primary)}.mode-label{font-size:15px;font-weight:600;color:#1a1a1a}.mode-desc{font-size:11px;color:#888}.mode-btn.active .mode-label{color:#667eea}.count-selector{display:flex;gap:8px;flex-wrap:wrap}.count-btn{flex:1 1;min-width:60px;padding:12px 16px;border-radius:12px;border:2px solid #e5e7eb;background:white;font-size:15px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease-out}.count-btn:hover{border-color:#d1d5db;background:#f9fafb}.count-btn.active{border-color:#667eea;background:#667eea;color:white}.mastery-chips{display:flex;flex-wrap:wrap;gap:8px}.mastery-chip{padding:10px 16px;border-radius:20px;border:2px solid #e5e7eb;background:white;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease-out}.mastery-chip:hover{border-color:var(--chip-color);color:var(--chip-color)}.mastery-chip.selected{border-color:var(--chip-color);background:var(--chip-color);color:white}.section-hint{font-weight:400;color:#999;font-size:12px;margin-left:8px}.learning-mode-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.learning-mode-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;border:2px solid #e5e7eb;background:white;cursor:pointer;transition:all .2s ease-out}.learning-mode-chip:hover{border-color:#d1d5db;background:#f9fafb}.learning-mode-chip.selected{border-color:#667eea;background:rgba(102,126,234,.06)}.lm-chip-icon{display:flex;align-items:center;justify-content:center;color:#999}.learning-mode-chip.selected .lm-chip-icon{color:#667eea}.lm-chip-label{font-size:13px;font-weight:600;color:#444}.learning-mode-chip.selected .lm-chip-label{color:#667eea}.lm-chip-desc{font-size:10px;color:#999;text-align:center;line-height:1.2}@media (max-width:480px){.learning-mode-chips{grid-template-columns:repeat(2,1fr)}}.favorites-toggle{display:flex;align-items:center;gap:12px;padding:16px;background:#fef3c7;border-radius:12px;cursor:pointer;transition:all .2s ease-out}.favorites-toggle:hover{background:#fde68a}.favorites-toggle input[type=checkbox]{width:20px;height:20px;accent-color:#f59e0b;cursor:pointer}.toggle-label{flex:1 1;font-size:15px;font-weight:500;color:#92400e}.toggle-star{display:flex;align-items:center;color:#f59e0b}.practice-preview{background:#f8fafc;border-radius:16px;padding:20px;margin-bottom:24px;text-align:center}.preview-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.preview-breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.preview-item{padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600}.preview-empty{color:#999;font-size:14px}.start-practice-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;border-radius:16px;border:none;background:#667eea;color:white;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease-out;box-shadow:0 4px 16px rgba(102,126,234,.4)}.start-practice-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px rgba(102,126,234,.5)}.start-practice-btn:active:not(:disabled){transform:translateY(0)}.start-practice-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}@media (max-width:480px){.practice-modal{padding:20px 16px}.mode-selector{gap:8px}.mode-btn{padding:12px 8px}.mode-icon svg{width:24px;height:24px}.mode-label{font-size:13px}.mode-desc{font-size:10px}.count-btn{padding:10px 12px;font-size:14px}}.about-page{min-height:100vh;background:var(--color-bg-secondary);padding:clamp(40px,6vw,72px) 20px clamp(64px,8vw,96px)}.about-wrap{max-width:760px;margin:0 auto}.about-hero{text-align:center;margin:0 0 clamp(32px,4vw,48px)}.about-hero__title{font-size:clamp(24px,3.6vw,36px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.32;margin:0;text-wrap:balance}.about-card{background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px);margin:0 0 clamp(16px,2vw,20px);box-shadow:var(--shadow-xs)}.about-card__heading{position:relative;padding-left:14px;font-size:clamp(17px,1.8vw,19px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 16px}.about-card__heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--color-primary);border-radius:2px}.about-card__body{font-size:clamp(15px,1.4vw,16px);line-height:1.75;color:var(--color-text-secondary);margin:0}.about-card__body+.about-card__body{margin-top:14px}.about-pullquote{font-size:clamp(15px,1.5vw,17px);font-weight:500;line-height:1.65;color:var(--color-text-primary);background:var(--color-primary-50);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:14px 18px;margin:0 0 clamp(20px,2.6vw,28px);text-wrap:balance}.about-principles{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.about-principles__item{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--color-border-light)}.about-principles__item:first-child{border-top:none;padding-top:4px}.about-principles__num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary);font-size:13px;font-weight:700;line-height:1;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.about-principles__text{min-width:0}.about-principles__title{font-size:clamp(15px,1.4vw,16px);font-weight:600;line-height:1.4;color:var(--color-text-primary);margin:0 0 6px}.about-principles__body{font-size:clamp(14px,1.3vw,15px);line-height:1.7;color:var(--color-text-secondary);margin:0}.about-close{background:white;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-xl);padding:clamp(20px,2.6vw,28px);margin:0 0 clamp(16px,2vw,20px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.about-close__body{font-size:clamp(15px,1.4vw,16px);line-height:1.7;color:var(--color-text-secondary);margin:0}.about-close__email{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.about-close__email:hover{border-bottom-color:var(--color-primary)}.about-close__form-link{font-size:14px;color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.about-close__form-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.about-close__cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--color-primary);color:white;border-radius:var(--radius-lg);font-size:14px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.about-close__cta:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.about-close__cta:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.about-credit{font-size:13px;color:var(--color-text-muted);text-align:center;margin-top:clamp(24px,3vw,32px);padding-top:20px;border-top:1px solid var(--color-border)}@media (min-width:640px){.about-close{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.about-close__body{flex:1 1}.about-close__cta{flex-shrink:0}.about-principles__item{grid-template-columns:44px 1fr;gap:20px}.about-principles__num{width:32px;height:32px;font-size:14px}}@media (prefers-reduced-motion:reduce){.about-close__cta,.about-close__email{transition:none;transform:none!important}}.admin-audit-log-page{padding:0}.audit-log-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 4px}.audit-log-subtitle{color:#64748b;margin:0 0 20px;font-size:.9rem}.audit-log-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px}.audit-log-filter-group{display:flex;flex-direction:column;gap:4px}.audit-log-filter-group label{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.03em}.audit-log-filter-group input,.audit-log-filter-group select{padding:8px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.9rem;color:#1e293b}.audit-log-filter-group input:focus,.audit-log-filter-group select:focus{outline:none;border-color:#667eea;background:#fff}.audit-log-error{padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:12px}.audit-log-meta{color:#64748b;font-size:.85rem;margin-bottom:8px}.audit-log-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;overflow-x:auto}.audit-log-empty,.audit-log-loading{padding:40px;text-align:center;color:#94a3b8}.audit-log-table{width:100%;border-collapse:collapse;font-size:.9rem}.audit-log-table thead th{background:#f8fafc;padding:12px;text-align:left;font-weight:600;color:#475569;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.audit-log-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:top}.audit-log-table tbody tr:hover{background:#f8fafc}.audit-log-admin-id{font-family:SF Mono,Monaco,monospace;color:#64748b;font-size:.85rem}.audit-log-action{font-family:SF Mono,Monaco,monospace;background:#eef2ff;color:#4338ca;padding:2px 8px;border-radius:6px;font-size:.8rem;white-space:nowrap}.audit-log-target-type{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-right:6px}.audit-log-target-link{color:#667eea;text-decoration:none;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.audit-log-target-link:hover{text-decoration:underline}.audit-log-target-none{color:#cbd5e1}.audit-log-reason{color:#475569;max-width:320px;word-break:break-word}.audit-log-expand-btn{padding:4px 10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:.8rem;cursor:pointer;white-space:nowrap}.audit-log-expand-btn:hover{background:#e2e8f0}.audit-log-details-row td{background:#f8fafc!important;padding:0!important}.audit-log-metadata{margin:0;padding:16px;font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:#334155;white-space:pre-wrap;word-break:break-word}.audit-log-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.audit-log-pagination button{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;color:#1e293b;font-size:.9rem}.audit-log-pagination button:disabled{opacity:.4;cursor:not-allowed}.audit-log-pagination button:not(:disabled):hover{background:#f1f5f9}.audit-log-pagination span{color:#64748b;font-size:.9rem}.admin-churn-page{padding:0}.admin-churn-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 24px}.admin-churn-tabs{display:flex;gap:4px;padding:4px;background:#f1f5f9;border-radius:12px;margin-bottom:24px;overflow-x:auto}.admin-churn-tab{flex:1 1;padding:10px 16px;border:none;border-radius:8px;background:transparent;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;white-space:nowrap}.admin-churn-tab--active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.08)}.admin-churn-tab:hover:not(.admin-churn-tab--active){color:#1e293b}.admin-churn-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px;margin-bottom:20px}.admin-churn-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.admin-churn-card-title{font-size:.9375rem;font-weight:700;color:#1e293b}.admin-churn-month-selector{display:flex;gap:4px;padding:3px;background:#f1f5f9;border-radius:8px}.admin-churn-month-btn{padding:6px 14px;border:none;border-radius:6px;background:transparent;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease}.admin-churn-month-btn--active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.08)}.admin-churn-month-btn:hover:not(.admin-churn-month-btn--active){color:#1e293b}.admin-churn-chart-wrap{margin:0 -8px}.admin-churn-heatmap-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-churn-heatmap{border-collapse:separate;border-spacing:4px;min-width:100%}.admin-churn-heatmap-header{font-size:.75rem;font-weight:600;color:#64748b;text-align:center;padding:8px 4px;white-space:nowrap}.admin-churn-heatmap-label{font-size:.8125rem;font-weight:500;color:#1e293b;padding:8px 12px 8px 4px;white-space:nowrap}.admin-churn-heatmap-cell-td{padding:0}.admin-churn-heatmap-cell{min-width:60px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.admin-churn-heatmap-cell--empty{background:#f1f5f9!important;color:#cbd5e1;text-shadow:none}.admin-churn-funnel{display:flex;flex-direction:column;gap:0;padding:8px 0}.admin-churn-funnel-stage{display:flex;align-items:center;gap:16px}.admin-churn-funnel-label{width:120px;flex-shrink:0;font-size:.8125rem;font-weight:600;color:#1e293b;text-align:right}.admin-churn-funnel-bar-wrap{flex:1 1;min-width:0}.admin-churn-funnel-bar{height:48px;border-radius:8px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;transition:width .4s ease;min-width:60px}.admin-churn-funnel-count{font-size:.9375rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.admin-churn-funnel-arrow{display:flex;align-items:center;gap:8px;padding:8px 0 8px 136px}.admin-churn-funnel-rate{font-size:.8125rem;font-weight:600;color:#64748b}.admin-churn-funnel-summary{margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.admin-churn-funnel-summary p{font-size:.875rem;color:#64748b;margin:0;line-height:1.6}.admin-churn-loading{display:flex;justify-content:center;padding:48px 0}.admin-churn-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:admin-churn-spin 1s linear infinite}@keyframes admin-churn-spin{to{transform:rotate(1turn)}}.admin-churn-empty{font-size:.9375rem;color:#94a3b8;text-align:center;padding:48px 0;margin:0}.admin-churn-error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;font-size:.875rem;color:#dc2626}@media (max-width:768px){.admin-churn-title{font-size:1.25rem}.admin-churn-tabs{gap:2px;padding:3px}.admin-churn-tab{padding:8px 10px;font-size:.75rem}.admin-churn-card{padding:16px}.admin-churn-card-header{flex-direction:column;align-items:flex-start}.admin-churn-funnel-label{width:80px;font-size:.75rem}.admin-churn-funnel-arrow{padding-left:96px}.admin-churn-funnel-bar{height:40px}.admin-churn-heatmap-cell{min-width:48px;height:34px;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.admin-churn-spinner{animation-duration:4s}.admin-churn-funnel-bar{transition:none}}.admin-cc-page{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16);min-height:100vh}.admin-cc-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.admin-cc-back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);display:flex;align-items:center;transition:background var(--transition-fast)}.admin-cc-back:hover{background:var(--color-bg-tertiary)}.admin-cc-back svg{width:22px;height:22px}.admin-cc-header h1{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.admin-cc-month-selector{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);justify-content:center}.admin-cc-month-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;transition:background var(--transition-fast),color var(--transition-fast)}.admin-cc-month-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-cc-month-btn:disabled{opacity:.3;cursor:not-allowed}.admin-cc-month-btn svg{width:20px;height:20px}.admin-cc-month-label{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);min-width:140px;text-align:center}.admin-cc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.admin-cc-summary-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-xs)}.admin-cc-summary-card.highlight{background:var(--color-primary-light);border-color:var(--color-primary-100)}.admin-cc-summary-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.admin-cc-summary-card.highlight .admin-cc-summary-value{color:var(--color-primary)}.admin-cc-summary-label{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-cc-section-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.admin-cc-list{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.admin-cc-creator-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.admin-cc-creator-row:last-child{border-bottom:none}.admin-cc-creator-row:hover{background:var(--color-bg-secondary)}.admin-cc-rank{width:28px;font-size:var(--text-sm);font-weight:700;color:var(--color-text-light);text-align:center;flex-shrink:0}.admin-cc-rank.top-1{color:#d4a017}.admin-cc-rank.top-2{color:#8a8a8a}.admin-cc-rank.top-3{color:#b87333}.admin-cc-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.admin-cc-avatar img{width:100%;height:100%;object-fit:cover}.admin-cc-avatar span{color:#fff;font-weight:700;font-size:var(--text-sm)}.admin-cc-creator-info{flex:1 1;min-width:0}.admin-cc-creator-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-cc-creator-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px}.admin-cc-creator-stats{text-align:right;flex-shrink:0}.admin-cc-creator-time{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.admin-cc-creator-pct{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.admin-cc-pct-bar{width:60px;height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden;margin-top:4px;margin-left:auto}.admin-cc-pct-fill{height:100%;background:var(--color-primary);border-radius:2px;min-width:1px}.admin-cc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-3);color:var(--color-text-muted)}.admin-cc-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-cc-empty{text-align:center;padding:var(--space-8) var(--space-4);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.admin-cc-empty-icon{margin-bottom:var(--space-2);color:var(--color-text-light)}.admin-cc-empty-icon svg{width:40px;height:40px}.admin-cc-empty p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (max-width:600px){.admin-cc-page{padding:var(--space-4) var(--space-4) var(--space-12)}.admin-cc-header h1{font-size:var(--text-lg)}.admin-cc-summary{grid-template-columns:1fr}.admin-cc-summary-value{font-size:var(--text-xl)}.admin-cc-rank{display:none}.admin-cc-avatar{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.admin-cc-loading .loading-spinner{animation-duration:4s}}.admin-dash-page{padding:0}.admin-dash-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 24px}.admin-dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-dash-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px 24px;display:flex;flex-direction:column;min-height:120px;transition:box-shadow .15s ease}.admin-dash-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}.admin-dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-dash-card-label{font-size:.8125rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.admin-dash-card-value{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:4px}.admin-dash-sparkline{margin-top:auto;padding-top:8px}.admin-dash-card--skeleton{animation:admin-dash-pulse 1.5s ease-in-out infinite}.admin-dash-skeleton-label{width:80px;height:12px;background:#e2e8f0;border-radius:6px;margin-bottom:12px}.admin-dash-skeleton-value{width:100px;height:28px;background:#e2e8f0;border-radius:8px;margin-bottom:12px}.admin-dash-skeleton-chart{width:100%;height:40px;background:#e2e8f0;border-radius:8px;margin-top:auto}@keyframes admin-dash-pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-dash-summary{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px 24px;display:flex;gap:48px;align-items:center}.admin-dash-summary-item{display:flex;align-items:center;gap:12px}.admin-dash-summary-data{display:flex;flex-direction:column}.admin-dash-summary-value{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.3}.admin-dash-summary-label{font-size:.8125rem;color:#64748b}.admin-dash-error{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-dash-error-icon{display:flex}.admin-dash-error-text{font-size:.9375rem;color:#64748b;margin:0}.admin-dash-retry-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.admin-dash-retry-btn:hover{background:#5a6fd6}@media (max-width:1024px){.admin-dash-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-dash-grid{grid-template-columns:1fr}.admin-dash-summary{flex-direction:column;gap:16px;align-items:flex-start}.admin-dash-card-value{font-size:1.5rem}.admin-dash-title{font-size:1.25rem}}.admin-dash-activity{margin-top:28px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.admin-dash-activity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-dash-activity-title{margin:0;font-size:1.0625rem;font-weight:700;color:#1e293b}.admin-dash-activity-link{display:inline-flex;align-items:center;gap:4px;color:#667eea;font-size:.875rem;font-weight:500;text-decoration:none}.admin-dash-activity-link:hover{text-decoration:underline}.admin-dash-activity-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.admin-dash-activity-count{padding:12px 16px;background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.06));border-radius:12px;display:flex;flex-direction:column;gap:2px}.admin-dash-activity-count-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2}.admin-dash-activity-count-label{font-size:.8125rem;color:#64748b}.admin-dash-activity-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.admin-dash-activity-card{padding:14px 16px;background:#f8fafc;border-radius:12px;min-height:180px}.admin-dash-activity-card-title{margin:0 0 10px;font-size:.875rem;font-weight:600;color:#475569}.admin-dash-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.admin-dash-activity-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px}.admin-dash-activity-row:hover{background:rgba(102,126,234,.06)}.admin-dash-activity-name{color:#1e293b;font-size:.875rem;font-weight:500;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-dash-activity-name:hover{color:#667eea}.admin-dash-activity-name--mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem}.admin-dash-activity-count-pill{padding:2px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:.8125rem;font-weight:600;color:#334155;flex-shrink:0}.admin-dash-activity-empty{margin:0;padding:20px 0;text-align:center;color:#94a3b8;font-size:.875rem}@media (max-width:1024px){.admin-dash-activity-grid{grid-template-columns:1fr 1fr}.admin-dash-activity-card:first-child{grid-column:1/-1}}@media (max-width:768px){.admin-dash-activity-counts,.admin-dash-activity-grid{grid-template-columns:1fr}}.admin-lt-page{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16);min-height:100vh}.admin-lt-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.admin-lt-back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);display:flex;align-items:center;transition:background var(--transition-fast)}.admin-lt-back:hover{background:var(--color-bg-tertiary)}.admin-lt-back svg{width:22px;height:22px}.admin-lt-header h1{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.admin-lt-search-section{position:relative;margin-bottom:var(--space-5)}.admin-lt-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.admin-lt-search-box{position:relative;display:flex;align-items:center}.admin-lt-search-icon{position:absolute;left:12px;width:18px;height:18px;color:var(--color-text-light);pointer-events:none}.admin-lt-search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 40px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color var(--transition-fast)}.admin-lt-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-lt-search-spinner{position:absolute;right:12px;width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-lt-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);max-height:320px;overflow-y:auto}.admin-lt-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.admin-lt-dropdown-item.active,.admin-lt-dropdown-item:hover{background:var(--color-bg-secondary)}.admin-lt-dropdown-item+.admin-lt-dropdown-item{border-top:1px solid var(--color-border-light)}.admin-lt-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.admin-lt-user-avatar.large{width:44px;height:44px}.admin-lt-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-lt-user-avatar span{color:#fff;font-weight:700;font-size:var(--text-sm)}.admin-lt-user-avatar.large span{font-size:var(--text-base)}.admin-lt-user-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.admin-lt-user-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.admin-lt-user-email{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-lt-user-role{font-size:11px;font-weight:600;color:var(--color-text-light);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:10px;text-transform:capitalize;flex-shrink:0}.admin-lt-selected-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);box-shadow:var(--shadow-xs)}.admin-lt-selected-name{font-weight:600;color:var(--color-text-primary);font-size:var(--text-base)}.admin-lt-selected-email{font-size:var(--text-sm);color:var(--color-text-muted)}.admin-lt-tabs{display:flex;gap:var(--space-1);padding:3px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.admin-lt-tab{flex:1 1;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.admin-lt-tab.active{background:var(--color-bg-primary);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-xs)}.admin-lt-tab:hover:not(.active){color:var(--color-text-secondary)}.admin-lt-total{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-primary-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--color-primary-100)}.admin-lt-total-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.admin-lt-total-value{font-size:var(--text-xl);font-weight:700;color:var(--color-primary)}.admin-lt-list{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.admin-lt-course-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.admin-lt-course-row:last-child{border-bottom:none}.admin-lt-course-thumb{width:48px;height:36px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary)}.admin-lt-course-thumb img{width:100%;height:100%;object-fit:cover}.admin-lt-course-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.admin-lt-course-thumb-placeholder svg{width:20px;height:20px}.admin-lt-course-info{flex:1 1;min-width:0}.admin-lt-course-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-lt-course-time{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.admin-lt-loading{display:flex;justify-content:center;padding:var(--space-8)}.admin-lt-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-lt-empty{padding:var(--space-8) var(--space-4);text-align:center}.admin-lt-empty p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (max-width:600px){.admin-lt-page{padding:var(--space-4) var(--space-4) var(--space-12)}.admin-lt-header h1{font-size:var(--text-lg)}.admin-lt-course-thumb{width:40px;height:30px}}@media (prefers-reduced-motion:reduce){.admin-lt-loading .loading-spinner,.admin-lt-search-spinner{animation-duration:4s}}.admin-rev-page{max-width:1100px;margin:0 auto;padding:24px 24px 80px;min-height:100vh}.admin-rev-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 20px}.admin-rev-tabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-rev-tabs::-webkit-scrollbar{display:none}.admin-rev-tab{padding:8px 18px;border-radius:20px;border:none;background:#f1f5f9;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.admin-rev-tab:hover{background:#e2e8f0;color:#475569}.admin-rev-tab.active{background:#667eea;color:#fff}.admin-rev-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.admin-rev-card-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.admin-rev-btn-group{display:inline-flex;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.admin-rev-btn-group-item{padding:7px 16px;border:none;background:#fff;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.admin-rev-btn-group-item:not(:last-child){border-right:1px solid #e2e8f0}.admin-rev-btn-group-item:hover{background:#f8fafc}.admin-rev-btn-group-item.active{background:#667eea;color:#fff}.admin-rev-date-range{display:flex;align-items:center;gap:6px}.admin-rev-date{height:36px;padding:0 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:13px;outline:none;transition:border-color .15s}.admin-rev-date:focus{border-color:#667eea}.admin-rev-date-sep{color:#94a3b8;font-size:13px}.admin-rev-loading{display:flex;align-items:center;justify-content:center;padding:60px 0}.admin-rev-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:admin-rev-spin .8s linear infinite}@keyframes admin-rev-spin{to{transform:rotate(1turn)}}.admin-rev-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;color:#94a3b8}.admin-rev-empty p{margin:0;font-size:14px}.admin-rev-pie-container{margin-bottom:24px}.admin-rev-currency-table{width:100%;border-collapse:collapse;font-size:13px}.admin-rev-currency-table th{text-align:left;padding:10px 16px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.admin-rev-currency-table td{padding:10px 16px;color:#1e293b;border-bottom:1px solid #f1f5f9}.admin-rev-currency-table tbody tr:last-child td{border-bottom:none}.admin-rev-currency-table tbody tr:hover{background:#f8fafc}.admin-rev-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.admin-rev-currency-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.admin-rev-plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.admin-rev-plan-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.admin-rev-plan-label{font-size:14px;font-weight:600;color:#475569;margin-bottom:8px}.admin-rev-plan-count{font-size:36px;font-weight:700;color:#1e293b;line-height:1.1}.admin-rev-plan-sub{font-size:12px;color:#94a3b8;margin-bottom:12px}.admin-rev-plan-mrr{font-size:16px;font-weight:700;color:#667eea;margin-bottom:4px}.admin-rev-plan-pct{font-size:13px;color:#64748b}.admin-rev-plan-total{text-align:center;font-size:15px;color:#64748b;margin-top:16px}.admin-rev-plan-total strong{color:#667eea;font-size:18px}.admin-rev-arpu-legend{display:flex;justify-content:center;gap:24px;margin-top:12px}.admin-rev-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.admin-rev-legend-line{display:inline-block;width:20px;height:3px;border-radius:2px}.admin-rev-legend-dashed{background-image:repeating-linear-gradient(90deg,currentColor 0,currentColor 4px,transparent 0,transparent 8px);background-color:transparent!important;color:#94a3b8;height:2px}.admin-rev-creator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.admin-rev-creator-card{border:1px solid #e2e8f0;border-radius:14px;padding:20px;transition:box-shadow .15s}.admin-rev-creator-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.admin-rev-creator-tier{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.admin-rev-creator-tier-name{font-size:16px;font-weight:700}.admin-rev-creator-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-rev-creator-metric{display:flex;flex-direction:column;gap:2px}.admin-rev-creator-metric-val{font-size:16px;font-weight:700;color:#1e293b;display:flex;align-items:center}.admin-rev-creator-metric-lbl{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}@media (max-width:768px){.admin-rev-page{padding:16px 16px 60px}.admin-rev-card{padding:16px}.admin-rev-card-controls{flex-direction:column;align-items:flex-start}.admin-rev-creator-grid,.admin-rev-plan-cards{grid-template-columns:1fr}.admin-rev-creator-metrics{grid-template-columns:1fr 1fr;gap:10px}.admin-rev-arpu-legend{flex-direction:column;align-items:center;gap:8px}.admin-rev-currency-table{font-size:12px}.admin-rev-currency-table td,.admin-rev-currency-table th{padding:8px 10px}}@media (prefers-reduced-motion:reduce){.admin-rev-spinner{animation-duration:4s}}.admin-sub-detail-page{padding:0}.admin-sub-detail-back{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:0;font-size:.875rem;font-weight:600;color:#667eea;cursor:pointer;margin-bottom:20px;transition:color .15s ease}.admin-sub-detail-back:hover{color:#5a6fd6}.admin-sub-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.admin-sub-detail-left,.admin-sub-detail-right{display:flex;flex-direction:column;gap:20px}.admin-sub-detail-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px}.admin-sub-detail-card-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 16px}.admin-sub-detail-user-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.admin-sub-detail-avatar{width:48px;height:48px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.admin-sub-detail-avatar img{width:100%;height:100%;object-fit:cover}.admin-sub-detail-avatar span{font-size:1.125rem;font-weight:600;color:#64748b}.admin-sub-detail-user-main{display:flex;flex-direction:column;min-width:0}.admin-sub-detail-user-name{font-size:1.0625rem;font-weight:700;color:#1e293b}.admin-sub-detail-user-email{font-size:.8125rem;color:#64748b;word-break:break-all}.admin-sub-detail-info-grid{display:flex;flex-direction:column;gap:12px}.admin-sub-detail-info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-sub-detail-info-label{font-size:.8125rem;color:#64748b;flex-shrink:0}.admin-sub-detail-info-value{font-size:.875rem;color:#1e293b;font-weight:500;text-align:right}.admin-sub-detail-badge,.admin-sub-detail-platform{text-transform:capitalize}.admin-sub-detail-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.admin-sub-detail-badge--active{background:#dcfce7;color:#16a34a}.admin-sub-detail-badge--trialing{background:#fef9c3;color:#ca8a04}.admin-sub-detail-badge--cancelled{background:#fef2f2;color:#dc2626}.admin-sub-detail-badge--inactive{background:#f1f5f9;color:#64748b}.admin-sub-detail-role-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.75rem;font-weight:600;text-transform:capitalize}.admin-sub-detail-role--admin{background:#ede9fe;color:#7c3aed}.admin-sub-detail-role--creator{background:#dbeafe;color:#2563eb}.admin-sub-detail-role--learner{background:#f1f5f9;color:#64748b}.admin-sub-detail-copyable{display:flex;align-items:center;gap:6px}.admin-sub-detail-code{font-size:.75rem;font-family:SF Mono,Fira Code,monospace;background:#f1f5f9;padding:2px 8px;border-radius:4px;color:#1e293b;word-break:break-all}.admin-sub-detail-copy-btn{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;display:flex;border-radius:4px;transition:background .15s ease}.admin-sub-detail-copy-btn:hover{background:#f1f5f9}.admin-sub-detail-tx-wrapper{overflow-x:auto;margin:0 -24px -24px;padding:0 24px 24px}.admin-sub-detail-tx-table{width:100%;border-collapse:collapse}.admin-sub-detail-tx-table thead th{text-align:left;padding:10px 12px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-sub-detail-tx-table tbody td{padding:10px 12px;font-size:.8125rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-sub-detail-tx-table tbody tr:last-child td{border-bottom:none}.admin-sub-detail-tx-date{white-space:nowrap;color:#64748b}.admin-sub-detail-tx-amount{font-weight:600}.admin-sub-detail-tx-provider{text-transform:capitalize}.admin-sub-detail-tx-id code{font-size:.6875rem;font-family:SF Mono,Fira Code,monospace;background:#f1f5f9;padding:1px 6px;border-radius:3px;color:#64748b}.admin-sub-detail-tx-empty{padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.admin-sub-detail-tx-empty p{font-size:.875rem;color:#94a3b8;margin:0}.admin-sub-detail-actions{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px 24px;display:flex;gap:12px;flex-wrap:wrap}.admin-sub-detail-action-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:8px;padding:10px 18px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.admin-sub-detail-action--extend{background:#dbeafe;color:#2563eb}.admin-sub-detail-action--extend:hover{background:#bfdbfe}.admin-sub-detail-action--grant{background:#dcfce7;color:#16a34a}.admin-sub-detail-action--grant:hover{background:#bbf7d0}.admin-sub-detail-action--revoke{background:#fef2f2;color:#dc2626}.admin-sub-detail-action--revoke:hover{background:#fee2e2}.admin-sub-detail-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-sub-detail-modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:440px;box-shadow:0 8px 32px rgba(0,0,0,.16)}.admin-sub-detail-modal-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 20px}.admin-sub-detail-modal-field{margin-bottom:16px}.admin-sub-detail-modal-label{display:block;font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:6px}.admin-sub-detail-modal-input{width:100%;height:40px;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;font-size:.9375rem;color:#1e293b;box-sizing:border-box;transition:border-color .15s ease}.admin-sub-detail-modal-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.admin-sub-detail-modal-textarea{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:.875rem;color:#1e293b;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease}.admin-sub-detail-modal-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.admin-sub-detail-modal-textarea::placeholder{color:#94a3b8}.admin-sub-detail-modal-warning{font-size:.8125rem;color:#dc2626;background:#fef2f2;padding:10px 14px;border-radius:8px;margin:0 0 16px;line-height:1.5}.admin-sub-detail-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.admin-sub-detail-modal-cancel{background:none;border:1px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.admin-sub-detail-modal-cancel:hover{border-color:#cbd5e1;background:#f8fafc}.admin-sub-detail-modal-confirm{background:#667eea;border:none;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease;display:inline-flex;align-items:center;justify-content:center;min-width:90px}.admin-sub-detail-modal-confirm:hover:not(:disabled){background:#5a6fd6}.admin-sub-detail-modal-confirm--destructive{background:#dc2626}.admin-sub-detail-modal-confirm--destructive:hover:not(:disabled){background:#b91c1c}.admin-sub-detail-modal-confirm:disabled{opacity:.5;cursor:not-allowed}.admin-sub-detail-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:admin-sub-detail-spin .6s linear infinite}@keyframes admin-sub-detail-spin{to{transform:rotate(1turn)}}.admin-sub-detail-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:.875rem;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.12);z-index:1100;animation:admin-sub-detail-toast-in .3s ease}.admin-sub-detail-toast--success{background:#dcfce7;color:#16a34a}.admin-sub-detail-toast--error{background:#fef2f2;color:#dc2626}@keyframes admin-sub-detail-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-sub-detail-error{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-sub-detail-error p{font-size:.9375rem;color:#64748b;margin:0}.admin-sub-detail-retry-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.admin-sub-detail-retry-btn:hover{background:#5a6fd6}.admin-sub-detail-skeleton-header{width:200px;height:20px;background:#e2e8f0;border-radius:8px;margin-bottom:20px;animation:admin-sub-detail-pulse 1.5s ease-in-out infinite}.admin-sub-detail-skeleton-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);height:240px;animation:admin-sub-detail-pulse 1.5s ease-in-out infinite}@keyframes admin-sub-detail-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.admin-sub-detail-columns{grid-template-columns:1fr}.admin-sub-detail-actions{flex-direction:column}.admin-sub-detail-action-btn{justify-content:center}.admin-sub-detail-modal{max-width:100%}.admin-sub-detail-toast{left:16px;right:16px;bottom:16px}.admin-sub-detail-info-row{flex-direction:column;gap:2px}.admin-sub-detail-info-value{text-align:left}}.admin-sub-page{padding:0}.admin-sub-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 24px}.admin-sub-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px 24px}.admin-sub-filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.admin-sub-filter-search{flex:1 1;min-width:200px}.admin-sub-filter-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.admin-sub-select{height:38px;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;font-size:.875rem;color:#1e293b;background:#f8fafc;cursor:pointer;transition:border-color .15s ease}.admin-sub-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.admin-sub-search-wrapper{position:relative}.admin-sub-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.admin-sub-search-input{width:100%;height:38px;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px 0 36px;font-size:.875rem;color:#1e293b;background:#f8fafc;transition:border-color .15s ease;box-sizing:border-box}.admin-sub-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.admin-sub-search-input::placeholder{color:#94a3b8}.admin-sub-stats{display:flex;align-items:center;gap:24px;margin-bottom:16px;padding:0 4px}.admin-sub-stat{display:flex;align-items:center;gap:6px}.admin-sub-stat-value{font-size:1.125rem;font-weight:700}.admin-sub-stat--active{color:#16a34a}.admin-sub-stat--trialing{color:#ca8a04}.admin-sub-stat--cancelled{color:#dc2626}.admin-sub-stat-label,.admin-sub-stat-total{font-size:.8125rem;color:#64748b}.admin-sub-stat-total{margin-left:auto}.admin-sub-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow-x:auto}.admin-sub-table{width:100%;border-collapse:collapse}.admin-sub-table thead th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-sub-table tbody tr{transition:background .1s ease}.admin-sub-table tbody tr:hover{background:#f8fafc}.admin-sub-table tbody td{padding:14px 16px;font-size:.875rem;color:#1e293b;border-bottom:1px solid #f1f5f9;vertical-align:middle}.admin-sub-user-cell{display:flex;align-items:center;gap:10px}.admin-sub-avatar{width:36px;height:36px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.admin-sub-avatar img{width:100%;height:100%;object-fit:cover}.admin-sub-avatar span{font-size:.8125rem;font-weight:600;color:#64748b}.admin-sub-user-info{display:flex;flex-direction:column;min-width:0}.admin-sub-username{font-weight:600;color:#1e293b}.admin-sub-email,.admin-sub-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sub-email{font-size:.75rem;color:#64748b}.admin-sub-plan-name{display:block;font-weight:500}.admin-sub-plan-period{display:block;font-size:.75rem;color:#64748b}.admin-sub-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.admin-sub-badge--active{background:#dcfce7;color:#16a34a}.admin-sub-badge--trialing{background:#fef9c3;color:#ca8a04}.admin-sub-badge--cancelled{background:#fef2f2;color:#dc2626}.admin-sub-badge--expired,.admin-sub-badge--inactive{background:#f1f5f9;color:#64748b}.admin-sub-platform{text-transform:capitalize}.admin-sub-date{white-space:nowrap;color:#64748b;font-size:.8125rem}.admin-sub-view-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:.8125rem;font-weight:600;color:#667eea;cursor:pointer;transition:all .15s ease}.admin-sub-view-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.admin-sub-view-btn svg{flex-shrink:0}.admin-sub-empty{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.admin-sub-empty p{font-size:.9375rem;color:#64748b;margin:0}.admin-sub-skeleton-row td{padding:14px 16px}.admin-sub-skeleton-cell{height:14px;background:#e2e8f0;border-radius:6px;animation:admin-sub-pulse 1.5s ease-in-out infinite}@keyframes admin-sub-pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-sub-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:12px 0}.admin-sub-page-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.8125rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s ease}.admin-sub-page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.admin-sub-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-sub-page-info{font-size:.8125rem;color:#64748b}@media (max-width:768px){.admin-sub-title{font-size:1.25rem}.admin-sub-filters{flex-direction:column;gap:12px}.admin-sub-filter-group{min-width:100%}.admin-sub-stats{flex-wrap:wrap;gap:12px}.admin-sub-stat-total{margin-left:0;width:100%}.admin-sub-table-wrapper{border-radius:12px}.admin-sub-table tbody td,.admin-sub-table thead th{padding:10px 12px;font-size:.8125rem}.admin-sub-pagination{gap:8px}.admin-sub-page-btn{padding:6px 12px;font-size:.75rem}}.admin-txn-page{max-width:1200px;margin:0 auto;padding:24px 24px 80px;min-height:100vh}.admin-txn-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 20px}.admin-txn-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.admin-txn-stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:4px}.admin-txn-stat-value{font-size:28px;font-weight:700;color:#1e293b}.admin-txn-stat-revenue{color:#16a34a}.admin-txn-stat-refund{color:#dc2626}.admin-txn-stat-label{font-size:13px;color:#64748b}.admin-txn-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.admin-txn-date,.admin-txn-select{height:38px;padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:13px;outline:none;transition:border-color .15s}.admin-txn-date:focus,.admin-txn-select:focus{border-color:#667eea}.admin-txn-search-wrap{position:relative;flex:1 1;min-width:200px}.admin-txn-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none}.admin-txn-search{width:100%;height:38px;padding:0 12px 0 32px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:13px;outline:none;transition:border-color .15s;box-sizing:border-box}.admin-txn-search:focus{border-color:#667eea}.admin-txn-actions{display:flex;gap:8px;margin-bottom:16px}.admin-txn-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .15s,opacity .15s}.admin-txn-btn:disabled{opacity:.5;cursor:not-allowed}.admin-txn-btn-secondary{background:#f1f5f9;color:#475569}.admin-txn-btn-secondary:hover:not(:disabled){background:#e2e8f0}.admin-txn-btn-danger{background:#fef2f2;color:#dc2626}.admin-txn-btn-danger:hover:not(:disabled){background:#fee2e2}.admin-txn-table-wrap{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow-x:auto;margin-bottom:16px}.admin-txn-table{width:100%;border-collapse:collapse;font-size:13px}.admin-txn-table th{text-align:left;padding:12px 16px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-txn-table td{padding:12px 16px;color:#1e293b;border-bottom:1px solid #f1f5f9;white-space:nowrap}.admin-txn-table tbody tr:hover{background:#f8fafc}.admin-txn-table tbody tr:last-child td{border-bottom:none}.admin-txn-cell-date{color:#64748b;font-size:12px}.admin-txn-cell-email{max-width:200px;overflow:hidden;text-overflow:ellipsis}.admin-txn-cell-amount{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.admin-txn-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.admin-txn-badge-success{background:#dcfce7;color:#16a34a}.admin-txn-badge-pending{background:#fef9c3;color:#a16207}.admin-txn-badge-failed,.admin-txn-badge-refunded{background:#fef2f2;color:#dc2626}.admin-txn-copy-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#64748b;cursor:pointer;padding:2px 4px;border-radius:4px;font-size:12px;transition:background .15s}.admin-txn-copy-btn:hover{background:#f1f5f9}.admin-txn-txid{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px}.admin-txn-pagination{gap:12px}.admin-txn-page-btn,.admin-txn-pagination{display:flex;align-items:center;justify-content:center}.admin-txn-page-btn{width:36px;height:36px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:background .15s}.admin-txn-page-btn:hover:not(:disabled){background:#f1f5f9}.admin-txn-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-txn-page-info{font-size:13px;color:#64748b}.admin-txn-loading{display:flex;align-items:center;justify-content:center;padding:60px 0}.admin-txn-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:admin-txn-spin .8s linear infinite}@keyframes admin-txn-spin{to{transform:rotate(1turn)}}.admin-txn-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;color:#94a3b8}.admin-txn-empty p{margin:0;font-size:14px}.admin-txn-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-txn-modal{background:#fff;border-radius:16px;padding:28px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.15)}.admin-txn-modal-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.admin-txn-modal-desc{font-size:13px;color:#64748b;margin:0 0 20px}.admin-txn-modal-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#475569;margin-bottom:16px}.admin-txn-modal-input,.admin-txn-modal-textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;outline:none;transition:border-color .15s;font-family:inherit}.admin-txn-modal-input:focus,.admin-txn-modal-textarea:focus{border-color:#667eea}.admin-txn-modal-textarea{resize:vertical}.admin-txn-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media (max-width:768px){.admin-txn-page{padding:16px 16px 60px}.admin-txn-summary{grid-template-columns:1fr}.admin-txn-stat-card{padding:16px}.admin-txn-stat-value{font-size:22px}.admin-txn-filters{flex-direction:column}.admin-txn-date,.admin-txn-select{width:100%}.admin-txn-search-wrap{min-width:0}.admin-txn-actions{flex-wrap:wrap}.admin-txn-table-wrap{margin-left:-16px;margin-right:-16px;border-radius:0}}@media (prefers-reduced-motion:reduce){.admin-txn-spinner{animation-duration:4s}}.admin-user-detail-page{padding:0}.admin-user-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.admin-user-detail-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.admin-user-detail-back:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}.admin-user-detail-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.admin-user-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.admin-user-detail-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px}.admin-user-detail-card--full{margin-bottom:20px}.admin-user-detail-card-title{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.admin-user-detail-cell-wrap{white-space:pre-wrap;word-break:break-word;max-width:320px}.admin-user-detail-cell-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;color:#475569}.admin-user-detail-text-muted{color:#94a3b8}.admin-user-detail-error-list{margin:6px 0 0;padding-left:16px;font-size:.75rem}.admin-user-detail-error{color:#475569;margin-bottom:2px}.admin-user-detail-error--vocabulary{color:#b45309}.admin-user-detail-error--grammar{color:#6d28d9}.admin-user-detail-error--structure{color:#b91c1c}.admin-user-detail-badge--yellow{background:#fef9c3;color:#854d0e}.admin-user-detail-collapse-btn{margin-left:auto;padding:6px 12px;font-size:.75rem;font-weight:600;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .15s ease}.admin-user-detail-collapse-btn:hover{background:#e2e8f0;color:#1e293b}.admin-user-detail-activity-summary{font-size:.8125rem;font-weight:500;color:#64748b}.admin-user-detail-section-header{display:flex;align-items:center;gap:8px;font-size:.6875rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:28px 0 12px}.admin-user-detail-section-header:after{content:"";flex:1 1;height:1px;background:#e2e8f0}.admin-user-detail-subsection{padding-top:20px;margin-top:20px;border-top:1px solid #f1f5f9}.admin-user-detail-subsection:first-of-type{padding-top:0;margin-top:0;border-top:none}.admin-user-detail-subsection-title{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.admin-user-detail-profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}.admin-user-detail-avatar{width:80px;height:80px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.admin-user-detail-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-detail-avatar span{color:#fff;font-weight:700;font-size:1.75rem}.admin-user-detail-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-user-detail-fullname{font-size:1.125rem;font-weight:700;color:#1e293b}.admin-user-detail-username{font-size:.875rem;color:#64748b}.admin-user-detail-email{font-size:.8125rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-detail-badges{display:flex;gap:8px;margin-bottom:16px}.admin-user-detail-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.admin-user-detail-badge--purple{background:#f3e8ff;color:#7c3aed}.admin-user-detail-badge--gray{background:#f1f5f9;color:#64748b}.admin-user-detail-badge--green{background:#dcfce7;color:#16a34a}.admin-user-detail-badge--red{background:#fee2e2;color:#dc2626}.admin-user-detail-badge--yellow{background:#fef3c7;color:#ca8a04}.admin-user-detail-meta{display:flex;flex-direction:column;gap:10px}.admin-user-detail-meta-row{display:flex;justify-content:space-between;align-items:center}.admin-user-detail-meta-label{font-size:.8125rem;color:#94a3b8}.admin-user-detail-meta-value{font-size:.875rem;color:#1e293b;font-weight:500}.admin-user-detail-copyable{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;transition:color .15s ease}.admin-user-detail-copyable:hover{color:#667eea}.admin-user-detail-sub-status{margin-bottom:16px}.admin-user-detail-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.admin-user-detail-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;white-space:nowrap}.admin-user-detail-action-btn:disabled{opacity:.5;cursor:not-allowed}.admin-user-detail-action-btn--outline{background:#fff;color:#667eea;border:1px solid #e2e8f0}.admin-user-detail-action-btn--outline:hover:not(:disabled){background:#f8fafc;border-color:#667eea}.admin-user-detail-action-btn--primary{background:#667eea;color:#fff}.admin-user-detail-action-btn--primary:hover:not(:disabled){background:#5a6fd6}.admin-user-detail-action-btn--red{background:#fee2e2;color:#dc2626}.admin-user-detail-action-btn--red:hover:not(:disabled){background:#dc2626;color:#fff}.admin-user-detail-action-btn--green{background:#dcfce7;color:#16a34a}.admin-user-detail-action-btn--green:hover:not(:disabled){background:#16a34a;color:#fff}.admin-user-detail-token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-user-detail-token-grid--3{grid-template-columns:repeat(3,1fr)}.admin-user-detail-token-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:#f8fafc;border-radius:12px}.admin-user-detail-token-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2}.admin-user-detail-token-value--primary{color:#667eea}.admin-user-detail-token-value--green{color:#16a34a}.admin-user-detail-token-value--red{color:#dc2626}.admin-user-detail-token-label{font-size:.75rem;color:#64748b;margin-top:4px}.admin-user-detail-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.admin-user-detail-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 12px;background:#f8fafc;border-radius:12px}.admin-user-detail-stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.admin-user-detail-stat-label{font-size:.75rem;color:#64748b;margin-top:4px}.admin-user-detail-table-wrap{overflow-x:auto}.admin-user-detail-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-user-detail-table thead th{text-align:left;padding:10px 14px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-user-detail-table tbody tr{transition:background .1s ease}.admin-user-detail-table tbody tr:hover{background:#f8fafc}.admin-user-detail-table tbody td{padding:10px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b}.admin-user-detail-table tbody tr:last-child td{border-bottom:none}.admin-user-detail-text-green{color:#16a34a;font-weight:600}.admin-user-detail-text-red{color:#dc2626;font-weight:600}.admin-user-detail-empty-text{font-size:.875rem;color:#94a3b8;text-align:center;padding:24px 0 8px;margin:0}.admin-user-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-user-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:28px;width:100%;max-width:440px}.admin-user-detail-modal-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:8px}.admin-user-detail-modal-desc{font-size:.875rem;color:#64748b;margin:0 0 20px;line-height:1.5}.admin-user-detail-modal-select{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;margin-bottom:20px}.admin-user-detail-modal-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-user-detail-modal-field{margin-bottom:16px}.admin-user-detail-modal-field label{display:block;font-size:.8125rem;font-weight:600;color:#64748b;margin-bottom:6px}.admin-user-detail-modal-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;box-sizing:border-box}.admin-user-detail-modal-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-user-detail-modal-textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;resize:vertical;font-family:inherit;box-sizing:border-box}.admin-user-detail-modal-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-user-detail-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.admin-user-detail-loading{display:flex;justify-content:center;padding:80px 0}.admin-user-detail-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:admin-user-detail-spin 1s linear infinite}@keyframes admin-user-detail-spin{to{transform:rotate(1turn)}}.admin-user-detail-error{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-user-detail-error p{font-size:.9375rem;color:#64748b;margin:0}.admin-user-detail-retry-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.admin-user-detail-retry-btn:hover{background:#5a6fd6}@media (max-width:768px){.admin-user-detail-grid{grid-template-columns:1fr}.admin-user-detail-title{font-size:1.25rem}.admin-user-detail-token-grid,.admin-user-detail-token-grid--3{grid-template-columns:repeat(2,1fr)}.admin-user-detail-token-value{font-size:1.25rem}.admin-user-detail-actions{flex-direction:column}.admin-user-detail-modal{max-width:100%;margin:20px}.admin-user-detail-modal-actions{flex-direction:column}.admin-user-detail-modal-actions .admin-user-detail-action-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.admin-user-detail-spinner{animation-duration:4s}}.admin-user-detail-tab-group{margin-bottom:12px}.admin-user-detail-tab-group+.admin-user-detail-tab-group{margin-top:4px}.admin-user-detail-tab-group-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:4px 0 6px}.admin-user-detail-tab-group .admin-user-detail-tabs{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;margin-bottom:0}.admin-user-detail-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #e2e8f0}.admin-user-detail-tab{padding:10px 16px;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.admin-user-detail-tab:hover{color:#1e293b}.admin-user-detail-tab--active{color:#667eea;border-bottom-color:#667eea}.admin-user-detail-tab-count{display:inline-block;min-width:20px;padding:2px 6px;background:#f1f5f9;color:#64748b;border-radius:10px;font-size:.6875rem;font-weight:700;text-align:center}.admin-user-detail-tab--active .admin-user-detail-tab-count{background:#667eea;color:#fff}.admin-user-detail-tab-panel{min-height:80px}.admin-user-detail-note-content{max-width:360px;word-wrap:break-word;white-space:normal}.admin-user-detail-note-context{color:#64748b;font-size:.8125rem}.admin-user-detail-pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0 4px}.admin-user-detail-pager-info{font-size:.8125rem;color:#64748b}.admin-user-detail-support-grid{display:flex;flex-direction:column;gap:16px}.admin-user-detail-support-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.admin-user-detail-support-info{flex:1 1;min-width:0}.admin-user-detail-support-label{font-size:.9375rem;font-weight:600;color:#1e293b;display:inline-flex;align-items:center}.admin-user-detail-support-desc{font-size:.8125rem;color:#64748b;margin-top:4px;line-height:1.4}.admin-user-detail-support-status{margin-top:8px;font-size:.8125rem;padding:6px 10px;border-radius:6px}.admin-user-detail-support-status--success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.admin-user-detail-support-status--error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}@media (max-width:640px){.admin-user-detail-support-row{flex-direction:column;align-items:stretch}}.admin-user-page{padding:0}.admin-user-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 24px}.admin-user-summary{display:flex;gap:16px;margin-bottom:24px}.admin-user-summary-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px 24px;display:flex;align-items:center;gap:14px;flex:1 1;transition:box-shadow .15s ease}.admin-user-summary-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1)}.admin-user-summary-data{display:flex;flex-direction:column}.admin-user-summary-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2}.admin-user-summary-label{font-size:.8125rem;color:#64748b;margin-top:2px}.admin-user-filters{display:flex;gap:16px;margin-bottom:20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:16px 20px;flex-wrap:wrap;align-items:flex-end}.admin-user-filter-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.admin-user-filter-group--search{flex:1 1;min-width:200px}.admin-user-filter-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.admin-user-select{padding:8px 32px 8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease}.admin-user-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-user-search-box{position:relative;display:flex;align-items:center}.admin-user-search-icon{position:absolute;left:12px;pointer-events:none}.admin-user-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;transition:border-color .15s ease}.admin-user-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.admin-user-search-input::placeholder{color:#94a3b8}.admin-user-table-wrap{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);overflow-x:auto}.admin-user-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-user-table thead th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-user-table tbody tr{transition:background .1s ease}.admin-user-table tbody tr:hover{background:#f8fafc}.admin-user-table tbody td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.admin-user-table tbody tr:last-child td{border-bottom:none}.admin-user-cell-user{display:flex;align-items:center;gap:12px;min-width:200px}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-avatar span{color:#fff;font-weight:700;font-size:.875rem}.admin-user-cell-info{display:flex;flex-direction:column;min-width:0}.admin-user-cell-name{font-weight:600;color:#1e293b;line-height:1.3}.admin-user-cell-email{font-size:.75rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.admin-user-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.admin-user-badge--admin{background:#f3e8ff;color:#7c3aed}.admin-user-badge--support{background:#e0f2fe;color:#0369a1}.admin-user-badge--creator{background:#dbeafe;color:#2563eb}.admin-user-badge--user{background:#f1f5f9;color:#64748b}.admin-user-badge--active{background:#dcfce7;color:#16a34a}.admin-user-badge--trialing{background:#fef3c7;color:#ca8a04}.admin-user-badge--cancelled{background:#fee2e2;color:#dc2626}.admin-user-badge--inactive{background:#f1f5f9;color:#94a3b8}.admin-user-badge--internal{background:#ede9fe;color:#7c3aed;border:1px solid #ddd6fe}.admin-user-badge--comp{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.admin-user-badge--beta{background:#cffafe;color:#0891b2;border:1px solid #a5f3fc}.admin-user-cell-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;font-weight:500}.admin-user-cell-date{white-space:nowrap;color:#64748b}.admin-user-view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#667eea;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.admin-user-view-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.admin-user-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:16px 0}.admin-user-page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.admin-user-page-btn:hover:not(:disabled){background:#f8fafc;border-color:#667eea;color:#667eea}.admin-user-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-user-page-info{font-size:.875rem;color:#64748b}.admin-user-skeleton-row{animation:admin-user-pulse 1.5s ease-in-out infinite}.admin-user-skeleton-cell{height:14px;width:80px;background:#e2e8f0;border-radius:6px}@keyframes admin-user-pulse{0%,to{opacity:1}50%{opacity:.4}}.admin-user-empty{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-user-empty p{font-size:.9375rem;color:#94a3b8;margin:0}.admin-user-error{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.admin-user-error-icon{display:flex}.admin-user-error-text{font-size:.9375rem;color:#64748b;margin:0}.admin-user-retry-btn{background:#667eea;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.admin-user-retry-btn:hover{background:#5a6fd6}@media (max-width:1024px){.admin-user-summary{flex-wrap:wrap}.admin-user-summary-card{min-width:calc(50% - 8px)}}@media (max-width:768px){.admin-user-title{font-size:1.25rem}.admin-user-summary{flex-direction:column}.admin-user-summary-card{min-width:100%}.admin-user-filters{flex-direction:column;gap:12px}.admin-user-filter-group{min-width:100%}.admin-user-summary-value{font-size:1.25rem}.admin-user-pagination{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.admin-user-skeleton-row{animation-duration:4s}}.admin-user-checkbox-col{width:36px;text-align:center;padding-left:12px!important;padding-right:4px!important}.admin-user-checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.admin-user-row--selected{background:rgba(102,126,234,.06)}.admin-user-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:12px;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.25);border-radius:12px}.admin-user-bulk-left{display:flex;align-items:center;gap:12px}.admin-user-bulk-count{font-weight:600;color:#1e293b}.admin-user-bulk-clear{background:none;border:none;color:#667eea;font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px}.admin-user-bulk-clear:hover{background:rgba(102,126,234,.1)}.admin-user-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-user-bulk-btn{padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .15s ease}.admin-user-bulk-btn:hover{border-color:#667eea;color:#667eea}.admin-user-bulk-btn--warn{border-color:#fecaca;color:#dc2626}.admin-user-bulk-btn--warn:hover{background:#fef2f2;border-color:#dc2626}.admin-user-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.admin-user-modal{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.admin-user-modal-title{margin:0 0 16px;font-size:1.125rem;font-weight:700;color:#1e293b}.admin-user-modal-field{margin-bottom:14px}.admin-user-modal-label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:#334155}.admin-user-required{color:#dc2626}.admin-user-modal-textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.875rem;resize:vertical;box-sizing:border-box}.admin-user-modal-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.admin-user-modal-note{margin:0 0 16px;padding:10px 12px;background:#f8fafc;border-left:3px solid #667eea;border-radius:6px;font-size:.8125rem;color:#475569}.admin-user-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.admin-user-modal-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.875rem;font-weight:500;color:#1e293b;cursor:pointer}.admin-user-modal-btn:hover:not(:disabled){border-color:#cbd5e1}.admin-user-modal-btn:disabled{opacity:.5;cursor:not-allowed}.admin-user-modal-btn--primary{background:#667eea;color:#fff;border-color:#667eea}.admin-user-modal-btn--primary:hover:not(:disabled){background:#5a6fd1;border-color:#5a6fd1}.admin-user-modal-result{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:12px}.admin-user-modal-result-row{display:flex;justify-content:space-between;font-size:.875rem;color:#334155}.admin-user-result-ok{color:#16a34a}.admin-user-result-fail{color:#dc2626}.admin-user-modal-details{margin-bottom:12px}.admin-user-modal-details summary{cursor:pointer;font-size:.875rem;color:#667eea;padding:6px 0}.admin-user-modal-failures{list-style:none;padding:8px 12px;margin:8px 0 0;background:#fef2f2;border-radius:8px;max-height:200px;overflow-y:auto;font-size:.8125rem}.admin-user-modal-failures li{padding:4px 0;color:#7f1d1d;word-break:break-all}.admin-user-modal-failures code{background:rgba(127,29,29,.1);padding:1px 4px;border-radius:4px;font-size:.75rem}.email-hub-page{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16);min-height:100vh}.email-hub-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.email-hub-back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);display:flex;align-items:center;transition:background var(--transition-fast);flex-shrink:0}.email-hub-back:hover{background:var(--color-bg-tertiary)}.email-hub-back svg{width:22px;height:22px}.email-hub-header h1{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0;flex:1 1}.email-hub-header-actions{display:flex;align-items:center;gap:var(--space-2)}.email-hub-header-mark-all,.email-hub-header-refresh{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--space-1);transition:background var(--transition-fast),color var(--transition-fast)}.email-hub-header-mark-all:hover:not(:disabled),.email-hub-header-refresh:hover{background:var(--color-bg-secondary)}.email-hub-header-mark-all:not(:disabled){color:var(--color-primary,#667eea);border-color:var(--color-primary,#667eea)}.email-hub-header-mark-all:disabled{opacity:.5;cursor:not-allowed}.email-hub-header-mark-all svg,.email-hub-header-refresh svg{width:14px;height:14px}.email-hub-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.email-hub-stat-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast)}.email-hub-stat-card:hover{box-shadow:var(--shadow-sm)}.email-hub-stat-card__value{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.email-hub-stat-card--new .email-hub-stat-card__value{color:#2563eb}.email-hub-stat-card--unread .email-hub-stat-card__value{color:#7c3aed}.email-hub-stat-card--today .email-hub-stat-card__value{color:#059669}.email-hub-stat-card--spam .email-hub-stat-card__value{color:#dc2626}.email-hub-stat-card__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.email-hub-tabs{display:flex;gap:var(--space-1);padding:3px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);width:fit-content}.email-hub-tab{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.email-hub-tab.active{background:var(--color-bg-primary);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-xs)}.email-hub-tab:hover:not(.active){color:var(--color-text-secondary)}.email-hub-body{display:grid;grid-template-columns:380px 1fr;gap:var(--space-4);align-items:start}.email-hub-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.email-hub-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.email-hub-filters__search-wrap{position:relative;flex:1 1;min-width:160px}.email-hub-filters__search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--color-text-light);pointer-events:none}.email-hub-filters__search{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 32px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color var(--transition-fast)}.email-hub-filters__search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.email-hub-filters__clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-light);display:flex;padding:2px;border-radius:var(--radius-sm)}.email-hub-filters__clear-search svg{width:14px;height:14px}.email-hub-filters__clear-search:hover{color:var(--color-text-secondary)}.email-hub-filters__select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);cursor:pointer;transition:border-color var(--transition-fast)}.email-hub-filters__select:focus{outline:none;border-color:var(--color-primary)}.email-hub-list{max-height:calc(100vh - 320px);overflow-y:auto}.email-hub-list--loading{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.email-hub-list-skeleton{height:72px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:email-hub-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes email-hub-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.email-hub-list--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);color:var(--color-text-muted)}.email-hub-list--empty svg{width:40px;height:40px;margin-bottom:var(--space-3);opacity:.4}.email-hub-list--empty p{font-size:var(--text-sm);margin:0}.email-hub-list-item{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);border:none;background:transparent;cursor:pointer;text-align:left;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.email-hub-list-item:last-child{border-bottom:none}.email-hub-list-item:hover{background:var(--color-bg-secondary)}.email-hub-list-item--selected{background:rgba(102,126,234,.06);border-left:3px solid var(--color-primary)}.email-hub-list-item--selected:hover{background:rgba(102,126,234,.09)}.email-hub-list-item__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-hub-list-item__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.email-hub-list-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.email-hub-list-item__sender{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-hub-list-item__time{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.email-hub-list-item__subject{font-size:var(--text-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:var(--space-1)}.email-hub-list-item--unread .email-hub-list-item__sender,.email-hub-list-item--unread .email-hub-list-item__subject{font-weight:700;color:var(--color-text-primary)}.email-hub-list-item__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.email-hub-list-item__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.email-hub-list-item__preview{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.email-hub-list-item__badges{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.email-hub-detail{display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.email-hub-detail__content{flex:1 1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.email-hub-detail__composer{flex-shrink:0;border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-5) var(--space-4);background:var(--color-bg-primary)}.email-hub-detail__header{border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.email-hub-detail__header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.email-hub-detail__subject{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0;flex:1 1}.email-hub-detail__close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast);flex-shrink:0}.email-hub-detail__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.email-hub-detail__close svg{width:18px;height:18px}.email-hub-detail__header-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.email-hub-detail__delete{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.email-hub-detail__delete:hover{background:#fee2e2;color:#dc2626}.email-hub-detail__delete svg{width:18px;height:18px}.email-hub-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;animation:emailHubFadeIn .15s ease}@keyframes emailHubFadeIn{0%{opacity:0}to{opacity:1}}.email-hub-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:emailHubSlideUp .2s ease}@keyframes emailHubSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.email-hub-modal__icon{display:flex;justify-content:center;margin-bottom:var(--space-3)}.email-hub-modal__icon svg{width:48px;height:48px;color:#dc2626}.email-hub-modal__title{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.email-hub-modal__message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5);line-height:1.5}.email-hub-modal__actions{display:flex;gap:var(--space-3);justify-content:center}.email-hub-modal__btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.email-hub-modal__btn:disabled{opacity:.6;cursor:not-allowed}.email-hub-modal__btn--cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.email-hub-modal__btn--cancel:hover:not(:disabled){background:var(--color-bg-tertiary)}.email-hub-modal__btn--delete{background:#dc2626;border:none;color:#fff}.email-hub-modal__btn--delete:hover:not(:disabled){background:#b91c1c}.email-hub-detail__meta{justify-content:space-between}.email-hub-detail__meta,.email-hub-detail__sender-block{display:flex;align-items:center;gap:var(--space-2)}.email-hub-detail__sender-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.email-hub-detail__sender-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.email-hub-detail__date,.email-hub-detail__sender-email{font-size:var(--text-xs);color:var(--color-text-muted)}.email-hub-detail__date{white-space:nowrap}.email-hub-detail__badges{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.email-hub-detail__controls{display:flex;gap:var(--space-3);flex-wrap:wrap}.email-hub-detail__control-group{display:flex;flex-direction:column;gap:var(--space-1)}.email-hub-detail__control-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.email-hub-detail__select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);cursor:pointer}.email-hub-detail__select:focus{outline:none;border-color:var(--color-primary)}.email-hub-detail__matched-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap}.email-hub-detail__matched-user svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.email-hub-detail__matched-email{color:var(--color-text-muted);font-size:var(--text-xs)}.email-hub-detail__matched-role{font-size:11px;font-weight:600;color:var(--color-text-light);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:10px;text-transform:capitalize}.email-hub-detail__body-wrap{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);min-height:120px}.email-hub-detail__html-body{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.7;word-break:break-word}.email-hub-detail__html-body a{color:var(--color-primary)}.email-hub-detail__text-body{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word;font-family:inherit;margin:0}.email-hub-detail__replies{display:flex;flex-direction:column;gap:var(--space-3)}.email-hub-detail__replies-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin:0}.email-hub-detail__reply-item{background:var(--color-primary-light,#f0f4ff);border:1px solid var(--color-primary-border,#d0d8f0);border-radius:var(--radius-md);padding:var(--space-3)}.email-hub-detail__reply-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.email-hub-detail__reply-sender{font-size:var(--text-xs);font-weight:600;color:var(--color-primary)}.email-hub-detail__reply-time{font-size:var(--text-xs);color:var(--color-text-muted)}.email-hub-detail__reply-body{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word;font-family:inherit;margin:0}.email-hub-detail__notes{display:flex;flex-direction:column;gap:var(--space-2)}.email-hub-detail__notes-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.email-hub-detail__notes-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-bg-primary);resize:vertical;font-family:inherit;transition:border-color var(--transition-fast)}.email-hub-detail__notes-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.email-hub-detail__notes-save{align-self:flex-end;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.email-hub-detail__notes-save:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.email-hub-detail__notes-save:disabled{opacity:.6;cursor:not-allowed}.email-hub-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);color:var(--color-text-muted);min-height:300px}.email-hub-detail-empty svg{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.3}.email-hub-detail-empty p{font-size:var(--text-sm);margin:0}.email-hub-reply-composer{display:flex;flex-direction:column;gap:var(--space-2)}.email-hub-reply-composer__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.email-hub-reply-composer__box{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-primary);transition:border-color var(--transition-fast)}.email-hub-reply-composer__box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.email-hub-reply-composer__textarea{width:100%;padding:var(--space-3);border:none;outline:none;resize:none;font-size:var(--text-sm);color:var(--color-text-primary);background:transparent;font-family:inherit;line-height:1.6}.email-hub-reply-composer__textarea:disabled{opacity:.6;cursor:not-allowed}.email-hub-reply-composer__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.email-hub-reply-composer__count{font-size:var(--text-xs);color:var(--color-text-muted);min-width:60px}.email-hub-reply-composer__count--warn{color:#f59e0b}.email-hub-reply-composer__hint{font-size:var(--text-xs);color:var(--color-text-light);flex:1 1}.email-hub-reply-composer__send{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.email-hub-reply-composer__send:hover:not(:disabled){background:#5a6fd8}.email-hub-reply-composer__send:disabled{opacity:.5;cursor:not-allowed}.email-hub-reply-composer__send svg{width:14px;height:14px}.email-hub-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.email-hub-status-badge--new{background:#dbeafe;color:#1d4ed8}.email-hub-status-badge--unread{background:#f3e8ff;color:#7c3aed}.email-hub-status-badge--read{background:#f1f5f9;color:#64748b}.email-hub-status-badge--replied{background:#dcfce7;color:#166534}.email-hub-status-badge--auto_replied{background:#ccfbf1;color:#0f766e}.email-hub-status-badge--archived{background:#f1f5f9;color:#94a3b8}.email-hub-status-badge--spam{background:#fee2e2;color:#991b1b}.email-hub-priority-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600;text-transform:capitalize}.email-hub-priority-badge--low{background:#f1f5f9;color:#64748b}.email-hub-priority-badge--normal{background:#dbeafe;color:#1d4ed8}.email-hub-priority-badge--high{background:#fed7aa;color:#c2410c}.email-hub-priority-badge--urgent{background:#fee2e2;color:#991b1b}.email-hub-intent-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:500;text-transform:capitalize}.email-hub-intent-badge--sm{font-size:10px;padding:1px 5px}.email-hub-intent-badge__pct{opacity:.7;font-size:10px}.email-hub-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:email-hub-spin .8s linear infinite}@keyframes email-hub-spin{to{transform:rotate(1turn)}}.email-hub-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border-light)}.email-hub-pagination__btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.email-hub-pagination__btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.email-hub-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.email-hub-pagination__info{font-size:var(--text-sm);color:var(--color-text-muted)}.email-hub-error{padding:var(--space-3) var(--space-4);background:#fee2e2;color:#991b1b;border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-3)}@media (max-width:900px){.email-hub-body{grid-template-columns:1fr}.email-hub-stats{grid-template-columns:repeat(3,1fr)}.email-hub-list{max-height:400px}}@media (max-width:600px){.email-hub-page{padding:var(--space-4) var(--space-3) var(--space-12)}.email-hub-header h1{font-size:var(--text-lg)}.email-hub-stats{grid-template-columns:repeat(2,1fr)}.email-hub-stat-card:last-child{grid-column:1/-1}.email-hub-tabs{width:100%}.email-hub-tab{flex:1 1;text-align:center}.email-hub-filters{flex-direction:column}.email-hub-filters__select{width:100%}}@media (prefers-reduced-motion:reduce){.email-hub-list-skeleton,.email-hub-spinner{animation-duration:10s}}.profile-page{max-width:600px;margin:0 auto;padding:32px 20px 48px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-muted)}.profile-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:profile-spin .8s linear infinite;margin-bottom:16px}@keyframes profile-spin{to{transform:rotate(1turn)}}.profile-header{display:flex;align-items:center;gap:24px;padding:28px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:24px}.profile-avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar-input{display:none}.profile-avatar-btn{width:80px;height:80px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;overflow:hidden;cursor:pointer;transition:border-color .2s}.profile-avatar-btn:hover{border-color:var(--color-primary)}.profile-avatar-btn:disabled{cursor:not-allowed;opacity:.6}.profile-avatar-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.45);opacity:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay svg{width:24px;height:24px;color:white}.profile-header-info h1{font-size:22px;font-weight:700;color:var(--color-text-primary);margin:0 0 2px}.profile-header-username{font-size:14px;color:var(--color-text-muted);margin:0 0 8px}.profile-header-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.profile-badge--role{background:var(--color-primary-light);color:var(--color-primary)}.profile-badge--verified{background:var(--color-success-light);color:var(--color-success-text)}.profile-badge--oauth{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.profile-avatar-source{font-size:12px;color:var(--color-text-light);margin-top:4px}.profile-xp-mini{display:flex;align-items:center;gap:10px;margin-top:10px;padding:6px 12px;background:var(--color-bg-secondary);border-radius:20px;text-decoration:none;transition:background .15s;width:fit-content}.profile-xp-mini:hover{background:var(--color-bg-tertiary)}.profile-xp-mini-level{font-size:13px;font-weight:700;color:var(--color-primary)}.profile-xp-mini-bar{width:60px;height:5px;background:var(--color-border);border-radius:3px;overflow:hidden}.profile-xp-mini-fill{display:block;height:100%;background:var(--color-primary);border-radius:3px;transition:width .5s ease}.profile-xp-mini-text{font-size:12px;color:var(--color-text-muted);font-weight:500}.profile-xp-mini svg{color:var(--color-text-light)}.profile-header-mini-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.profile-header-mini-row .profile-xp-mini{margin-top:0}.profile-token-mini{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-bg-secondary);border-radius:20px;text-decoration:none;transition:background .15s;width:fit-content}.profile-token-mini:hover{background:var(--color-bg-tertiary)}.profile-token-mini>svg:first-of-type{color:var(--color-success)}.profile-token-mini-amount{font-size:13px;font-weight:700;color:var(--color-text-primary)}.profile-token-mini-label{font-size:12px;color:var(--color-text-muted);font-weight:500}.profile-token-mini>svg:last-of-type{color:var(--color-text-light)}.profile-form-actions{display:flex;justify-content:flex-end;margin-top:4px}.profile-sections{display:flex;flex-direction:column;gap:20px}.profile-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px}.profile-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;cursor:default;text-align:left}.profile-section-title{font-size:17px;font-weight:600;color:var(--color-text-primary);margin:0}.profile-section-chevron{width:18px;height:18px;color:var(--color-text-light);transition:transform .2s;display:none}.profile-section-chevron.open{transform:rotate(180deg)}.profile-section-body{margin-top:20px}.profile-section-body.collapsed{display:none}.profile-field{margin-bottom:16px}.profile-label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.profile-input-disabled{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:14px;cursor:not-allowed}.profile-input-disabled.has-badge{padding-right:90px}.profile-input-wrapper{position:relative}.profile-input-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.profile-input-badge--verified{background:var(--color-success-light);color:var(--color-success-text)}.profile-input-badge--unverified{background:#fef3c7;color:#92400e}.profile-field-hint{font-size:12px;color:var(--color-text-light);margin-top:4px}.profile-field-hint-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.profile-resend-btn{font-size:12px;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;padding:0}.profile-resend-btn:hover{color:var(--color-primary-hover);text-decoration:underline}.profile-textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);resize:vertical;transition:border-color .2s}.profile-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.profile-textarea:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.profile-textarea::placeholder{color:var(--color-text-light)}.profile-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;color:var(--color-text-primary);background:var(--color-bg-primary);cursor:pointer;transition:border-color .2s}.profile-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.profile-lang-btn{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;color:var(--color-text-primary);background:var(--color-bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s}.profile-lang-btn:hover{border-color:var(--color-text-light)}.profile-lang-btn-value{display:flex;align-items:center;gap:8px}.profile-lang-chevron{width:16px;height:16px;color:var(--color-text-light);transition:transform .2s}.profile-lang-chevron.open{transform:rotate(180deg)}.profile-lang-dropdown{position:absolute;z-index:10;margin-top:4px;width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto}.profile-lang-option{width:100%;padding:10px 14px;text-align:left;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-primary);background:none;border:none;cursor:pointer;transition:background .15s}.profile-lang-option:hover{background:var(--color-bg-secondary)}.profile-lang-option.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.profile-lang-option .check-icon{margin-left:auto;width:16px;height:16px}.profile-toggle-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-toggle-label{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.profile-toggle-hint{font-size:12px;color:var(--color-text-light);margin-top:4px}.profile-toggle{position:relative;width:44px;height:24px;flex-shrink:0;border-radius:12px;border:none;cursor:pointer;background:var(--color-border);transition:background .2s}.profile-toggle.on{background:var(--color-primary)}.profile-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:var(--shadow-xs);transition:transform .2s}.profile-toggle.on .profile-toggle-knob{transform:translateX(20px)}.profile-section--subscription{padding:20px 24px}.profile-section--subscription .profile-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.profile-subscription-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-sub-badge{padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600}.profile-sub-badge.active{background:#dcfce7;color:#16a34a}.profile-sub-badge.inactive{background:#f1f5f9;color:#64748b}.profile-trial-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#92400e;background:#fef3c7;padding:4px 12px;border-radius:8px}.profile-trial-info.urgent{color:#991b1b;background:#fee2e2}.profile-sub-period{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;background:#f0f4ff;color:#667eea}.profile-sub-detail{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.profile-subscription-manage{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:500;color:#667eea;text-decoration:none;transition:color .2s}.profile-subscription-manage:hover{color:#5a6fd6}.profile-section--referral{padding:20px 24px}.profile-referral-compact{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.profile-referral-left .profile-section-title{margin-bottom:2px}.profile-referral-desc{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.4}.profile-referral-link{font-size:13px;font-weight:500;color:var(--color-primary);text-decoration:none;white-space:nowrap;flex-shrink:0;margin-top:2px}.profile-referral-link:hover{text-decoration:underline}.profile-referral-actions{display:flex;align-items:center;gap:8px}.profile-referral-input{flex:1 1;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:13px;min-width:0}.profile-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-lg);font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.profile-btn:disabled{opacity:.5;cursor:not-allowed}.profile-btn--copy{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:9px 12px}.profile-btn--copy:hover:not(:disabled){background:var(--color-border)}.profile-btn--copy.copied{background:var(--color-success);color:white}.profile-btn--share{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:9px 12px}.profile-btn--share:hover:not(:disabled){background:var(--color-border)}.profile-btn svg{width:18px;height:18px}.profile-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--color-text-primary);color:white;padding:10px 20px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;display:flex;align-items:center;gap:10px;font-size:14px}.profile-toast svg{width:18px;height:18px;color:#4ade80}.profile-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50}.profile-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:24px;width:100%;max-width:420px;margin:0 16px;box-shadow:var(--shadow-lg)}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.profile-modal-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.profile-modal-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;transition:color .2s}.profile-modal-close:hover{color:var(--color-text-secondary)}.profile-modal-close svg{width:22px;height:22px}.profile-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-share-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:var(--radius-lg);background:none;border:none;cursor:pointer;transition:background .15s}.profile-share-btn:hover{background:var(--color-bg-secondary)}.profile-share-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-share-icon svg{width:26px;height:26px;color:white}.profile-share-btn span{font-size:13px;color:var(--color-text-secondary)}.profile-share-divider{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border-light)}.profile-share-divider p{font-size:13px;color:var(--color-text-light);text-align:center;margin:0 0 10px}.profile-share-copy-row{display:flex;align-items:center;gap:8px}.profile-share-copy-input{flex:1 1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:13px}.profile-share-copy-btn{padding:8px 14px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;border:none;cursor:pointer;transition:background .15s}.profile-share-copy-btn.copied{background:var(--color-success);color:white}.profile-share-copy-btn:not(.copied){background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.profile-share-copy-btn:not(.copied):hover{background:var(--color-border)}.profile-success-modal{text-align:center}.profile-success-icon{width:56px;height:56px;border-radius:50%;background:var(--color-success-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.profile-success-icon svg{width:28px;height:28px;color:var(--color-success)}.profile-success-msg{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 20px}.profile-success-confirm{width:100%;padding:12px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:500;cursor:pointer;transition:background .2s}.profile-success-confirm:hover{background:var(--color-primary-hover)}@media (max-width:768px){.profile-page{padding:16px 16px 32px}.profile-header{flex-direction:column;text-align:center;padding:24px 20px}.profile-header-badges{justify-content:center}.profile-xp-mini{margin:10px auto 0}.profile-header-mini-row{justify-content:center;margin-top:10px}.profile-header-mini-row .profile-xp-mini{margin:0}.profile-pref-grid{grid-template-columns:1fr}.profile-section-header{cursor:pointer}.profile-section-chevron{display:block}.profile-referral-compact{flex-direction:column;gap:8px}.profile-referral-actions{flex-wrap:wrap}.profile-referral-input{width:100%;flex:1 1 100%}}@media (min-width:769px){.profile-section-body.collapsed{display:block}}.profile-input-mode-options{display:flex;gap:10px;margin-top:8px}.profile-input-mode-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:2px solid var(--color-border,#e2e8f0);border-radius:10px;background:var(--color-bg-secondary,#f8fafc);color:var(--color-text-secondary,#64748b);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.profile-input-mode-btn:hover{border-color:var(--color-primary,#667eea);background:var(--color-bg,#fff)}.profile-input-mode-btn.active{border-color:var(--color-primary,#667eea);background:rgba(102,126,234,.08);color:var(--color-primary,#667eea)}.profile-input-mode-icon{width:20px;height:20px;flex-shrink:0}.profile-topics-row{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border,#e2e8f0)}.profile-topics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.profile-topics-edit-btn{padding:6px 14px;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,8px);background:var(--color-bg-primary,#fff);color:var(--color-primary,#667eea);font-size:.825rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.profile-topics-edit-btn:hover{background:var(--color-primary-50,#eef2ff);border-color:var(--color-primary,#667eea)}.profile-topics-chips{display:flex;flex-wrap:wrap;gap:8px}.profile-topic-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:var(--color-bg-secondary,#f1f5f9);border-radius:16px;font-size:.825rem;color:var(--color-text,#334155)}.profile-topics-empty{font-size:.85rem;color:var(--color-text-muted,#94a3b8);margin:0}.profile-topics-modal{max-width:560px;max-height:80vh;display:flex;flex-direction:column}.profile-topics-modal-hint{font-size:.875rem;color:var(--color-text-secondary,#64748b);margin:0 0 16px}.profile-topics-grid{display:flex;flex-wrap:wrap;gap:10px;overflow-y:auto;max-height:50vh;padding:4px 0}.profile-topic-option{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:1.5px solid var(--color-border,#e2e8f0);border-radius:20px;background:var(--color-bg-primary,#fff);color:var(--color-text,#334155);font-size:.875rem;cursor:pointer;transition:all .15s;white-space:nowrap}.profile-topic-option.selected,.profile-topic-option:hover{border-color:var(--color-primary,#667eea);background:var(--color-primary-50,#eef2ff)}.profile-topic-option.selected{color:var(--color-primary,#667eea);font-weight:600}.profile-topic-option-icon{font-size:1rem}.profile-topic-option-count{font-size:.7rem;color:var(--color-text-muted,#94a3b8);background:var(--color-bg-secondary,#f1f5f9);padding:1px 5px;border-radius:6px}.profile-topic-option.selected .profile-topic-option-count{background:var(--color-primary-100,#c7d2fe);color:var(--color-primary-dark,#4f46e5)}.profile-topics-modal-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border,#e2e8f0)}.profile-topics-count{font-size:.85rem;color:var(--color-text-muted,#94a3b8)}.profile-topics-save-btn{padding:9px 24px;border:none;border-radius:var(--radius-md,8px);background:var(--color-primary,#667eea);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.profile-topics-save-btn:hover:not(:disabled){background:var(--color-primary-dark,#4f46e5)}.profile-topics-save-btn:disabled{opacity:.45;cursor:not-allowed}.profile-section--recordings .profile-section-title{display:flex;align-items:center;gap:8px}.recording-management-content{padding:0 4px}.recording-stats{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#475569}.recording-stat-separator{width:1px;height:14px;background:#e2e8f0}.recording-empty,.recording-loading{font-size:14px;color:#94a3b8;margin:0;padding:4px 0}.recording-confirm{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.recording-confirm-text{font-size:13px;color:#991b1b;margin:0 0 8px}.recording-confirm-actions{display:flex;gap:8px}.profile-btn--danger{background:#ef4444;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer}.profile-btn--danger:hover:not(:disabled){background:#dc2626}.profile-btn--danger:disabled{opacity:.5}.profile-btn--danger-outline{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#ef4444;font-size:13px;cursor:pointer;transition:all .15s}.profile-btn--danger-outline:hover{background:#fef2f2;border-color:#ef4444}.blog-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding-bottom:80px}.blog-hero{background:#667eea;padding:48px 20px;text-align:center}.blog-hero h1{color:white;font-size:36px;font-weight:800;margin:0 0 12px}.blog-hero p{color:rgba(255,255,255,.85);font-size:17px;margin:0}.blog-container{max-width:1100px;margin:0 auto;padding:32px 20px}.blog-tags-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.blog-tag-btn{padding:6px 16px;border:1px solid #e2e8f0;border-radius:20px;background:white;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s}.blog-tag-btn:hover{border-color:#6366f1;color:#6366f1}.blog-tag-btn.active{background:#6366f1;color:white;border-color:#6366f1}.blog-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.blog-category-link{padding:8px 18px;border:1px solid #c7d2fe;border-radius:20px;background:#eef2ff;color:#4338ca;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.blog-category-link:hover{background:#6366f1;border-color:#6366f1;color:white}.blog-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 8px;padding:28px 32px;border:1px solid #c7d2fe;border-radius:16px;background:#eef2ff}.blog-cta__title{margin:0 0 6px;font-size:20px;font-weight:700;color:#1e293b}.blog-cta__text{margin:0;max-width:52ch;font-size:15px;line-height:1.6;color:#475569}.blog-cta .blog-cta__button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 24px;border-radius:10px;background:#6366f1;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s}.blog-cta .blog-cta__button:hover{background:#4f46e5;color:#fff;text-decoration:none}.blog-article-category{display:inline-block;margin-bottom:12px;color:#4338ca;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.blog-article-category:hover{text-decoration:underline}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.blog-card-image{width:100%;height:180px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:20px;flex:1 1;display:flex;flex-direction:column}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.blog-card-date,.blog-card-views{color:#94a3b8;font-size:13px}.blog-card-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px;line-height:1.4;-webkit-line-clamp:2}.blog-card-excerpt,.blog-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 12px;flex:1 1;-webkit-line-clamp:3}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.blog-tag{display:inline-block;padding:2px 10px;background:#f1f5f9;color:#6366f1;font-size:12px;font-weight:500;border-radius:12px}.blog-loading{text-align:center;padding:80px 0}.blog-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;margin:0 auto 16px;animation:blog-spin .8s linear infinite}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-empty p,.blog-error p,.blog-loading p{color:#64748b;font-size:16px}.blog-empty,.blog-error{text-align:center;padding:80px 0}.blog-empty svg{margin-bottom:16px}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.blog-page-btn{padding:8px 20px;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#6366f1;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.blog-page-btn:hover:not(:disabled){background:#6366f1;color:white;border-color:#6366f1}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-page-info{color:#64748b;font-size:14px}.blog-detail-cover{width:100%;max-height:400px;overflow:hidden}.blog-detail-cover img{width:100%;height:100%;object-fit:cover}.blog-detail-container{max-width:800px;margin:0 auto;padding:32px 20px 80px}.blog-back-link{display:inline-flex;align-items:center;gap:6px;color:#6366f1;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:24px;transition:color .2s}.blog-back-link:hover{color:#4f46e5}.blog-article{background:white;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden}.blog-article-header{padding:40px 40px 0}.blog-article-header h1{color:#1e293b;font-size:32px;font-weight:800;line-height:1.3;margin:0 0 16px}.blog-article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.blog-article-author{color:#1e293b;font-weight:600;font-size:14px}.blog-article-date,.blog-article-views{color:#94a3b8;font-size:14px}.blog-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.blog-article-content{padding:32px 40px 40px;color:#334155;font-size:16px;line-height:1.8}.blog-article-content h1{font-size:28px;font-weight:700;color:#1e293b;margin:32px 0 16px}.blog-article-content h2{font-size:24px;font-weight:700;color:#1e293b;margin:28px 0 14px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.blog-article-content h3{font-size:20px;font-weight:600;color:#1e293b;margin:24px 0 12px}.blog-article-content p{margin:0 0 16px}.blog-article-content ol,.blog-article-content ul{margin:0 0 16px;padding-left:24px}.blog-article-content li{margin-bottom:8px}.blog-article-content blockquote{border-left:4px solid #6366f1;margin:16px 0;padding:12px 20px;background:#f8fafc;border-radius:0 8px 8px 0;color:#475569}.blog-article-content code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:14px;color:#e11d48}.blog-article-content pre{background:#1e293b;border-radius:8px;padding:20px;overflow-x:auto;margin:16px 0}.blog-article-content pre code{background:none;color:#e2e8f0;padding:0;font-size:14px}.blog-article-content img{max-width:100%;border-radius:8px;margin:16px 0}.blog-article-content table{width:100%;border-collapse:collapse;margin:16px 0}.blog-article-content td,.blog-article-content th{border:1px solid #e2e8f0;padding:10px 14px;text-align:left}.blog-article-content th{background:#f8fafc;font-weight:600;color:#1e293b}.blog-article-content a{color:#6366f1;text-decoration:underline}.blog-article-content a:hover{color:#4f46e5}@media (max-width:768px){.blog-hero{padding:32px 16px}.blog-hero h1{font-size:28px}.blog-container{padding:24px 16px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-detail-container{padding:20px 16px 60px}.blog-article-header{padding:24px 24px 0}.blog-article-header h1{font-size:24px}.blog-article-content{padding:20px 24px 24px;font-size:15px}.blog-article-content h2{font-size:20px}.blog-article-content h3{font-size:18px}}@media (min-width:769px) and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.caffa-explainer{max-width:900px;margin:0 auto;padding:32px 20px 80px;color:var(--color-text-primary,#1e293b)}.caffa-explainer__header{margin-bottom:28px}.caffa-explainer__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;margin-bottom:14px}.caffa-explainer__back:hover{text-decoration:underline}.caffa-explainer__title{font-size:26px;font-weight:700;margin:0 0 8px;line-height:1.3}.caffa-explainer__subtitle{font-size:15px;line-height:1.6;color:var(--color-text-secondary,#64748b);margin:0}.caffa-explainer__section{margin-bottom:36px}.caffa-explainer__section-title{font-size:19px;font-weight:700;margin:0 0 12px;color:var(--color-text-primary,#1e293b);display:inline-flex;align-items:center;gap:10px}.caffa-explainer__section-title:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(180deg,#8b9cf0,#667eea);border-radius:2px}.caffa-explainer__body{font-size:14.5px;line-height:1.75;color:var(--color-text-primary,#334155);margin:0 0 14px}.caffa-explainer__dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media (max-width:720px){.caffa-explainer__dim-grid{grid-template-columns:1fr}}.caffa-explainer__dim{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.caffa-explainer__dim:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#8b9cf0,#667eea)}.caffa-explainer__dim--accuracy:before{background:linear-gradient(90deg,#f97316,#ef4444)}.caffa-explainer__dim--fluency:before{background:linear-gradient(90deg,#10b981,#14b8a6)}.caffa-explainer__dim--functional_adequacy:before{background:linear-gradient(90deg,#eab308,#f59e0b)}.caffa-explainer__dim-label{font-size:16px;font-weight:700;margin:0;color:var(--color-text-primary,#1e293b)}.caffa-explainer__dim-meaning{font-size:13.5px;line-height:1.65;color:var(--color-text-secondary,#475569);margin:0}.caffa-explainer__dim-block{display:flex;gap:10px;padding:10px 12px;background:var(--color-bg-subtle,#f8fafc);border-radius:8px;font-size:13px;line-height:1.6}.caffa-explainer__dim-block p{margin:0;color:var(--color-text-primary,#1e293b)}.caffa-explainer__dim-kicker{flex-shrink:0;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary,#94a3b8);line-height:1.6}.caffa-explainer__dim-block--tip{background:rgba(102,126,234,.08)}.caffa-explainer__dim-block--tip .caffa-explainer__dim-kicker{color:var(--color-primary,#667eea);font-size:14px;text-transform:none}.caffa-explainer__combos{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.caffa-explainer__combos li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--color-bg-subtle,#f8fafc);border-left:3px solid var(--color-primary,#667eea);border-radius:8px;font-size:14px;line-height:1.65}.caffa-explainer__combos li svg{flex-shrink:0;margin-top:4px;color:#667eea}.caffa-explainer__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}@media (max-width:720px){.caffa-explainer__row{grid-template-columns:1fr}}.caffa-explainer__card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:14px;padding:20px}.caffa-explainer__card-title{font-size:16px;font-weight:700;margin:0 0 10px;color:var(--color-text-primary,#1e293b)}.caffa-explainer__tips{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:12px}.caffa-explainer__tips li{display:flex;gap:14px;align-items:flex-start;font-size:14px;line-height:1.7;color:var(--color-text-primary,#1e293b)}.caffa-explainer__tip-index{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-primary,#667eea);color:#fff;font-size:12px;font-weight:700;margin-top:1px}.caffa-explainer__footer-cta{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:40px;padding-top:28px;border-top:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap}.caffa-explainer__cta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:12px 22px;border-radius:10px;text-decoration:none;transition:background .15s ease,transform .15s ease}.caffa-explainer__cta--primary{background:var(--color-primary,#667eea);color:#fff}.caffa-explainer__cta--primary:hover{background:#5568d3;transform:translateY(-1px)}.caffa-explainer__cta--ghost{color:var(--color-primary,#667eea);background:transparent;border:1px solid var(--color-border,#e2e8f0)}.caffa-explainer__cta--ghost:hover{background:rgba(102,126,234,.08)}@media (max-width:480px){.caffa-explainer__title{font-size:22px}.caffa-explainer__section-title{font-size:17px}}.cefr-guide-page{min-height:calc(100vh - 140px);background:#fafafa;padding:40px 20px}.cefr-guide-page__container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.cefr-guide-page__header{margin-bottom:32px}.cefr-guide-page__title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.3}.cefr-guide-page__intro{font-size:1rem;color:#6b7280;line-height:1.7;margin:0}.cefr-guide-page__section{margin-bottom:48px}.cefr-guide-page__descriptions{display:flex;flex-direction:column;gap:16px}.cefr-guide-page__level-card{padding:20px 24px;border-radius:12px;background:#f9fafb;border:1px solid #f3f4f6;scroll-margin-top:24px}.cefr-guide-page__level-card:target{background:#fef3c7;border-color:#fde68a}.cefr-guide-page__level-name{font-weight:600;color:#1f2937;font-size:1rem}.cefr-guide-page__level-desc{font-size:.9375rem;color:#4b5563;line-height:1.7;margin:12px 0 0}@media (max-width:640px){.cefr-guide-page{padding:20px 12px}.cefr-guide-page__container{padding:24px 20px}.cefr-guide-page__title{font-size:1.5rem}.cefr-guide-page__intro{font-size:.9375rem}.cefr-guide-page__level-card{padding:16px 18px}}.contact-page{min-height:100vh;background:var(--color-bg-secondary);padding:clamp(40px,6vw,72px) 20px clamp(64px,8vw,96px)}.contact-wrap{max-width:620px;margin:0 auto}.contact-hero{text-align:center;margin:0 0 clamp(24px,3.5vw,40px)}.contact-hero__title{font-size:clamp(24px,3.6vw,36px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.32;margin:0 0 12px;text-wrap:balance}.contact-hero__subtitle{font-size:clamp(15px,1.4vw,16px);line-height:1.7;color:var(--color-text-secondary);margin:0;text-wrap:balance}.contact-helpline{margin:0 0 clamp(16px,2vw,20px);display:flex;flex-direction:column;gap:4px;text-align:center}.contact-helpline__faq{font-size:14px;line-height:1.6;color:var(--color-text-secondary);margin:0}.contact-helpline__meta{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--color-text-light);margin:0}.contact-helpline__time{display:inline-flex;align-items:center;gap:6px}.contact-helpline__time svg{flex-shrink:0;color:var(--color-primary)}.contact-helpline__sep{color:var(--color-text-light);-webkit-user-select:none;user-select:none}.contact-helpline__link{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.contact-helpline__link:hover{border-bottom-color:var(--color-primary)}.contact-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px);box-shadow:var(--shadow-xs)}.contact-error-banner{display:flex;align-items:flex-start;gap:10px;background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);color:var(--color-error);font-size:14px;line-height:1.5;padding:12px 14px;margin-bottom:20px}.contact-error-banner svg{flex-shrink:0;margin-top:1px}.contact-error-banner span{flex:1 1}.contact-error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.contact-error-dismiss:hover{opacity:1}.contact-form{gap:18px}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:6px}.contact-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.contact-required{color:var(--color-error);margin-left:2px}.contact-optional{color:var(--color-text-light);font-weight:400;font-size:13px;margin-left:4px}.contact-input,.contact-select,.contact-textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:15px;color:var(--color-text-primary);background:var(--color-bg-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box;font-family:inherit;appearance:none}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(102,126,234,.14)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--color-text-light)}.contact-input:disabled,.contact-select:disabled,.contact-textarea:disabled{background:var(--color-bg-tertiary);color:var(--color-text-muted);cursor:not-allowed}.contact-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:38px;cursor:pointer}.contact-textarea{resize:vertical;min-height:130px;line-height:1.6}.contact-field--error .contact-input,.contact-field--error .contact-textarea{border-color:var(--color-error)}.contact-field--error .contact-input:focus,.contact-field--error .contact-textarea:focus{box-shadow:0 0 0 3px rgba(220,38,38,.14)}.contact-field-error{color:var(--color-error);font-size:13px;font-weight:500}.contact-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 22px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);margin-top:4px;font-family:inherit}.contact-btn-submit svg{flex-shrink:0}.contact-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;display:inline-block;flex-shrink:0;animation:contact-spin .7s linear infinite}@keyframes contact-spin{to{transform:rotate(1turn)}}.contact-btn-submit:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.contact-btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.contact-btn-submit:disabled{opacity:.6;cursor:not-allowed}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(36px,5vw,52px) clamp(24px,3vw,40px);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);animation:contact-fade-in .3s ease}.contact-success-icon{color:var(--color-primary);background:var(--color-primary-50);border-radius:50%;padding:14px;width:56px;height:56px;box-sizing:content-box;margin-bottom:20px}.contact-success-title{color:var(--color-text-primary);font-size:clamp(20px,2.4vw,24px);font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.contact-success-message{color:var(--color-text-secondary);font-size:15px;line-height:1.7;margin:0 0 28px;max-width:380px}.contact-success-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.contact-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border:1px solid var(--color-primary);border-radius:var(--radius-lg);background:transparent;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);font-family:inherit}.contact-btn-primary:hover{background:var(--color-primary);color:#fff}.contact-success-link{font-size:13px;color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.contact-success-link:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.contact-success-secondary{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-light)}.contact-success-sep{color:var(--color-text-light);-webkit-user-select:none;user-select:none}@keyframes contact-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.contact-btn-primary,.contact-btn-submit,.contact-input,.contact-select,.contact-textarea{transition:none}.contact-success{animation:none}.contact-btn-submit:hover:not(:disabled){transform:none}}.episode-card-grid{margin-top:12px}.episode-card-grid__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.episode-card{padding:16px;border:2px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);background:rgba(255,255,255,.1);cursor:pointer;text-align:left;transition:transform .2s ease-out,background .2s,border-color .2s,box-shadow .2s;color:white;display:flex;flex-direction:column;gap:10px}.episode-card:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.episode-card:active{transform:translateY(0);transition-duration:.1s}.episode-card__header{display:flex;align-items:center;gap:10px}.episode-card__number{width:28px;height:28px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;flex-shrink:0}.episode-card__title{font-weight:600;font-size:14px;line-height:1.3}.episode-card__meta{display:flex;gap:6px;font-size:12px;color:rgba(255,255,255,.65);flex-wrap:wrap}.episode-card__meta span:not(:last-child):after{content:"\00B7";margin-left:6px}.episode-card__progress-bar{height:4px;background:rgba(255,255,255,.12);border-radius:2px;margin-top:auto}.episode-card__progress-fill{height:100%;border-radius:2px;transition:width .3s ease-out}.episode-pill-nav{display:flex;gap:6px;margin:12px 0 16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.episode-pill-nav::-webkit-scrollbar{display:none}.episode-pill{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 5px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.65);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s ease-out}.episode-pill:hover{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9)}.episode-pill--active{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45);color:white;font-weight:600}.episode-pill__num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:rgba(255,255,255,.15);color:rgba(255,255,255,.7);flex-shrink:0;transition:background .2s}.episode-pill--active .episode-pill__num{color:white}.episode-pill__title{max-width:110px;overflow:hidden;text-overflow:ellipsis}.episode-selected-header{display:flex;align-items:center;gap:14px;margin-bottom:4px}.episode-back-btn{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85);padding:6px 12px;border-radius:var(--radius-lg);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.episode-back-btn:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4)}.episode-back-btn svg{flex-shrink:0}.episode-selected-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.2rem;color:white;font-weight:600}.episode-selected-num{width:28px;height:28px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white;flex-shrink:0}.episode-stats{display:flex;gap:16px;margin-bottom:16px;font-size:13px;color:rgba(255,255,255,.7)}.episode-stats span:not(:last-child):after{content:"\00B7";margin-left:16px;opacity:.5}@media (max-width:480px){.episode-card-grid__cards{grid-template-columns:1fr 1fr;gap:8px}.episode-card{padding:12px}.episode-selected-header{flex-direction:column;align-items:flex-start;gap:8px}.episode-stats{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion:reduce){.episode-back-btn,.episode-card,.episode-pill{transition:none}.episode-card:hover{transform:none}}.course-detail-page{max-width:1200px;margin:0 auto;padding:20px}.course-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;color:var(--color-text-muted)}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.course-header h1{font-size:2rem;color:var(--color-text-primary);margin:0}.course-header .title-section{margin-bottom:12px}.course-header .title-display{display:flex;align-items:baseline;gap:8px}.course-header .btn-edit-title{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;color:var(--color-text-muted);background:none;border:1px solid var(--color-border,#e2e8f0);border-radius:50%;cursor:pointer;transition:all .15s ease}.course-header .btn-edit-title:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.course-header .title-edit-form{display:flex;flex-direction:column;gap:12px}.course-header .title-input{width:100%;max-width:600px;padding:12px 16px;font-size:1.75rem;font-weight:600;color:var(--color-text-primary);border:2px solid var(--color-primary);border-radius:var(--radius-xl);outline:none;transition:border-color .2s ease}.course-header .title-input:focus{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.course-header .title-input--native{font-size:1.1rem;font-weight:400;color:var(--color-text-muted)}.course-header .title-edit-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:-6px}.course-header .title-input:disabled{opacity:.7;cursor:not-allowed}.course-header .title-edit-actions{display:flex;gap:8px}.course-header .btn-title-cancel,.course-header .btn-title-save{padding:8px 16px;font-size:14px;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.course-header .btn-title-save{background:var(--color-success);color:white;border:none}.course-header .btn-title-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px rgba(16,185,129,.3)}.course-header .btn-title-save:disabled{opacity:.6;cursor:not-allowed}.course-header .btn-title-cancel{color:var(--color-text-secondary);border:1px solid var(--color-border)}.course-header .btn-title-cancel,.course-header .btn-title-cancel:hover:not(:disabled){background:var(--color-bg-tertiary)}.course-header .btn-title-cancel:disabled{opacity:.6;cursor:not-allowed}.course-header-main{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:12px 24px;align-items:start}.course-header-main .thumbnail-section{grid-column:1;grid-row:1/-1}.course-header-main .course-header-info{grid-column:2;grid-row:1}.course-header-main .course-management-toolbar{grid-column:2;grid-row:2}.course-header-info{min-width:0}.course-header-main .course-header-info:first-child{grid-column:1/-1}.thumbnail-section{flex-shrink:0}.thumbnail-container{position:relative;width:200px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-tertiary)}.course-thumbnail-preview{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-light)}.thumbnail-placeholder-large .placeholder-icon{font-size:28px}.btn-thumbnail-overlay{position:absolute;bottom:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-md);background:rgba(0,0,0,.55);color:white;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease}.thumbnail-container:hover .btn-thumbnail-overlay{opacity:1}.thumbnail-placeholder-large+.btn-thumbnail-overlay{opacity:1;background:rgba(0,0,0,.35)}.btn-thumbnail-overlay:hover{background:rgba(0,0,0,.75)}.btn-thumbnail-overlay:disabled{cursor:not-allowed;opacity:.5}.btn-thumbnail-overlay.generating{opacity:1;background:rgba(0,0,0,.55)}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.thumbnail-error{margin:0;padding:8px 12px;font-size:13px;color:var(--color-error);background:var(--color-error-light);border-radius:var(--radius-md);border:1px solid var(--color-error-border)}.thumbnail-tags{margin-top:12px}.thumbnail-tags .tags-label{font-size:12px;font-weight:500;color:var(--color-text-muted);display:block;margin-bottom:6px}.thumbnail-tags .tags-list{display:flex;flex-wrap:wrap;gap:6px}.thumbnail-tags .tag-item{display:inline-block;padding:4px 10px;font-size:12px;color:var(--color-primary-hover);background:var(--color-primary-light);border-radius:var(--radius-xl);border:1px solid var(--color-primary-100)}@media (max-width:640px){.course-header-main{grid-template-columns:140px 1fr;grid-template-rows:auto auto;gap:8px 10px}.course-header-main .thumbnail-section{grid-column:1;grid-row:1}.course-header-main .course-management-toolbar{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;gap:10px;margin-top:0;padding:0;background:none;border:none;font-size:13px;align-self:center}.course-header-main .course-header-info{grid-column:1/-1;grid-row:2}.thumbnail-container{width:140px}.btn-thumbnail-overlay{opacity:1}.course-header .course-description{font-size:14px;margin-bottom:8px}}.course-header .course-description{font-size:16px;color:var(--color-text-muted);margin-bottom:16px;line-height:1.5}.course-meta-header{gap:8px}.course-meta-header,.course-topics-tags{display:flex;flex-wrap:wrap;margin-top:8px}.course-topics-tags{gap:6px}.topic-badge{padding:3px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:500;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-100)}.course-topics-tags .badge.content-tag-badge{padding:3px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:500;background:#dcfce7;color:#166534}.course-topics-tags a.badge.content-tag-badge{text-decoration:none;cursor:pointer;transition:opacity .2s ease}.course-topics-tags a.badge.content-tag-badge:hover{opacity:.8}.course-meta-editor__row--tags{flex-basis:100%;max-width:560px;align-items:stretch}.btn-edit-meta{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.btn-edit-meta:hover{color:var(--color-primary);background:var(--color-primary-light)}.course-meta-editor{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:10px 0}.course-meta-editor__row{display:flex;flex-direction:column;gap:3px}.course-meta-editor__label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.course-meta-editor__select{padding:5px 10px;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:13px;background:white;color:#1e293b;outline:none;min-width:120px}.course-meta-editor__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.course-meta-editor__actions{display:flex;gap:6px;align-items:flex-end}.btn-meta-save{padding:5px 16px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer}.btn-meta-save:hover:not(:disabled){opacity:.9}.btn-meta-save:disabled{opacity:.5;cursor:default}.btn-meta-cancel{padding:5px 16px;background:none;color:#64748b;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:13px;cursor:pointer}.btn-meta-cancel:hover{background:#f1f5f9}.meta-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.meta-badge.difficulty{background:var(--color-primary-50);color:var(--color-primary)}.meta-badge.clickable,a.meta-badge{cursor:pointer;text-decoration:none;transition:opacity .2s ease}.meta-badge.clickable:hover,a.meta-badge:hover{opacity:.8}.meta-badge.status{text-transform:capitalize}.meta-badge.status.published{background:var(--color-success-light);color:var(--color-success-text)}.meta-badge.status.draft{background:var(--color-accent-bg);color:var(--color-accent)}.meta-badge.accent{background:#fef3c7;color:#92400e}.meta-badge.content-type{background:#e0e7ff;color:#3730a3}.course-meta__published{display:inline-flex;align-items:center;gap:4px;padding:4px;line-height:1.4}.course-meta__published,.course-meta__updated{font-size:12px;color:var(--color-text-muted)}.course-management-toolbar{display:flex;align-items:center;gap:20px;padding:10px 14px;margin-top:10px;background:var(--color-bg-secondary,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg)}.toolbar-control{display:flex;align-items:center;gap:8px}.toolbar-label{font-size:13px;font-weight:500;color:var(--color-text-secondary,#64748b);white-space:nowrap}.status-dropdown-wrapper{position:relative}.status-dropdown-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;background:white;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;color:var(--color-text-primary,#1e293b)}.status-dropdown-trigger:hover{border-color:var(--color-primary,#667eea);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.status-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.permission-dot,.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.status-dropdown-trigger .permission-dot,.status-dropdown-trigger .status-dot{margin-top:0}.status-dot.published{background:#22c55e}.status-dot.draft{background:#f59e0b}.dropdown-chevron{margin-left:2px;opacity:.5}.status-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;white-space:nowrap;background:white;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:20;overflow:hidden}.status-dropdown-item{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;border:none;background:none;font-size:13px;font-family:inherit;cursor:pointer;color:var(--color-text-primary,#1e293b);transition:background .1s ease;text-align:left}.status-dropdown-item:hover{background:var(--color-bg-secondary,#f8fafc)}.status-dropdown-item.active{font-weight:600;background:var(--color-primary-50,#eef2ff)}.permission-dot.public{background:#3b82f6}.permission-dot.private{background:#f59e0b}.dropdown-item-desc{display:block;font-size:11px;color:var(--color-text-tertiary,#94a3b8);font-weight:400;margin-top:1px}.btn-whitelist-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;background:white;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;color:var(--color-text-secondary,#64748b);transition:all .15s ease}.btn-whitelist-toggle.active,.btn-whitelist-toggle:hover{border-color:var(--color-primary,#667eea);color:var(--color-primary,#667eea)}.btn-whitelist-toggle.active{background:var(--color-primary-50,#eef2ff)}.whitelist-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-text-tertiary,#94a3b8);color:white;font-size:11px;font-weight:600;line-height:1}.btn-whitelist-toggle.active .whitelist-badge{background:var(--color-primary,#667eea)}.whitelist-section{margin-top:8px;padding:12px 16px;background:var(--color-bg-secondary,#f8fafc);border:1px solid var(--color-border,#e2e8f0);border-radius:10px}.whitelist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.whitelist-header h4{margin:0;font-size:14px;font-weight:600;color:var(--color-text-primary,#1e293b)}.whitelist-count{font-size:12px;color:var(--color-text-secondary,#64748b)}.whitelist-input-row{display:flex;gap:8px}.whitelist-input{flex:1 1;padding:8px 12px;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;font-size:13px;font-family:inherit;background:white}.whitelist-input:focus{outline:none;border-color:var(--color-primary,#667eea);box-shadow:0 0 0 2px rgba(102,126,234,.1)}.btn-add-whitelist{padding:8px 16px;border:none;border-radius:8px;background:var(--color-primary,#667eea);color:white;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap}.btn-add-whitelist:hover:not(:disabled){opacity:.9}.btn-add-whitelist:disabled{opacity:.5;cursor:not-allowed}.whitelist-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.whitelist-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:white;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;font-size:12px;color:var(--color-text-primary,#1e293b)}.whitelist-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--color-text-tertiary,#94a3b8);cursor:pointer;font-size:14px;line-height:1;padding:0;border-radius:50%}.whitelist-tag-remove:hover{background:#fee2e2;color:#ef4444}.whitelist-empty,.whitelist-loading{margin:8px 0 0;font-size:13px;color:var(--color-text-tertiary,#94a3b8)}.confirm-modal{max-width:400px}.confirm-modal h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-primary,#1e293b)}.confirm-modal p{margin:0 0 20px;font-size:14px;line-height:1.5}.btn-cancel,.confirm-modal p{color:var(--color-text-secondary,#64748b)}.btn-cancel{padding:8px 16px;border:1px solid var(--color-border,#e2e8f0);font-size:13px;font-family:inherit}.btn-cancel:hover{background:var(--color-bg-secondary,#f8fafc)}.course-detail-page .btn-danger{padding:8px 16px;border:none;border-radius:8px;background:#ef4444;color:white;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}.course-detail-page .btn-danger:hover{background:#dc2626}.btn-warning{padding:8px 16px;border:none;border-radius:8px;background:#f59e0b;color:white;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer}.btn-warning:hover{background:#d97706}.btn-primary{font-size:13px;font-family:inherit}.btn-primary:hover{background:var(--color-primary-dark,#5a6fd6)}@media (max-width:480px){.course-management-toolbar{flex-direction:column;align-items:flex-start;gap:12px}}.empty-container,.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.loading-container .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-container h2{margin-bottom:12px}.error-container p{margin-bottom:16px}.error-container a,.error-container button{margin:0 8px;padding:8px 16px;border-radius:var(--radius-md);text-decoration:none}.success-banner{background:var(--color-success-light);color:var(--color-success-text);padding:12px 20px;border-radius:var(--radius-lg);margin-bottom:20px;text-align:center;font-weight:500}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:30px}.stat-card{border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm)}.stat-value{display:block;font-size:2rem;color:var(--color-primary)}.stat-label{display:block;color:var(--color-text-light)}.audio-section{background:white;border-radius:var(--radius-xl);padding:20px;margin-bottom:30px;box-shadow:var(--shadow-sm)}.audio-section h3{margin-bottom:12px;color:var(--color-text-primary)}.audio-player{width:100%}.content-sections{margin-bottom:30px}.content-sections h2{font-size:1.5rem;margin-bottom:20px;color:var(--color-text-primary)}.empty-sections{text-align:center;padding:40px;color:var(--color-text-light)}.section-card{background:white;border-radius:var(--radius-xl);margin-bottom:20px;box-shadow:var(--shadow-sm);overflow:hidden}.course-detail-page .section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color-primary);color:white}.course-detail-page .section-header h3{margin:0;font-size:1.1rem}.episode-count{font-size:13px;opacity:.9}.episode-card{border-bottom:1px solid var(--color-border-light);padding:16px 20px}.episode-card:last-child{border-bottom:none}.episode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.episode-header h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.episode-header .duration{font-size:13px;color:var(--color-text-light)}.episode-audio{width:100%;margin-bottom:16px}.segments-list{display:flex;flex-direction:column;gap:12px}.segment-item{display:flex;gap:12px;padding:12px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary)}.segment-index{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:white;border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.segment-content{flex:1 1;min-width:0}.segment-time{font-size:12px;color:var(--color-text-light)}.segment-field,.segment-time{margin-bottom:8px}.segment-field:last-child{margin-bottom:0}.segment-field label{display:block;font-size:11px;color:var(--color-text-light);margin-bottom:4px;text-transform:uppercase;font-weight:600}.field-value{display:flex;align-items:flex-start;gap:8px}.field-value span{flex:1 1;font-size:14px;line-height:1.5}.field-value .text-en{color:var(--color-text-primary)}.field-value .text-zh{color:var(--color-text-muted)}.btn-edit{padding:4px 8px;font-size:12px;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0;transition:all .2s}.btn-edit:hover{background:var(--color-primary);color:white}.edit-field{display:flex;flex-direction:column;gap:8px}.edit-field input,.edit-field textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit}.edit-field textarea{resize:vertical}.edit-field input:focus,.edit-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(0,123,255,.1)}.edit-actions{gap:8px}.btn-cancel,.btn-save{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-save{background:var(--color-primary)}.btn-save:hover:not(:disabled){background:var(--color-primary-hover)}.btn-save:disabled{opacity:.6}.btn-cancel{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-cancel:hover{background:var(--color-bg-tertiary)}.vocabulary-section h2{font-size:1.5rem;margin-bottom:20px;color:var(--color-text-primary)}.vocabulary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.vocab-card{background:white;padding:16px;box-shadow:var(--shadow-sm)}.vocab-header{align-items:center;gap:8px;margin-bottom:8px}.vocab-word{font-size:1.1rem;font-weight:600}.vocab-pos{padding:2px 8px;background:var(--color-primary-50);color:var(--color-primary);border-radius:var(--radius-sm);font-size:12px}.vocab-pronunciation{color:var(--color-text-light);font-style:italic;margin-bottom:8px}.vocab-definition-en{font-size:14px;color:var(--color-text-primary);margin-bottom:4px}.vocab-definition-zh{font-size:14px;color:var(--color-text-muted);margin-bottom:8px}.vocab-examples{font-size:13px;color:var(--color-text-muted)}.vocab-examples strong{margin-bottom:4px}.vocab-examples ul{margin:0;padding-left:20px}.vocab-examples li{margin-bottom:4px}.audio-preview-section{background:white;border-radius:var(--radius-xl);padding:24px;margin-bottom:30px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.audio-preview-section .section-header{margin-bottom:16px;padding:0 0 12px;border-bottom:2px solid var(--color-primary-50);background:transparent;color:inherit}.audio-preview-section .section-header h3{margin:0 0 8px;color:var(--color-primary);font-size:1.25rem;font-weight:600}.audio-preview-section .section-description{color:var(--color-text-secondary);font-size:14px;margin:0;line-height:1.5}.audio-player-container{display:flex;flex-direction:column;gap:16px}.subtitle-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.subtitle-label{font-size:14px;color:var(--color-text-muted);font-weight:500}.subtitle-btn{padding:6px 14px;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.subtitle-btn,.subtitle-btn:hover{background:var(--color-bg-tertiary)}.subtitle-btn.active{font-weight:600}.subtitle-btn.active.off{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.subtitle-btn.active.en{background:var(--color-primary-100);border-color:var(--color-primary-100);color:var(--color-primary-700)}.subtitle-btn.active.zh{background:var(--color-success-light);border-color:var(--color-success-light);color:var(--color-success-text)}.subtitle-btn.active.both{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.course-detail-page .audio-player-wrapper{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:8px;margin-bottom:12px}.course-detail-page .main-audio-player{display:block;width:100%;height:40px;min-height:40px;border-radius:var(--radius-md)}.audio-duration{font-size:13px;color:var(--color-text-light);margin:0}.content-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--color-border);padding-bottom:0;position:sticky;top:56px;background:var(--color-bg-primary,#fff);z-index:10;padding-top:8px}.tab-btn{background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover:not(:disabled){color:var(--color-primary)}.tab-btn.active{border-bottom-color:var(--color-primary)}.tab-btn:disabled{color:var(--color-border);cursor:not-allowed}.learning-content-section{margin-top:0}.sentences-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.btn-toggle-all-sentences{padding:6px 14px;font-size:13px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.btn-toggle-all-sentences:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.sentences-container{display:flex;flex-direction:column;gap:24px}.vocabulary-section{margin-bottom:30px}.vocabulary-section .vocabulary-header{margin-bottom:20px;text-align:center}.vocabulary-section .vocabulary-header h3{margin:0 0 8px;color:var(--color-text-primary);font-size:1.3rem}.vocabulary-section .vocabulary-header p{color:var(--color-text-muted);font-size:14px;margin:0}.vocabulary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.vocab-card.clickable{background:white;border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;border:2px solid transparent}.vocab-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:var(--color-primary)}.vocab-card-header{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.vocab-card-header .vocab-word{font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}.vocab-card-header .vocab-pos{padding:2px 8px;background:var(--color-primary-50);color:var(--color-primary);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.vocab-cefr{margin-left:auto;padding:2px 10px;border-radius:var(--radius-xl);font-size:11px;font-weight:600}.vocab-cefr.cefr-a{background:var(--color-success-light);color:var(--color-success-text)}.vocab-cefr.cefr-b{background:var(--color-accent-bg);color:var(--color-accent)}.vocab-cefr.cefr-c{background:var(--color-error-light);color:var(--color-error)}.vocab-card .vocab-pronunciation{color:var(--color-text-light);font-style:italic;font-size:14px;margin-bottom:12px}.vocab-definitions{margin-bottom:12px}.vocab-definitions .vocab-def-en{font-size:14px;color:var(--color-text-primary);margin:0 0 4px;line-height:1.4}.vocab-definitions .vocab-def-zh{font-size:14px;color:var(--color-text-muted);margin:0 0 8px}.vocab-context{font-size:13px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:8px 12px;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);margin:0}.vocab-examples{margin-bottom:12px}.vocab-examples strong{display:block;font-size:12px;color:var(--color-text-light);text-transform:uppercase;margin-bottom:6px}.vocab-example{margin-bottom:8px;padding-left:12px;border-left:2px solid var(--color-border)}.vocab-example .example-en{font-size:13px;color:var(--color-text-primary);margin:0 0 2px}.vocab-example .example-zh{font-size:13px;color:var(--color-text-muted);margin:0}.vocab-related{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:8px}.vocab-related .related-label{font-size:12px;color:var(--color-text-light);font-weight:500}.related-tag{padding:2px 8px;border-radius:var(--radius-xl);font-size:12px}.related-tag.synonym{background:var(--color-primary-100);color:var(--color-primary-700)}.related-tag.collocation{background:var(--color-primary-light);color:var(--color-primary-700)}.vocab-quiz-indicator{display:inline-block;padding:4px 10px;background:var(--color-primary);color:white;border-radius:var(--radius-xl);font-size:11px;font-weight:600;margin-top:8px}.vocab-card-legacy{background:white;border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-sm)}.vocab-examples-legacy{font-size:13px;color:var(--color-text-muted)}.vocab-examples-legacy strong{display:block;margin-bottom:4px}.vocab-examples-legacy ul{margin:0;padding-left:20px}.vocab-examples-legacy li{margin-bottom:4px}.phrases-section{margin-bottom:30px}.phrases-section .phrases-header{margin-bottom:20px;text-align:center}.phrases-section .phrases-header h3{margin:0 0 8px;color:var(--color-text-primary);font-size:1.3rem}.phrases-section .phrases-header p{color:var(--color-text-muted);font-size:14px;margin:0}.phrases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.phrase-card{background:white;border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-sm);border:2px solid transparent;transition:all .2s}.phrase-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:var(--color-primary)}.phrase-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.phrase-text{font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}.phrase-type{padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:capitalize;flex-shrink:0}.phrase-type.idiom{background:var(--color-accent-bg);color:var(--color-accent)}.phrase-type.phrasal_verb{background:var(--color-primary-100);color:var(--color-primary-700)}.phrase-type.collocation{background:var(--color-primary-light);color:var(--color-primary-700)}.phrase-type.expression{background:var(--color-success-light);color:var(--color-success-text)}.phrase-type.slang{background:#fef3c7;color:#92400e}.phrase-type.formal{background:#ede9fe;color:#5b21b6}.phrase-type.informal{background:#fce7f3;color:#9d174d}.phrase-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-edit-phrase{width:28px;height:28px;padding:0;background:white;border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.btn-edit-phrase:hover{background:var(--color-accent-bg);border-color:var(--color-warning);transform:translateY(-1px);box-shadow:0 2px 6px rgba(217,119,6,.2)}.btn-edit-phrase:active{transform:translateY(0);box-shadow:none}.phrase-definitions{margin-bottom:10px}.phrase-def-en{font-size:14px;color:var(--color-text-primary);margin:0 0 4px}.phrase-def-zh{font-size:14px;color:var(--color-text-muted);margin:0}.phrase-explanation{font-size:13px;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:8px 12px;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);margin:0 0 8px}.phrase-explanation strong{color:var(--color-text-light)}.phrase-usage{font-size:13px;color:var(--color-text-muted);font-style:italic}.phrase-usage strong{font-style:normal;color:var(--color-text-light)}.writing-practice-section{background:white;border-radius:var(--radius-xl);padding:24px;margin-bottom:30px;box-shadow:var(--shadow-sm)}.writing-practice-intro{text-align:center;padding:20px 0}.writing-practice-intro p{color:var(--color-text-muted);font-size:14px;margin:0 0 16px;line-height:1.6}.btn-writing-practice{display:inline-block;padding:10px 24px;background:var(--color-primary);color:white;text-decoration:none;border-radius:var(--radius-lg);font-size:14px;font-weight:500;transition:all .2s}.btn-writing-practice:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.section-header-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color-primary);color:white}.section-header-row h4{margin:0;font-size:1.1rem}.segment-speaker{font-size:12px;font-weight:600;color:var(--color-primary-700);margin-bottom:4px;text-transform:capitalize}.segment-text{font-size:14px;color:var(--color-text-primary);margin-bottom:4px;line-height:1.5}.segment-translation{font-size:14px;color:var(--color-text-muted);line-height:1.5}.page-actions{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--color-border)}.page-actions button{font:inherit}.page-actions .btn-back{padding:10px 20px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;font-size:.875rem;font-weight:500;line-height:1.5;transition:all .2s;cursor:pointer}.page-actions .btn-back:hover{background:var(--color-border);border-color:var(--color-border)}.btn-refresh{padding:10px 20px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:500;transition:all .2s}.btn-refresh:hover{background:var(--color-primary-hover)}.page-actions .btn-danger-action{padding:10px 20px;background:var(--color-error);color:white;border:1px solid var(--color-error);border-radius:var(--radius-lg);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.5;transition:all .2s;text-decoration:none}.page-actions .btn-danger-action:hover{background:var(--color-error);border-color:var(--color-error)}.modal-overlay{z-index:var(--z-modal)}.delete-modal{padding:24px;box-shadow:var(--shadow-lg)}.delete-modal h3{margin:0 0 16px;color:var(--color-error)}.modal-warning{padding:12px;margin-bottom:16px;line-height:1.5}.modal-instruction{margin-bottom:12px}.delete-confirm-input{padding:10px 12px;margin-bottom:20px}.delete-confirm-input:focus{border-color:var(--color-error)}.modal-actions{gap:12px}.btn-confirm-delete{padding:10px 20px;transition:background .2s}.btn-confirm-delete,.btn-confirm-delete:hover:not(:disabled){background:var(--color-error)}.btn-confirm-delete:disabled{background:var(--color-border)}.btn-confirm-enroll{padding:10px 20px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:background .2s}.btn-confirm-enroll:hover:not(:disabled){background:var(--color-primary-dark,#5570d9)}.btn-confirm-enroll:disabled{background:var(--color-border);cursor:not-allowed}.modal-actions .btn-cancel{padding:10px 20px;font-size:14px;border-radius:var(--radius-md)}@media (max-width:768px){.course-detail-page{padding:12px}.course-header{margin-bottom:16px;padding-bottom:12px}.course-header h1{font-size:1.35rem}.breadcrumb{margin-bottom:8px;font-size:12px}.course-header-main{gap:12px}.course-meta-header{margin-top:4px;gap:6px}.meta-badge{padding:3px 10px;font-size:12px}.course-topics-tags{margin-top:4px}.course-management-toolbar{margin-top:6px;padding:8px 10px;gap:12px}.course-header .title-section{margin-bottom:6px}.stats-summary{grid-template-columns:repeat(2,1fr)}.audio-preview-section{padding:16px}.subtitle-controls{justify-content:center}.subtitle-btn{padding:6px 10px;font-size:12px}.content-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:10px 14px;font-size:13px;white-space:nowrap}.vocabulary-cards{grid-template-columns:1fr}.vocab-card-header{flex-direction:column;align-items:flex-start}.vocab-cefr{margin-left:0}.phrases-grid{grid-template-columns:1fr}.phrase-header{flex-direction:column;gap:8px}.phrase-type{align-self:flex-start}.segment-item{flex-direction:column}.segment-index{align-self:flex-start}.section-header-row{flex-direction:column;align-items:flex-start;gap:8px}.field-value{flex-direction:column;gap:4px}.btn-edit{align-self:flex-start}.vocabulary-grid{grid-template-columns:1fr}.learning-content-section{padding:16px}.page-actions{flex-direction:column}.page-actions .btn-back,.page-actions .btn-danger-action,.page-actions .btn-refresh{width:100%;text-align:center}.delete-modal{width:95%;padding:16px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-confirm-delete{width:100%}}.collapsible-section{border-radius:var(--radius-xl);margin-bottom:20px;overflow:hidden}.collapsible-section__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:none;cursor:pointer;font-family:inherit;text-align:left;background:inherit;color:inherit}.collapsible-section__toggle h3{margin:0;font-size:1.1rem;font-weight:700}.collapsible-section__chevron{flex-shrink:0;transition:transform .25s ease-out}.collapsible-section.open .collapsible-section__chevron{transform:rotate(180deg)}.collapsible-section__body{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible-section.open .collapsible-section__body{max-height:50000px;transition:max-height .5s ease-in}.collapsible-section.learning-entry-section{background:var(--color-primary);color:white}.collapsible-section.learning-entry-section .collapsible-section__toggle{color:white}.collapsible-section.learning-entry-section .collapsible-section__body{padding:0 20px}.collapsible-section.learning-entry-section.open .collapsible-section__body{padding:0 20px 20px}.collapsible-section.analysis-section{background:transparent}.collapsible-section.analysis-section .collapsible-section__toggle{background:white;border-radius:var(--radius-xl);box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:12px}.collapsible-section.analysis-section .collapsible-section__toggle h3{color:var(--color-success-text)}.learning-entry-section h3{margin:0;font-size:1.1rem;font-weight:700}.learning-entry-description{margin:0 0 20px;font-size:14px;opacity:.9}.learning-mode-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.learning-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:rgba(255,255,255,.15);border-radius:var(--radius-xl);text-decoration:none;color:white;transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.learning-mode-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.learning-mode-btn .mode-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px}.learning-mode-btn .mode-icon svg{width:28px;height:28px}.learning-mode-btn .mode-name{font-size:14px;font-weight:600;margin-bottom:2px}.learning-mode-btn .mode-desc{font-size:13px;color:rgba(255,255,255,.95);font-weight:500}.learning-mode-btn .mode-progress{display:flex;flex-direction:column;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);width:100%}.learning-mode-btn .mode-progress .progress-count{font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.learning-mode-btn .mode-progress .completed-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:rgba(74,222,128,.9);border-radius:50%;font-size:10px;color:white}.learning-mode-btn .mode-progress .best-score{font-size:10px;opacity:.9;margin-top:2px}.learning-mode-btn.comprehension:hover{background:rgba(74,222,128,.3);border-color:rgba(74,222,128,.5)}.learning-mode-btn.vocabulary:hover{background:rgba(96,165,250,.3);border-color:rgba(96,165,250,.5)}.learning-mode-btn.dictation:hover{background:rgba(251,191,36,.3);border-color:rgba(251,191,36,.5)}.learning-mode-btn.shadowing:hover{background:rgba(244,114,182,.3);border-color:rgba(244,114,182,.5)}.learning-mode-btn.quiz:hover{background:rgba(167,139,250,.3);border-color:rgba(167,139,250,.5)}@media (max-width:768px){.learning-mode-buttons{grid-template-columns:repeat(2,1fr)}.learning-mode-btn{padding:14px 10px}.learning-mode-btn .mode-icon{font-size:1.5rem}.learning-mode-btn .mode-name{font-size:13px}}@media (max-width:480px){.learning-mode-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.learning-mode-btn{padding:12px 8px}}.course-list-page{max-width:1400px;margin:0 auto;padding:var(--space-5)}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-5);font-size:14px;color:#555}.search-results-header .result-count{color:var(--color-text-muted)}.courses-grid{gap:var(--space-6)}.course-card{position:relative;background:white;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.course-info{display:flex;flex-direction:column}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn-add-to-playlist{position:absolute;top:12px;right:12px;width:36px;height:36px;background:rgba(255,255,255,.95);border:none;border-radius:50%;font-size:20px;font-weight:600;color:#64748B;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-normal);z-index:10;box-shadow:var(--shadow-sm)}.course-card:hover .btn-add-to-playlist{opacity:1}.btn-add-to-playlist:hover{background:var(--color-primary);color:white;transform:scale(1.1)}.course-cover{height:160px;background-size:cover;background-position:50%;background-color:var(--color-bg-secondary)}.course-cover.placeholder{display:flex;align-items:center;justify-content:center;background:#667eea}.course-cover.placeholder span{font-size:48px}.course-list-page .course-info{padding:var(--space-4)}.course-title{font-size:1.1rem;color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:1.3;-webkit-line-clamp:2}.course-meta{gap:var(--space-2);margin-bottom:var(--space-3)}.badge.topic-badge{background:#f0f0ff;color:#667eea}.badge.accent-badge{background:#fef3c7;color:#92400e}.badge.accent-badge,.badge.content-type-badge{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:500}.badge.content-type-badge{background:#e0e7ff;color:#3730a3}.badge.content-tag-badge{background:#dcfce7;color:#166534;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:500}.course-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);margin-top:auto;border-top:1px solid var(--color-border-light)}.course-list-page .course-stats{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:12px;color:var(--color-text-light)}.course-list-page .course-stats .stat{display:inline-flex;align-items:center;gap:2px}.creator-link{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.creator-link:hover{color:var(--color-primary);text-decoration:underline}.course-actions{flex-shrink:0}.btn-enroll{padding:7px 18px;background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-lg);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn-enroll:hover:not(:disabled){background:var(--color-primary);color:white}.btn-enroll:active:not(:disabled){transform:scale(.97)}.btn-enroll:disabled{opacity:.5;cursor:not-allowed}.enrolled-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;color:var(--color-success-text);font-size:13px;font-weight:500}.header-actions{gap:var(--space-3)}.btn-delete-all{padding:var(--space-2) var(--space-4);background:#dc3545;color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;transition:background var(--transition-normal)}.btn-delete-all:hover:not(:disabled){background:#c82333}.btn-delete-all:disabled{background:#ccc;cursor:not-allowed}.modal-overlay{top:0;left:0;right:0;bottom:0;z-index:500}.delete-modal{background:white;border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.delete-modal h3{margin:0 0 var(--space-4) 0;color:#dc3545;font-size:1.25rem}.modal-warning{background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-md);padding:var(--space-3);color:var(--color-error);margin-bottom:var(--space-4);font-size:14px}.modal-instruction{margin-bottom:var(--space-3);color:var(--color-text-primary);font-size:14px}.delete-confirm-input{width:100%;padding:10px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--space-5);box-sizing:border-box}.delete-confirm-input:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,.1)}.modal-actions{gap:var(--space-3)}.btn-confirm-delete{padding:10px var(--space-5);background:#dc3545;color:white;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;transition:background var(--transition-normal)}.btn-confirm-delete:hover:not(:disabled){background:#c82333}.btn-confirm-delete:disabled{background:#ccc;cursor:not-allowed}.load-more-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-6) 0 var(--space-4);min-height:48px}.load-more-count{font-size:13px;color:var(--color-text-tertiary)}.load-more-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@media (max-width:768px){.course-list-page{padding:var(--space-4)}.courses-grid{grid-template-columns:1fr}.page-header h1{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.btn-delete-all,.btn-refresh{width:100%}.delete-modal{width:95%;padding:var(--space-4)}.modal-actions{flex-direction:column-reverse}.btn-confirm-delete,.modal-actions .btn-cancel{width:100%}}@media (max-width:400px){.course-list-page{padding:var(--space-3)}.course-cover{height:140px}.course-info{padding:var(--space-3)}.course-title{font-size:1rem}.search-results-header{padding:10px var(--space-3);font-size:13px}}.enroll-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.enroll-modal{background:white;border-radius:14px;max-width:380px;width:100%;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12)}.enroll-modal-thumbnail{width:100%;height:140px;object-fit:cover}.enroll-modal-title{font-size:17px;font-weight:700;color:#111827;margin:16px 20px 10px;line-height:1.4}.enroll-modal-desc{font-size:13px;color:#9ca3af;margin:0 20px 20px;line-height:1.5}.enroll-modal-actions{display:flex;gap:10px;padding:0 20px 20px}.enroll-modal-cancel{flex:1 1;padding:10px;border:1px solid #d1d5db;border-radius:8px;background:white;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.enroll-modal-cancel:hover{background:#f3f4f6}.enroll-modal-confirm{flex:1.2 1;padding:10px;border:none;border-radius:8px;background:#4f46e5;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.enroll-modal-confirm:hover{background:#4338ca}.enroll-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.quest-questions-page{max-width:900px;margin:0 auto;padding:2rem 1rem}.quest-questions-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.quest-questions-page .page-header h1{margin:0 0 .25rem;font-size:1.5rem}.quest-questions-page .header-subtitle{margin:0;color:#666;font-size:.9rem}.quest-questions-page .back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#f3f4f6;border-radius:6px;text-decoration:none;color:#333;font-size:.875rem;white-space:nowrap;transition:background .15s}.quest-questions-page .back-btn:hover{background:#e5e7eb}.quest-questions-page .loading-container{text-align:center;padding:4rem 0;color:#666}.quest-questions-page .loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;margin:0 auto 1rem;animation:quest-spin .7s linear infinite}@keyframes quest-spin{to{transform:rotate(1turn)}}.quest-questions-page .error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quest-questions-page .error-banner button{background:none;border:none;color:#dc2626;cursor:pointer;font-weight:600}.quest-questions-page .success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.quest-questions-page .empty-state{text-align:center;padding:3rem;background:#f9fafb;border-radius:12px;color:#666}.quest-questions-page .gate-section{margin-bottom:2.5rem}.quest-questions-page .gate-section.has-unsaved{position:relative}.quest-questions-page .gate-section.has-unsaved:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:3px;background:#f59e0b;border-radius:2px}.quest-questions-page .gate-header{margin-bottom:1rem;background:var(--color-bg-secondary,#f8fafc);padding:16px;border-radius:var(--radius-lg,8px)}.quest-questions-page .gate-title{display:flex;align-items:center;gap:.5rem}.quest-questions-page .gate-title h2{margin:0;font-size:1.2rem}.quest-questions-page .gate-icon{font-size:1.3rem}.quest-questions-page .edited-badge,.quest-questions-page .unsaved-badge{background:#fef3c7;color:#92400e;font-size:.75rem;padding:2px 8px;border-radius:9999px;font-weight:500}.quest-questions-page .unsaved-badge{animation:quest-pulse 2s ease-in-out infinite}@keyframes quest-pulse{0%,to{opacity:1}50%{opacity:.6}}.quest-questions-page .gate-description{color:var(--color-text-secondary,#475569);font-size:.875rem;margin:.25rem 0}.quest-questions-page .gate-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--color-text-muted,#64748b);margin-top:.25rem}.quest-questions-page .question-card{background:#fff;border-left:3px solid #6366f1;border-radius:4px;padding:1rem 1rem 1rem 1.25rem;margin-bottom:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.06)}.quest-questions-page .question-header{margin-bottom:.75rem}.quest-questions-page .question-number{font-weight:700;color:#6366f1;font-size:.9rem}.quest-questions-page .question-field-primary{margin-bottom:.75rem}.quest-questions-page .question-field-primary label{display:block;font-size:.875rem;font-weight:600;color:#333;margin-bottom:.35rem}.quest-questions-page .question-field-primary input,.quest-questions-page .question-field-primary textarea{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;box-sizing:border-box;line-height:1.5}.quest-questions-page .question-field-primary textarea{resize:vertical;min-height:80px}.quest-questions-page .question-field{margin-bottom:.75rem}.quest-questions-page .question-field label{display:block;font-size:.8rem;font-weight:600;color:#555;margin-bottom:.25rem}.quest-questions-page .question-field input,.quest-questions-page .question-field select,.quest-questions-page .question-field textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.quest-questions-page .question-field textarea{resize:vertical;min-height:60px}.quest-questions-page .question-field-row{display:flex;gap:1rem}.quest-questions-page .question-field-row .question-field{flex:1 1}.quest-questions-page .translation-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#6366f1;font-size:.8rem;font-weight:500;cursor:pointer;padding:.25rem 0;margin-bottom:.5rem}.quest-questions-page .translation-toggle:hover{color:#4f46e5}.quest-questions-page .translation-toggle .toggle-arrow{transition:transform .15s;font-size:.7rem}.quest-questions-page .translation-toggle .toggle-arrow.open{transform:rotate(90deg)}.quest-questions-page .gate-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.quest-questions-page .gate-actions-primary{display:flex;gap:.75rem}.quest-questions-page .save-btn{padding:.5rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.875rem;transition:background .15s}.quest-questions-page .save-btn:disabled{opacity:.5;cursor:not-allowed}.quest-questions-page .save-btn:hover:not(:disabled){background:#4f46e5}.quest-questions-page .regenerate-btn{padding:.5rem .75rem;background:none;color:#64748b;border:none;cursor:pointer;font-size:.8rem;transition:color .15s}.quest-questions-page .regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.quest-questions-page .regenerate-btn:hover:not(:disabled){color:#dc2626}.quest-questions-page .confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.quest-questions-page .confirm-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.15)}.quest-questions-page .confirm-modal h3{margin:0 0 .5rem;font-size:1.1rem}.quest-questions-page .confirm-modal p{margin:0 0 1.25rem;color:#555;font-size:.9rem;line-height:1.5}.quest-questions-page .confirm-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.quest-questions-page .confirm-cancel-btn{padding:.5rem 1rem;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;color:#333}.quest-questions-page .confirm-cancel-btn:hover{background:#e5e7eb}.quest-questions-page .confirm-danger-btn{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.875rem}.quest-questions-page .confirm-danger-btn:hover{background:#b91c1c}.creator-analytics-page{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-16);min-height:100vh}.ca-header{gap:var(--space-3);margin-bottom:var(--space-6)}.ca-back,.ca-header{display:flex;align-items:center}.ca-back{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--transition-fast)}.ca-back:hover{background:var(--color-bg-tertiary)}.ca-back svg{width:22px;height:22px}.ca-header h1{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0}.ca-month-selector{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);justify-content:center}.ca-month-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);display:flex;align-items:center;transition:background var(--transition-fast),color var(--transition-fast)}.ca-month-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.ca-month-btn:disabled{opacity:.3;cursor:not-allowed}.ca-month-btn svg{width:20px;height:20px}.ca-month-label{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);min-width:140px;text-align:center}.ca-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.ca-summary-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;box-shadow:var(--shadow-xs)}.ca-summary-card.highlight{background:var(--color-primary-light);border-color:var(--color-primary-100)}.ca-summary-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.ca-summary-card.highlight .ca-summary-value{color:var(--color-primary)}.ca-summary-label{font-size:var(--text-xs);color:var(--color-text-muted)}.ca-percentage-bar{margin-bottom:var(--space-5);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-xs)}.ca-percentage-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)}.ca-percentage-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.ca-percentage-value{font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}.ca-bar-track{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.ca-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .4s ease-out;min-width:2px}.ca-section-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.ca-course-list{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.ca-course-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.ca-course-row:last-child{border-bottom:none}.ca-course-thumb{width:56px;height:42px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary)}.ca-course-thumb img{width:100%;height:100%;object-fit:cover}.ca-course-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.ca-course-thumb-placeholder svg{width:20px;height:20px}.ca-course-info{flex:1 1;min-width:0}.ca-course-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ca-course-learners{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.ca-course-stats{text-align:right;flex-shrink:0}.ca-course-time{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.ca-course-pct{font-size:var(--text-xs);margin-top:2px}.ca-course-pct,.ca-loading{color:var(--color-text-muted)}.ca-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-3)}.ca-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.ca-empty{text-align:center;padding:var(--space-8) var(--space-4);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.ca-empty-icon{margin-bottom:var(--space-2);color:var(--color-text-light)}.ca-empty-icon svg{width:40px;height:40px}.ca-empty p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}@media (max-width:600px){.creator-analytics-page{padding:var(--space-4) var(--space-4) var(--space-12)}.ca-header h1{font-size:var(--text-lg)}.ca-summary-value{font-size:var(--text-xl)}.ca-course-thumb{width:44px;height:33px}}@media (prefers-reduced-motion:reduce){.ca-bar-fill{transition:none}.ca-loading .loading-spinner{animation-duration:4s}}.creator-courses-page{max-width:1200px;margin:0 auto;padding:24px;min-height:80vh}.creator-courses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:0}.header-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border)}.tab-btn{position:relative;padding:12px 20px;background:none;border:none;font-size:15px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:color .2s;white-space:nowrap}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-primary)}.tab-btn.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-primary);border-radius:1px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;margin-left:6px;background:var(--color-bg-tertiary);border-radius:10px;font-size:12px;font-weight:600;color:var(--color-text-muted)}.tab-btn.active .tab-count{background:var(--color-primary-50,#eef2ff);color:var(--color-primary)}.create-new-btn{padding:10px 20px;background:var(--color-primary);border-radius:var(--radius-lg);font-size:14px;transition:background .2s,box-shadow .2s;box-shadow:var(--shadow-sm)}.create-new-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.create-new-btn:disabled{opacity:.6}.creator-courses-loading{display:flex;align-items:center;justify-content:center;min-height:40vh}.creator-courses-loading .loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.creator-courses-error{text-align:center;padding:48px 20px}.creator-courses-error p{color:var(--color-error);margin:0 0 16px}.creator-courses-error button{padding:10px 24px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:500}.empty-inline{padding:48px 20px;text-align:center}.empty-text{color:var(--color-text-muted);font-size:15px}.drafts-grid{gap:16px}.draft-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:box-shadow .2s,border-color .2s}.draft-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover,#d1d5db)}.draft-card-header{padding:14px 16px 0}.status-badge{padding:3px 10px;border-radius:var(--radius-sm)}.delete-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);opacity:.4;transition:opacity .2s,background .2s;color:var(--color-text-muted)}.delete-btn:hover{opacity:1;background:var(--color-error-light,#fee2e2);color:var(--color-error)}.draft-card-body{padding:14px 16px 16px}.draft-title{margin:0 0 10px;font-size:17px;color:var(--color-text-primary)}.draft-meta{gap:6px;margin-bottom:14px}.draft-meta .meta-item{display:inline-flex;align-items:center;padding:3px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:12px;color:var(--color-text-secondary)}.draft-progress{margin-bottom:14px}.progress-bar{height:5px;background:var(--color-border);margin-bottom:4px}.draft-footer{border-top:1px solid var(--color-border)}.draft-date{color:var(--color-text-light)}.continue-btn{padding:7px 14px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background .2s,color .2s}.continue-btn:hover{background:var(--color-primary)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.course-card{display:flex;flex-direction:column;background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow .2s,border-color .2s;cursor:pointer}.course-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-100,#c7d2fe)}.course-card-thumbnail{width:100%;aspect-ratio:16/9;background:var(--color-bg-tertiary);overflow:hidden}.course-card-thumbnail img{width:100%;height:100%;object-fit:cover}.course-card-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light)}.course-card-body{display:flex;flex-direction:column;flex:1 1;padding:16px}.course-card-body .course-title{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-meta{margin-bottom:10px}.course-meta .meta-item{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-primary-light,#eef2ff);border-radius:var(--radius-sm);font-size:12px;color:var(--color-primary);font-weight:500}.course-description{margin:0 0 12px;color:var(--color-text-muted);line-height:1.5;text-overflow:ellipsis;-webkit-line-clamp:2;flex:1 1}.course-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--color-border);margin-top:auto}.course-date{font-size:12px;color:var(--color-text-light)}.view-btn{padding:7px 14px;background:var(--color-primary);color:white;text-decoration:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;transition:background .2s}.view-btn:hover{background:var(--color-primary-hover)}.course-footer-actions{display:flex;gap:8px;align-items:center}.edit-published-btn{padding:7px 12px;background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.edit-published-btn:hover:not(:disabled){background:var(--color-primary);color:white}.edit-published-btn:disabled{opacity:.5;cursor:not-allowed}.drafts-delete-modal{background:var(--color-bg-primary);border-radius:var(--radius-xl)}.drafts-delete-modal h3{color:var(--color-text-primary);font-size:18px}.drafts-delete-modal p{color:var(--color-text-muted);font-size:14px}.drafts-delete-modal .warning{color:var(--color-error)}.cancel-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background .2s}.cancel-btn:hover{background:var(--color-border)}.confirm-delete-btn{background:var(--color-error);border-radius:var(--radius-md);transition:background .2s}@media (max-width:768px){.creator-courses-page{padding:16px}.creator-courses-header{flex-direction:column;gap:16px;align-items:stretch}.header-tabs{width:100%}.tab-btn{flex:1 1;text-align:center;padding:12px;font-size:14px}.create-new-btn{width:100%;text-align:center}.courses-grid,.drafts-grid{grid-template-columns:1fr}}.creator-courses-page .load-more-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0 16px;min-height:48px}.creator-courses-page .load-more-count{font-size:13px;color:var(--color-text-tertiary)}.creator-courses-page .load-more-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.creator-drafts-page{max-width:1200px;margin:0 auto;padding:24px;min-height:80vh}.creator-drafts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.header-content h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1f2937}.header-subtitle{margin:0;color:#6b7280;font-size:15px}.create-new-btn{padding:12px 24px;background:#667eea;color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(102,126,234,.4)}.create-new-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.create-new-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.view-published-btn{padding:12px 20px;background:#f0fdf4;color:#166534;border:1px solid #86efac;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.view-published-btn:hover{background:#dcfce7;border-color:#4ade80}.creator-drafts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb}.creator-drafts-error{text-align:center;padding:60px 20px}.creator-drafts-error h2{color:#ef4444;margin-bottom:12px}.creator-drafts-error button{margin-top:16px;padding:10px 24px;background:#667eea;color:white;border:none;border-radius:8px;cursor:pointer}.no-drafts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.no-drafts-icon{font-size:64px;margin-bottom:20px;opacity:.6}.no-drafts h2{margin:0 0 12px;color:#374151;font-size:24px}.no-drafts p{margin:0 0 24px;color:#6b7280;font-size:16px}.create-first-btn{padding:14px 32px;background:#667eea;color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(102,126,234,.4)}.create-first-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.create-first-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.published-hint{margin-top:16px;font-size:14px;color:#6b7280}.published-hint a{color:#166534;font-weight:500}.drafts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.draft-card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:all .2s ease;position:relative}.draft-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#d1d5db}.draft-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0}.draft-status{display:flex;gap:8px;align-items:center}.status-badge{border-radius:6px;color:white}.published-badge{padding:4px 10px;background:#dcfce7;color:#166534;border-radius:6px;font-size:12px;font-weight:600}.draft-actions-menu .delete-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;opacity:.5;transition:all .2s}.draft-actions-menu .delete-btn:hover{opacity:1;background:#fee2e2}.draft-card-body{padding:16px;cursor:pointer}.draft-title{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.draft-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#f3f4f6;border-radius:6px;font-size:12px;color:#4b5563}.draft-progress{margin-bottom:16px}.progress-bar{background:#e5e7eb;margin-bottom:6px}.progress-fill{border-radius:3px}.progress-text{font-size:12px;color:#6b7280}.draft-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f3f4f6}.draft-date{font-size:13px;color:#9ca3af}.continue-btn{padding:8px 16px;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:8px;font-size:13px;font-weight:500;transition:all .2s}.continue-btn:hover{background:#667eea;color:white}.drafts-delete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500}.drafts-delete-modal{background:white;padding:24px;border-radius:16px;max-width:400px;width:90%;text-align:center}.drafts-delete-modal h3{margin:0 0 12px;color:#1f2937;font-size:20px}.drafts-delete-modal p{margin:0 0 8px;color:#6b7280}.drafts-delete-modal .warning{color:#ef4444;font-size:13px;margin-bottom:20px}.confirm-buttons{display:flex;gap:12px;justify-content:center}.cancel-btn{padding:10px 24px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#e5e7eb}.confirm-delete-btn{padding:10px 24px;background:#ef4444;color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-delete-btn:hover:not(:disabled){background:#dc2626}.cancel-btn:disabled,.confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.creator-drafts-page{padding:16px}.creator-drafts-header{flex-direction:column;gap:16px}.header-actions{width:100%;flex-direction:column}.create-new-btn,.view-published-btn{width:100%;text-align:center}.drafts-grid{grid-template-columns:1fr}.header-content h1{font-size:24px}}.creator-groups-page{max-width:1200px;margin:0 auto;padding:24px}.creator-groups-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.creator-groups-page .page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary,#1a1a2e);margin:0 0 4px}.creator-groups-page .page-header p{font-size:.875rem;color:var(--text-secondary,#6b7280);margin:0}.groups-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}@media (max-width:768px){.groups-layout{grid-template-columns:1fr}}.groups-list-panel{background:white;border-radius:12px;border:1px solid var(--border-color,#e5e7eb);padding:16px}.groups-list-panel h3{font-size:.875rem;font-weight:600;color:var(--text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.group-card{padding:12px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;margin-bottom:8px}.group-card:hover{background:#f9fafb}.group-card.selected{border-color:#667eea;background:#f0f3ff}.group-card-header{display:flex;justify-content:space-between;align-items:center}.group-card-header h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary,#1a1a2e)}.member-badge{background:#667eea;color:white;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.group-desc{font-size:.8rem;color:var(--text-secondary,#6b7280);margin:4px 0 0;line-height:1.4}.group-card-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.delete-confirm-text{font-size:.75rem;color:#dc2626}.members-panel{background:white;border-radius:12px;border:1px solid var(--border-color,#e5e7eb);padding:20px}.members-panel h3{font-size:1.1rem;font-weight:600;color:var(--text-primary,#1a1a2e);margin:0 0 16px}.members-panel h4{font-size:.875rem;font-weight:600;color:var(--text-secondary,#6b7280);margin:0 0 8px}.pending-section{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px;margin-bottom:16px}.pending-section h4{color:#92400e}.add-members-section{margin-bottom:20px}.add-members-row{display:flex;gap:8px}.add-members-row input{flex:1 1;padding:8px 12px;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:.875rem}.add-result{margin-top:8px;font-size:.8rem}.result-success{color:#059669}.result-warning{color:#d97706}.result-info{color:#6b7280}.members-list{display:flex;flex-direction:column;gap:4px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;transition:background .15s ease}.member-item:hover{background:#f9fafb}.member-item.pending{background:#fffbeb}.member-info{display:flex;flex-direction:column}.member-name{font-size:.875rem;font-weight:500;color:var(--text-primary,#1a1a2e)}.member-email{font-size:.75rem;color:var(--text-secondary,#6b7280)}.member-actions{display:flex;gap:6px}.btn-primary{padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s ease}.btn-primary:hover{background:#5a6fd6}.btn-primary:disabled{opacity:.5}.btn-secondary{background:white;color:var(--text-primary,#1a1a2e);border:1px solid var(--border-color,#e5e7eb);padding:8px 16px;border-radius:8px;font-size:.875rem;cursor:pointer}.creator-groups-page .btn-text{background:none;border:none;color:#667eea;font-size:.8rem;cursor:pointer;padding:4px 8px;border-radius:0;box-shadow:none}.creator-groups-page .btn-text:hover{text-decoration:underline;background:none}.creator-groups-page .btn-text.btn-danger{color:#dc2626;background:none}.creator-groups-page .btn-text.btn-danger:hover{color:#b91c1c;background:none}.btn-small{padding:4px 12px;font-size:.8rem}.btn-approve{background:#059669}.btn-approve,.btn-reject{color:white;border:none;border-radius:6px;cursor:pointer}.btn-reject{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:white;border-radius:12px;padding:24px;width:90%;max-width:480px}.modal-content h3{margin:0 0 16px;font-size:1.1rem;font-weight:600}.form-group{margin-bottom:12px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary,#1a1a2e);margin-bottom:4px}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;font-size:.875rem;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.empty-state,.loading-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary,#6b7280);font-size:.9rem}.empty-text,.loading-text{color:var(--text-secondary,#6b7280);font-size:.875rem;padding:8px 0}.creator-questions-page{max-width:960px;margin:0 auto;padding:32px 16px 96px}.creator-questions-page__header h1{margin:0 0 4px;font-size:28px;font-weight:700;color:var(--color-text)}.creator-questions-page__subtitle{margin:0;color:var(--color-text-secondary);font-size:14px}.creator-questions-page__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.cq-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.cq-stat-card__label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.cq-stat-card__value{font-size:24px;font-weight:700;color:var(--color-text)}.creator-questions-page__filters{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--color-border)}.cq-filter{background:transparent;border:0;padding:10px 14px;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:border-color .15s ease,color .15s ease}.cq-filter:hover{color:var(--color-text)}.cq-filter--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.creator-questions-page__empty,.creator-questions-page__loading{text-align:center;padding:48px 16px;color:var(--color-text-secondary);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:12px}.cq-course{margin-bottom:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.cq-course__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.cq-course__header h2{margin:0;font-size:18px;font-weight:700;color:var(--color-text)}.cq-course__badge{background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.cq-segment{padding:16px 20px;border-bottom:1px solid var(--color-border)}.cq-segment:last-child{border-bottom:0}.cq-segment__sentence{background:var(--color-bg-subtle,rgba(0,0,0,.03));border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.cq-segment__sentence-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.cq-segment__sentence-text{color:var(--color-text);font-size:15px}.cq-segment__sentence-translation{color:var(--color-text-secondary);font-size:13px}.cq-segment__questions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.cq-question{border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;background:var(--color-bg,#fff)}.cq-question__meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-secondary);margin-bottom:6px}.cq-question__author{font-weight:600;color:var(--color-text)}.cq-question__text{color:var(--color-text);font-size:14px;line-height:1.5}.cq-question__ai{margin-top:8px;font-size:13px}.cq-question__ai summary{cursor:pointer;color:var(--color-text-secondary)}.cq-question__ai-body{margin-top:6px;padding:8px 10px;background:var(--color-bg-subtle,rgba(0,0,0,.03));border-radius:6px;color:var(--color-text);white-space:pre-wrap}.cq-question__dismiss{margin-top:8px;background:transparent;border:1px solid var(--color-border);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--color-text-secondary);cursor:pointer}.cq-question__dismiss:hover:not(:disabled){background:var(--color-bg-subtle,rgba(0,0,0,.05))}.cq-question__creator-answer{margin-top:8px;padding:8px 10px;background:rgba(102,126,234,.08);border-radius:6px;font-size:13px;color:var(--color-text)}.cq-question__creator-answer-label{display:block;font-size:11px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.cq-question__dismiss-reason{margin-top:8px;font-size:12px;color:var(--color-text-secondary);font-style:italic}.cq-segment__composer{display:flex;flex-direction:column;gap:8px}.cq-segment__textarea{width:100%;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;resize:vertical;min-height:90px}.cq-segment__apply-all{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.cq-segment__composer-actions{display:flex;justify-content:flex-end;gap:8px}.cq-segment__primary-btn,.cq-segment__secondary-btn{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent}.cq-segment__primary-btn{background:var(--color-primary);color:#fff}.cq-segment__primary-btn:disabled{background:var(--color-text-secondary);cursor:not-allowed}.cq-segment__secondary-btn{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.cq-segment__secondary-btn:hover:not(:disabled){background:var(--color-bg-subtle,rgba(0,0,0,.05))}@media (max-width:720px){.creator-questions-page__stats{grid-template-columns:1fr}}.creator-program-page{min-height:100vh;background:#fafbfc}.creator-program-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.creator-program-page .btn-lg{padding:14px 32px;font-size:16px}.creator-program-page .btn-primary{background:#667eea;color:white;box-shadow:0 4px 14px rgba(102,126,234,.4)}.creator-program-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.creator-program-page .btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.creator-program-page .btn-outline:hover{background:#667eea;color:white}.section-subtitle{font-size:18px;color:#64748b;max-width:600px;margin:0 auto 48px}.creator-hero{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto;padding:80px 24px}.hero-content{max-width:600px}.hero-badge{display:inline-block;background:rgba(102,126,234,.12);color:#667eea;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.creator-hero h1{font-size:48px;font-weight:800;color:#1e293b;line-height:1.2;margin-bottom:20px}.creator-hero p{font-size:20px;color:#64748b;line-height:1.6;margin-bottom:32px}.hero-stats{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding:24px;background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.stat-value{font-weight:800;color:#667eea}.stat-divider{width:1px;height:40px;background:#e2e8f0}.hero-cta{display:flex;gap:16px}.hero-visual{flex:0 0 400px}.visual-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px;background:#667eea;border-radius:24px;color:white;box-shadow:0 20px 60px rgba(102,126,234,.4)}.visual-card span{font-size:18px;font-weight:600}.creator-benefits{padding:80px 24px;text-align:center;background:white}.creator-benefits h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:16px}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.benefit-card{padding:32px 24px;background:#f8fafc;border-radius:16px;transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.benefit-icon{background:rgba(102,126,234,.12);border-radius:16px;color:#667eea;margin-bottom:20px}.benefit-card h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.benefit-card p{font-size:15px;color:#64748b;line-height:1.6}.creator-tiers{padding:80px 24px;text-align:center}.creator-tiers h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:16px}.tiers-grid{display:flex;justify-content:center;gap:24px;max-width:1000px;margin:0 auto}.tier-card{flex:1 1;max-width:300px;padding:32px 24px;background:white;border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.08);position:relative;transition:all .3s ease}.tier-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.tier-card.featured{border:2px solid #3b82f6;transform:scale(1.05)}.tier-card.featured:hover{transform:scale(1.05) translateY(-4px)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.tier-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:28px;margin-bottom:16px}.tier-card h3{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:16px}.tier-share{margin-bottom:24px}.share-value{font-size:42px;font-weight:800;color:#667eea}.share-label{display:block;font-size:14px;color:#64748b;margin-top:4px}.tier-requirements{list-style:none;padding:0;margin:0;text-align:left}.tier-requirements li{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;margin-bottom:10px}.tier-requirements li svg{color:#22c55e;flex-shrink:0}.tiers-note{max-width:600px;margin:32px auto 0;font-size:14px;color:#94a3b8}.creator-how-it-works{padding:80px 24px;background:white;text-align:center}.creator-how-it-works h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:16px}.steps-container{display:flex;justify-content:center;gap:0;max-width:1000px;margin:0 auto}.step-item{flex:1 1;max-width:250px;padding:0 24px;position:relative}.step-number{display:inline-flex;margin-bottom:20px}.step-content h3{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:12px}.step-content p{font-size:15px;color:#64748b;line-height:1.6}.step-connector{position:absolute;top:24px;right:-30px;width:60px;height:2px;background:#667eea}.creator-learning-modes{padding:80px 24px;text-align:center}.creator-learning-modes h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:16px}.modes-grid{grid-template-columns:repeat(5,1fr);gap:20px;max-width:1200px;margin:0 auto}.mode-card{padding:28px 20px;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:all .3s ease}.mode-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.mode-icon{font-size:36px;display:block;margin-bottom:16px}.mode-card h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:8px}.mode-card p{font-size:14px;color:#64748b;line-height:1.5}.creator-faq{padding:80px 24px;background:white;text-align:center}.creator-faq h2{font-size:36px;font-weight:700;color:#1e293b;margin-bottom:48px}.creator-faq .faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}.creator-faq .faq-item{background:#f8fafc;padding:24px;border-radius:16px;text-align:left}.creator-faq .faq-item h4{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:12px}.creator-faq .faq-item p{font-size:15px;color:#64748b;line-height:1.6}.creator-cta{padding:80px 24px;background:linear-gradient(135deg,#1e293b,#334155);text-align:center}.cta-content{max-width:600px;margin:0 auto}.creator-cta h2{font-size:36px;font-weight:700;color:white;margin-bottom:16px}.creator-cta p{font-size:18px;color:rgba(255,255,255,.8);margin-bottom:32px}.cta-buttons{display:flex;justify-content:center;gap:16px}.creator-cta .btn-primary{background:white;color:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.2)}.creator-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3)}@media (max-width:1100px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.modes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.creator-hero{flex-direction:column;text-align:center;padding:60px 24px}.hero-content{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.hero-visual{flex:none;width:100%}.tiers-grid{flex-direction:column;align-items:center}.tier-card{max-width:320px;width:100%}.tier-card.featured{transform:none;order:-1}.tier-card.featured:hover{transform:translateY(-4px)}.steps-container{flex-direction:column;align-items:center;gap:40px}.step-item{max-width:100%}.step-connector{display:none}.modes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.creator-hero h1{font-size:32px}.creator-hero p{font-size:18px}.hero-stats{flex-direction:column;gap:16px;padding:20px}.stat-divider{width:40px;height:1px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.benefits-grid,.creator-faq .faq-grid,.modes-grid{grid-template-columns:1fr}.creator-cta h2{font-size:28px}}.creator-wizard-page{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh;background:#F8FAFC}.wizard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.wizard-header-left{display:flex;align-items:center;gap:12px}.wizard-header h1{margin:0;font-size:18px;font-weight:600;color:#1E293B;letter-spacing:-.01em}.auto-save-indicator{font-size:12px;color:#10B981;font-weight:500;display:flex;align-items:center;gap:5px}.auto-save-indicator:before{content:"";display:inline-block;width:6px;height:6px;background:#10B981;border-radius:50%;animation:pulse 2s ease-in-out infinite}.btn-delete{padding:6px 14px;background:transparent;color:#94A3B8;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:500}.btn-delete:hover:not(:disabled){background:#FEE2E2;color:#DC2626;border-color:#FECACA}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.edit-published-actions{display:flex;gap:8px}.edit-published-actions .btn-primary,.edit-published-actions .btn-secondary{padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s}.edit-published-actions .btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.edit-published-actions .btn-secondary:hover:not(:disabled){background:var(--color-surface-2,#f3f4f6)}.edit-published-actions .btn-primary{background:var(--color-primary);color:white;border:none}.edit-published-actions .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.edit-published-actions .btn-primary:disabled,.edit-published-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-banner{gap:12px;padding:14px 18px;margin-bottom:20px;border-radius:10px}.error-icon{font-size:20px;flex-shrink:0}.error-banner span:not(.error-icon){flex:1 1;font-size:14px;font-weight:500}.error-banner button{margin-left:auto;background:none;color:#DC2626;font-size:18px;padding:4px 8px;border-radius:4px;transition:background .2s}.error-banner button:hover{background:rgba(220,38,38,.1)}.wizard-content{background:#ffffff;border-radius:12px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.04)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.spinner{width:44px;height:44px;animation:spin .8s linear infinite}.loading p{color:#64748B;font-size:15px;font-weight:500}.btn-primary,.btn-secondary,.btn-success{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){background:#1D4ED8;box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn-secondary{background:#F1F5F9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#E2E8F0;border-color:#CBD5E1}.btn-success{background:#10B981;color:white}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px rgba(16,185,129,.25)}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-cta{padding:12px 24px;background:#F97316;color:white;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-cta:hover:not(:disabled){background:#EA580C;box-shadow:0 4px 12px rgba(249,115,22,.25)}.btn-cta:disabled{opacity:.5;cursor:not-allowed}.global-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.global-loading-content{background:white;padding:40px 56px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:400px;text-align:center}.global-loading-content .spinner{width:52px;height:52px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.global-loading-content p{margin:0;font-size:15px;color:#1E293B;font-weight:500;line-height:1.5}@media (max-width:768px){.creator-wizard-page{padding:16px}.wizard-header{flex-direction:row;gap:12px;padding:0 4px}.wizard-header h1{font-size:16px}.wizard-content{padding:20px}.btn-cta,.btn-primary,.btn-secondary,.btn-success{padding:10px 18px;font-size:13px}}.dictionary-page{min-height:100vh;background:var(--color-bg-secondary);padding:40px 20px}.dictionary-container{max-width:900px;margin:0 auto}.dictionary-header{text-align:center;color:var(--color-text-primary);margin-bottom:24px}.dictionary-header h1{font-size:24px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:10px}.dictionary-header .header-icon{width:28px;height:28px;color:var(--color-primary)}.dictionary-header .stats{font-size:14px;color:var(--color-text-muted);margin-top:4px}.search-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.search-input-group{margin-bottom:12px}.search-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.search-input-container{display:flex;gap:8px;position:relative}.search-input-wrapper{flex:1 1;position:relative}.search-input{width:100%;padding:12px 36px 12px 16px;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s ease,box-shadow .2s ease;background:var(--color-bg-primary);color:var(--color-text-primary)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-input-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--color-bg-tertiary);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.search-input-clear:hover{background:var(--color-border);color:var(--color-text-primary)}.search-input-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-button{padding:12px 24px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:6px}.search-button:hover:not(:disabled){background:var(--color-primary-hover)}.search-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-button .button-icon{width:16px;height:16px}.search-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.autocomplete-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:100;max-height:300px;overflow-y:auto}.autocomplete-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s ease;border:none;background:transparent;width:100%;text-align:left;font-size:14px}.autocomplete-item:focus,.autocomplete-item:hover{background:var(--color-bg-tertiary)}.autocomplete-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.autocomplete-word{font-weight:600;color:var(--color-text-primary)}.autocomplete-hint,.search-hint{font-size:13px;color:var(--color-text-muted)}.search-hint{margin:0;display:flex;align-items:center;gap:6px}.search-hint .hint-icon{width:14px;height:14px;color:var(--color-warning)}.recent-searches{margin-top:14px;padding-top:14px;border-top:1px dashed var(--color-border)}.recent-searches-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.recent-searches-title{font-size:13px;color:var(--color-text-muted);font-weight:500;display:flex;align-items:center;gap:6px}.recent-searches-title .history-icon{width:14px;height:14px}.recent-searches-clear{font-size:12px;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s ease}.recent-searches-clear:hover{background:var(--color-error-light);color:var(--color-error)}.recent-searches-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.recent-searches-list{display:flex;flex-wrap:wrap;gap:6px}.recent-search-btn{padding:5px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;font-size:13px;color:var(--color-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.recent-search-btn:hover{background:var(--color-primary);color:white;border-color:var(--color-primary)}.recent-search-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.error-message{background:var(--color-error-light);color:var(--color-error);padding:12px 16px;border-radius:var(--radius-lg);margin-bottom:16px;border-left:4px solid var(--color-error);display:flex;align-items:center;gap:8px}.error-message .error-icon{width:18px;height:18px;flex-shrink:0}.results-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm)}.results-header{font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.result-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;margin-bottom:16px;transition:border-color .2s ease,box-shadow .2s ease}.result-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.result-card.not-found{background:var(--color-error-light);border-color:var(--color-error-border)}.not-found-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px}.not-found-message .not-found-icon{width:40px;height:40px;color:var(--color-error);margin-bottom:10px}.not-found-message h3{color:var(--color-error);margin-bottom:6px;font-size:16px}.not-found-message p{color:var(--color-text-muted);margin:0}.did-you-mean{margin-top:16px;width:100%}.did-you-mean-label{color:var(--color-text-muted);font-size:13px;margin:0 0 8px}.did-you-mean-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.did-you-mean-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-bg-primary);cursor:pointer;font-size:14px;transition:background .15s ease,border-color .15s ease}.did-you-mean-chip:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.did-you-mean-chip .dym-word{color:var(--color-primary);font-weight:600}.did-you-mean-chip .dym-trans{color:var(--color-text-muted);font-size:12px}.result-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.result-header .word{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0}.result-header .phonetic{font-size:16px;color:var(--color-primary);font-family:Courier New,monospace;font-weight:500}.btn-add-vocab{margin-left:auto;padding:6px 14px;background:var(--color-primary-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-add-vocab:hover{background:var(--color-primary);color:white;border-color:var(--color-primary)}.btn-add-vocab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-add-vocab.added{background:var(--color-success);color:white;border-color:var(--color-success)}.btn-add-vocab .vocab-icon{width:14px;height:14px}.phonetics-container{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.phonetic-item{display:inline-flex;align-items:center;gap:6px}.audio-button{background:var(--color-primary);border:none;border-radius:50%;width:28px;height:28px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:white}.audio-button svg{width:14px;height:14px}.audio-button:hover{background:var(--color-primary-hover);transform:scale(1.1)}.audio-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.audio-button:active{transform:scale(.95)}.audio-button.playing{background:#E11D48;animation:pulse .8s infinite}.pos{color:var(--color-text-muted);margin-bottom:10px;font-size:14px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-xl);font-size:12px;font-weight:600}.badge-collins{background:var(--color-accent-bg);color:#b45309}.badge-oxford{background:#dbeafe;color:#1d4ed8}.badge-tag{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-cefr{font-weight:700}.badge-cefr-a1,.badge-cefr-a2{background:var(--color-success-light);color:var(--color-success-text)}.badge-cefr-b1,.badge-cefr-b2{background:var(--color-intermediate-bg);color:var(--color-intermediate)}.badge-cefr-c1,.badge-cefr-c2{background:var(--color-advanced-bg);color:var(--color-advanced)}.definition,.translation{margin-top:12px}.definition strong,.translation strong{color:var(--color-text-primary);font-size:14px;display:block;margin-bottom:6px}.definition-content,.translation-content{color:var(--color-text-secondary);line-height:1.8;padding-left:12px}.definition-content p,.translation-content p{margin:4px 0}.lemma-section{margin-top:8px;padding-top:8px;border-top:1px dashed var(--color-border)}.lemma-header{display:flex;align-items:center;gap:4px;margin-bottom:4px;font-size:14px;color:var(--color-text-muted)}.lemma-arrow{color:var(--color-text-light)}.lemma-link{color:var(--color-primary);font-weight:600;cursor:pointer;text-decoration:none}.lemma-link:hover{text-decoration:underline}.form-type-badge{display:inline-block;margin-left:6px;padding:2px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;font-size:12px;color:var(--color-text-muted);font-weight:500}.lemma-translation{margin-top:4px}.translation-content .pos-label{font-weight:600;color:var(--color-primary);margin-right:4px}.heteronym-alert{margin-bottom:14px;padding:14px;background:var(--color-accent-bg);border:1px solid var(--color-warning);border-radius:var(--radius-xl)}.heteronym-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#b45309;font-weight:600;font-size:14px}.heteronym-header .alert-icon{width:18px;height:18px}.heteronym-title{font-weight:700}.heteronym-subtitle{font-weight:400;opacity:.8}.heteronym-variants{display:flex;flex-direction:column;gap:10px}.heteronym-variant{padding:12px;background:var(--color-bg-primary);border-radius:var(--radius-lg);border-left:3px solid var(--color-warning);box-shadow:var(--shadow-xs)}.variant-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.variant-phonetic{font-family:Arial,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;color:var(--color-text-primary)}.variant-pos{font-size:12px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-sm)}.variant-tense{font-size:12px;color:var(--color-text-light);font-style:italic}.variant-meaning{margin-bottom:4px}.meaning-zh{font-size:14px;color:var(--color-text-secondary);font-weight:500}.variant-context{margin-top:4px}.context-example,.context-label{font-size:13px;color:var(--color-text-muted)}.context-example{font-style:italic}.heteronym-note{margin-top:10px;padding:8px 12px;background:var(--color-bg-primary);border-radius:var(--radius-lg);font-size:13px;color:#b45309;font-weight:500;border:1px dashed var(--color-warning);display:flex;align-items:center;gap:6px}.heteronym-note .note-icon{width:14px;height:14px;flex-shrink:0}.examples-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.examples-section>strong{display:block;font-size:14px;color:var(--color-text-primary);margin-bottom:10px}.examples-list{display:flex;flex-direction:column;gap:10px}.example-item{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:12px 14px;border:1px solid var(--color-border);border-left:3px solid var(--color-primary)}.example-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.example-pos{font-size:12px;font-weight:600;color:white;background:var(--color-primary);padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.example-meaning{font-size:13px;color:var(--color-text-muted);font-weight:500}.example-en{font-size:14px;color:var(--color-text-primary);line-height:1.5;margin-bottom:4px;font-weight:500}.example-zh{font-size:13px;color:var(--color-text-muted);line-height:1.5}.skeleton-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px;margin-bottom:16px;overflow:hidden}.skeleton-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.skeleton-word{height:28px;width:150px;border-radius:var(--radius-md)}.skeleton-phonetic,.skeleton-word{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-phonetic{height:18px;width:100px;border-radius:var(--radius-sm)}.skeleton-badges{display:flex;gap:6px;margin-bottom:12px}.skeleton-badge{height:22px;width:70px;border-radius:var(--radius-xl)}.skeleton-badge,.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{height:14px;width:100%;border-radius:var(--radius-sm);margin-bottom:6px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.empty-state{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:48px 24px;box-shadow:var(--shadow-sm)}.empty-icon{width:64px;height:64px;color:var(--color-text-light);margin:0 auto 16px}.empty-state h3{font-size:20px;color:var(--color-text-primary);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--color-text-muted);margin-bottom:24px}.example-searches{margin-top:24px}.example-searches p{font-size:13px;color:var(--color-text-light);margin-bottom:12px}.example-btn{padding:8px 16px;margin:0 6px;background:var(--color-bg-primary);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.example-btn:hover{background:var(--color-primary);color:white}.example-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:768px){.dictionary-page{padding:16px 12px}.dictionary-header h1{font-size:20px}.dictionary-header .header-icon{width:24px;height:24px}.results-section,.search-section{padding:16px}.search-input-container{flex-direction:column}.search-button{width:100%;justify-content:center}.result-header{flex-direction:column;align-items:flex-start;gap:8px}.result-header .word{font-size:24px}.result-header .phonetic{font-size:14px}.btn-add-vocab{margin-left:0;width:100%;justify-content:center}.example-btn{margin:4px;display:block;width:calc(100% - 8px)}.phonetics-container{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.badges{justify-content:flex-start}.recent-searches-list{justify-content:center}}.faq-page{min-height:100vh;background:var(--color-bg-secondary);padding:clamp(40px,6vw,72px) 20px clamp(64px,8vw,96px)}.faq-wrap{max-width:760px;margin:0 auto}.faq-hero{text-align:center;margin:0 0 clamp(32px,4vw,48px)}.faq-hero__title{font-size:clamp(24px,3.6vw,36px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.32;margin:0;text-wrap:balance}.faq-card{background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px);margin:0 0 clamp(16px,2vw,20px);box-shadow:var(--shadow-xs)}.faq-card__heading{position:relative;padding-left:14px;font-size:clamp(17px,1.8vw,19px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 18px}.faq-card__heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--color-primary);border-radius:2px}.faq-list{margin:0;padding:0}.faq-item{padding:16px 0;border-top:1px solid var(--color-border-light)}.faq-item:first-child{border-top:none;padding-top:4px}.faq-item:last-child{padding-bottom:4px}.faq-item__q{font-size:clamp(15px,1.5vw,16px);font-weight:600;line-height:1.5;color:var(--color-text-primary);margin:0 0 8px;text-wrap:balance}.faq-item__q:before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary);font-size:11px;font-weight:700;vertical-align:2px}.faq-item__a{font-size:clamp(14px,1.3vw,15px);line-height:1.75;margin:0;color:var(--color-text-secondary);padding-left:30px;position:relative}.faq-item__a:before{content:"A";position:absolute;left:0;top:1px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:11px;font-weight:700}.faq-contact{background:white;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-xl);padding:clamp(20px,2.6vw,28px);margin:0 0 clamp(16px,2vw,20px);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.faq-contact__body{font-size:clamp(15px,1.4vw,16px);line-height:1.7;color:var(--color-text-secondary);margin:0}.faq-contact__email{color:var(--color-primary);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.faq-contact__email:hover{border-bottom-color:var(--color-primary)}.faq-contact__form-link{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);font-size:14px;font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.faq-contact__form-link:hover{background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary)}.faq-credit{font-size:13px;color:var(--color-text-muted);text-align:center;margin-top:clamp(24px,3vw,32px);padding-top:20px;border-top:1px solid var(--color-border)}@media (min-width:640px){.faq-contact{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.faq-contact__body{flex:1 1}.faq-contact__form-link{flex-shrink:0}}@media (max-width:480px){.faq-item__a{padding-left:0}.faq-item__a:before{position:static;display:inline-flex;margin-right:8px;vertical-align:2px}}@media (prefers-reduced-motion:reduce){.faq-contact__email,.faq-contact__form-link{transition:none}}.flashcard-page{min-height:calc(100dvh - 120px);height:calc(100dvh - 120px - var(--keyboard-h, 0px));background:#f5f7fa;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;transition:height .15s ease-out}.flashcard-error,.flashcard-loading{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#666;font-size:18px}.error-actions{display:flex;gap:12px}.btn-retry{background:#667eea;color:white;border:none}.btn-retry:hover{background:#5568d3}.btn-back{background:white;color:#666;border:1px solid #ddd}.btn-back:hover{background:#f5f5f5}.flashcard-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.flashcard-header.two-stage-header{gap:16px}.flashcard-progress-section{flex:1 1;display:flex;align-items:center;gap:12px;max-width:400px}.flashcard-progress-bar{flex:1 1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.flashcard-progress-fill{height:100%;background:#667eea;border-radius:4px;transition:width .3s ease-out;position:absolute;top:0;left:0}.flashcard-progress-text{font-size:14px;font-weight:600;color:#333;white-space:nowrap}.btn-close{width:36px;height:36px;border:1px solid #e2e8f0;background:transparent;color:#94a3b8;transition:all .15s ease-out}.btn-close:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.progress-info{background:white;padding:8px 20px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.progress-text{font-size:16px;font-weight:600;color:#333}.keyboard-hint{display:flex;gap:16px;font-size:12px;color:#999}.keyboard-hint span{background:#f0f0f0;padding:4px 8px;border-radius:4px}.stage-indicator{display:flex;gap:8px;background:white;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stage-indicator,.stage-item{flex-direction:row;align-items:center;flex-shrink:0}.stage-item{display:inline-flex;gap:6px;padding:8px 14px;border-radius:16px;font-size:14px;font-weight:500;color:#999;background:#f5f5f5;transition:all .2s ease-out;white-space:nowrap}.flashcard-practice-page .stage-item span,.stage-item svg{flex-shrink:0}.flashcard-practice-page .stage-item.active{color:white;background:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.3)}.flashcard-practice-page .stage-item.completed{color:white;background:#28a745}.flashcard-practice-page .stage-connector{color:#ccc;display:flex;align-items:center}.progress-bar{height:4px;background:#e0e0e0;border-radius:2px;margin:0 20px 24px}.progress-bar>.progress-fill{height:100%;background:#667eea;border-radius:2px;transition:width .3s ease-out}.flashcard-container{flex:1 1;flex-direction:row;gap:24px;perspective:1000px;padding:20px}.flashcard-container,.side-btn{display:flex;justify-content:center;align-items:center}.side-btn{flex-direction:column;gap:8px;width:80px;height:100px;border-radius:16px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease-out;flex-shrink:0}.side-btn.btn-dont-know{background:linear-gradient(145deg,#ff6b6b,#ee5a5a);color:white;box-shadow:0 4px 15px rgba(238,90,90,.3)}.side-btn.btn-dont-know:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(238,90,90,.4)}.side-btn.btn-know{background:linear-gradient(145deg,#51cf66,#40c057);color:white;box-shadow:0 4px 15px rgba(64,192,87,.3)}.side-btn.btn-know:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(64,192,87,.4)}.side-btn:active{transform:scale(.95)}.side-btn-placeholder{width:80px;height:100px;flex-shrink:0}.flashcard{width:100%;max-width:520px;height:380px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;background:white;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px;text-align:center}.flashcard-front{background:linear-gradient(145deg,#ffffff,#f8f9fa)}.flashcard-back{transform:rotateY(180deg);background:#2d3748;color:#ffffff}.card-content{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.flashcard-front .word{font-size:52px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.5px}.flashcard-front .pronunciation{font-size:22px;color:#5558d6;font-weight:500;margin:0}.flashcard-back .word-small{font-size:32px;font-weight:700;margin:0 0 20px;color:#ffffff}.flashcard-back .definition{font-size:24px;line-height:1.8;font-weight:500;color:#fff!important}.flashcard-back .definition *{color:#fff!important}.flashcard-back .definition-line{margin:12px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.flashcard-back .pos{display:inline-block;background:#4a5568;color:#fff!important;padding:6px 14px;border-radius:8px;font-size:15px;font-weight:600;flex-shrink:0}.flashcard-back .notes{margin-top:16px;font-size:16px;color:rgba(255,255,255,.95);font-style:italic}.speaking-action-row{display:flex;flex-direction:column;align-items:center;gap:6px}.speaking-action-row .kbd-hint{margin-left:0}.speaking-action-row .audio-btn{margin-top:0}.sentence-chunk-sep{color:var(--color-text-tertiary,#94a3b8);font-weight:400;margin:0 2px}.speaking-cta-row{display:flex;gap:12px;width:100%;margin-top:8px;justify-content:center}.speaking-cta-btn{flex:1 1;max-width:220px;padding:12px 20px;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.speaking-cta-btn:active{transform:translateY(1px)}.speaking-cta-btn--retry{background:white;color:var(--color-primary,#667eea);border:2px solid var(--color-primary,#667eea)}.speaking-cta-btn--retry:hover{background:rgba(102,126,234,.08)}.speaking-cta-btn--next{background:var(--color-primary,#667eea);color:white;border:2px solid var(--color-primary,#667eea)}.speaking-cta-btn--next:hover{background:#5a6fd0;border-color:#5a6fd0}.speaking-cta-kbd{font-family:inherit;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.2);color:rgba(255,255,255,.9)}.record-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:24px;border:2px solid #667eea;background:white;color:#667eea;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.record-toggle-btn:hover{background:#f0f3ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.record-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.recording-actions{width:100%}.recording-actions,.stage-loading{flex-direction:column;align-items:center}.stage-loading{display:flex;justify-content:center;gap:16px;padding:40px 20px;color:var(--color-text-muted,#64748b);font-size:.88rem}.stage-loading-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.action-buttons{gap:12px}.action-btn{padding:10px 18px;border-radius:8px;font-size:14px}.action-btn.retry{background:#f5f5f5;color:#666}.action-btn.retry:hover{background:#e8e8e8}.action-btn.check{background:#667eea;color:white}.action-btn.check:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.pronunciation-result{display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px;animation:fadeIn .3s ease-out}.pronunciation-result .feedback-text{flex:1 1;white-space:pre-line;line-height:1.5}.pronunciation-result svg{flex-shrink:0}.pronunciation-result .retry-btn{margin-left:auto;transition:all .2s ease-out}.pronunciation-result .bonus-badge{background:#ffc107;color:#333;padding:4px 10px;border-radius:12px;font-size:14px;font-weight:700}.pronunciation-result .next-btn{margin-left:auto;padding:8px 16px;border-radius:8px;border:none;background:#28a745;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.pronunciation-result .next-btn:hover{background:#218838;transform:translateY(-1px)}.flip-hint{font-size:13px;color:#999;margin:0;position:absolute;bottom:20px}.flashcard-back .flip-hint{color:rgba(255,255,255,.7)}.session-complete h2{margin:0 0 32px}.session-stats{display:flex;gap:20px;margin-bottom:40px}.stat-card{border-radius:16px;padding:24px 32px;box-shadow:0 4px 16px rgba(0,0,0,.08);min-width:100px}.stat-number{font-size:36px;font-weight:700}.stat-label{font-size:14px;color:#666}.stat-correct .stat-number{color:#28a745}.stat-incorrect .stat-number{color:#dc3545}.stat-accuracy .stat-number{color:#667eea}.btn-outline,.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-secondary{background:#fff0f0;color:#dc3545;border:2px solid #dc3545}.btn-secondary:hover{background:#dc3545;color:white}@media (max-width:768px){.flashcard-header{padding:0 12px}.keyboard-hint{display:none}.flashcard{height:280px}.flashcard-front .word{font-size:36px}.flashcard-back .definition{font-size:18px}.flashcard-container{gap:12px;padding:10px}.side-btn{width:60px;height:80px;font-size:12px}.side-btn svg{width:22px;height:22px}.side-btn-placeholder{width:60px;height:80px}.session-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px}.stat-card{padding:16px 24px;min-width:80px}.stat-number{font-size:28px}}@media (prefers-reduced-motion:reduce){.flashcard{transition:none}.flashcard.flipped{transform:none}.flashcard.flipped .flashcard-front{display:none}.flashcard.flipped .flashcard-back{transform:none}.audio-btn.playing,.loading-spinner{animation:none}}.flashcard-container.two-stage-mode{flex:1 1;display:flex;justify-content:center;align-items:safe center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.flashcard-card{position:relative;width:100%;max-width:480px;background:white;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.flashcard-card:has(.sentence-dictation-stage){max-width:760px}.sentence-dictation-stage .word-inputs-container{max-width:680px;margin-left:auto;margin-right:auto;justify-content:center}.sentence-dictation-stage .dictation-audio-btn{margin-top:4px}@media (max-width:768px){.flashcard-card:has(.sentence-dictation-stage){max-width:100%}.sentence-dictation-stage .word-inputs-container{max-width:100%}}.stage-content{justify-content:flex-start;padding:32px 32px 24px;gap:16px}.stage-label{display:flex;align-items:center;gap:8px;padding:8px 16px;color:white;border-radius:20px;font-size:14px;font-weight:600}.speaking-stage .stage-label,.stage-label{background:#667eea}.dictation-stage .stage-label{background:#d97706}.meaning-stage .stage-label{background:#7c3aed}.fill-blank-stage .stage-label{background:#0891b2}.stage-hint{color:#999;margin-top:auto}.dictation-correct-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;animation:fadeIn .3s ease-out}.dictation-correct-word{font-size:40px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.5px}.dictation-correct-pron{font-size:18px;color:#5558d6;font-weight:500;margin:0}.dictation-correct-card .audio-btn{width:36px;height:36px;margin-top:4px}.dictation-correct-def{font-size:16px;line-height:1.6;color:#475569;margin:8px 0 0;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #eef0f4;text-align:left;width:100%}.dictation-correct-notes{font-size:14px;color:#64748b;font-style:italic;margin:4px 0 0;padding:8px 16px;background:#fefce8;border-radius:8px;border:1px solid #fef08a;text-align:left;width:100%}.dictation-correct-card .dictation-submit-btn{margin-top:12px}.dictation-input.incorrect{border-color:#dc3545;background:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.letter-boxes-container.shake{animation:shake .3s ease-out}.dictation-feedback{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;animation:fadeIn .3s ease-out}.dictation-feedback.incorrect{background:#f8d7da;color:#721c24}.letter-boxes-container{gap:8px}.letter-box-spacer{width:12px;flex-shrink:0}.letter-box.input::placeholder{color:#ccc}@media (max-width:768px){.stage-indicator{padding:6px 12px;gap:6px}.stage-item{padding:4px 10px;font-size:12px}.flashcard-card{border-radius:20px}.stage-content{padding:24px;gap:12px}.speaking-stage .word{font-size:36px}.dictation-audio-btn{width:80px;height:80px}.dictation-audio-btn svg{width:36px;height:36px}.dictation-input{font-size:18px;padding:12px 16px}.letter-boxes-container{gap:6px}.letter-box{width:36px;height:44px;font-size:20px}.letter-box-actions{flex-wrap:wrap;justify-content:center}}.kbd-hint{display:inline-block;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;font-family:inherit;color:rgba(255,255,255,.7);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:4px;line-height:1.4;vertical-align:middle}.kbd-hint.kbd-hint-muted{color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}@media (hover:none) and (pointer:coarse){.kbd-hint{display:none}}@media (max-width:768px){.kbd-hint{display:none}}.meaning-stage{text-align:center}.meaning-question{font-size:15px;color:#666;margin-bottom:8px}.meaning-options{display:flex;flex-direction:column;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid #eef0f4;max-width:400px;width:100%;margin-left:auto;margin-right:auto}.meaning-option-btn{gap:12px;padding:14px 20px;border-radius:12px;border:2px solid transparent;background:white;font-size:15px;color:#333;cursor:pointer;text-align:left;line-height:1.4}.meaning-option-btn,.option-number{display:flex;align-items:center;transition:all .2s ease-out}.option-number{justify-content:center;width:26px;height:26px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:13px;font-weight:700;flex-shrink:0}.meaning-option-btn .option-text{flex:1 1}.meaning-option-btn:hover:not(:disabled) .option-number{background:#667eea;color:white}.meaning-option-btn.correct .option-number{background:#28a745;color:white}.meaning-option-btn.incorrect .option-number{background:#dc3545;color:white}.meaning-option-btn:hover:not(:disabled){background:rgba(102,126,234,.04)}.meaning-option-btn.correct{border-color:#28a745;background:rgba(40,167,69,.08);color:#28a745}.meaning-option-btn.incorrect{border-color:#dc3545;background:rgba(220,53,69,.08);color:#dc3545}.meaning-option-btn:disabled{cursor:default;opacity:.8}.meaning-feedback{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:12px 16px;border-radius:12px;font-weight:600}.meaning-feedback.correct{background:rgba(40,167,69,.08);color:#28a745}.meaning-feedback.incorrect{background:rgba(220,53,69,.08);color:#dc3545}.meaning-feedback .next-btn{padding:8px 20px;border-radius:8px;border:none;background:#667eea;color:white;font-weight:600;cursor:pointer;font-size:14px}.fill-blank-stage{text-align:center}.fill-blank-chunk-hint{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;padding:8px 16px;background:rgba(102,126,234,.06);border-radius:20px;margin-bottom:24px}.chunk-label{font-size:12px;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.chunk-term{font-size:14px;font-weight:700;color:#1e293b}.chunk-translation{font-size:13px;color:#64748b;font-weight:400}.fb-sentence-display{font-size:17px;line-height:2;color:#333;margin-bottom:12px;padding:12px 16px;text-align:left;background:#fafbfc;border-radius:10px;border:1px solid #eef0f4}.fb-blank-slot{display:inline-block;min-width:36px;border-bottom:2px solid #cbd5e1;color:transparent;margin:0 2px;padding:0 4px;text-align:center;box-sizing:content-box;vertical-align:baseline;line-height:inherit;transition:color .25s ease-out,border-color .25s ease-out}.fb-blank-slot.completed{color:#38b577;font-weight:600;border-bottom-color:#38b577}.fb-blank-slot.active{border-bottom-color:#667eea;color:#667eea;font-weight:500}.fb-blank-slot.pending{color:transparent}.fb-chunk-highlight{background:linear-gradient(0deg,rgba(102,126,234,.18) 40%,transparent 0);color:var(--color-primary,#667eea);font-weight:700;padding:0 2px;border-radius:2px}.fb-blank-progress{display:flex;justify-content:center;gap:6px;margin-bottom:16px}.fb-progress-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .2s ease-out}.fb-progress-dot.done{background:#38b577}.fb-progress-dot.current{background:#667eea;transform:scale(1.3)}.fb-letterbox-area{margin-bottom:16px}.fb-letterbox-area .letter-boxes-container{justify-content:center}.fb-boxes-lg .letter-box{width:44px;height:52px;font-size:24px}.fb-boxes-md .letter-box{width:36px;height:44px;font-size:20px}.fb-boxes-sm .letter-box{width:30px;height:38px;font-size:17px}.fb-answer-reveal{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:rgba(102,126,234,.06);border-radius:8px;margin-bottom:12px}.fb-answer-label{font-size:13px;color:#667eea;font-weight:600}.fb-answer-word{font-size:15px;color:#4c63d2;font-weight:700;letter-spacing:.5px}.fill-blank-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.success-burst-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;animation:success-overlay-fade 1.4s ease-out forwards}.success-burst-circle{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(56,181,119,.15) 0,transparent 70%);animation:burst-expand .6s cubic-bezier(.22,1,.36,1) forwards}.success-burst-check{width:52px;height:52px;color:#38b577;animation:check-appear .35s cubic-bezier(.34,1.56,.64,1) .1s both}.success-burst-check circle{stroke-dasharray:166;stroke-dashoffset:166;animation:circle-draw .5s ease-out .15s forwards}.success-burst-check path{stroke-dasharray:48;stroke-dashoffset:48;animation:check-draw .3s ease-out .45s forwards}@keyframes success-overlay-fade{0%,65%{opacity:1}to{opacity:0}}@keyframes burst-expand{0%{transform:scale(0);opacity:.8}to{transform:scale(3);opacity:0}}@keyframes check-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes circle-draw{to{stroke-dashoffset:0}}@keyframes check-draw{to{stroke-dashoffset:0}}.fill-blank-unavailable{text-align:center;color:#999;padding:24px}.fill-blank-unavailable .next-btn{margin-top:16px;padding:10px 24px;border-radius:8px;border:none;background:#667eea;color:white;font-weight:600;cursor:pointer}@media (max-width:480px){.fb-sentence-display{font-size:15px;padding:10px 12px}.fb-boxes-lg .letter-box{width:36px;height:44px;font-size:20px}.fb-boxes-md .letter-box{width:30px;height:38px;font-size:17px}.fb-boxes-sm .letter-box{width:26px;height:32px;font-size:15px}.meaning-option-btn{padding:12px 16px;font-size:14px}}.today-learning-section{max-width:900px;margin:0 auto;padding:8px 24px 24px}.today-learning-card{background:white;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.today-learning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.today-learning-header h2{font-size:1.05rem;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0}.today-learning-link{font-size:.8rem;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none}.today-learning-link:hover{text-decoration:underline}.today-block-title{font-size:.82rem;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 10px;display:flex;align-items:center;gap:8px}.today-block-meta{font-size:.75rem;font-weight:500;color:var(--color-text-muted,#64748b)}.today-review-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--color-border,#e2e8f0)}.today-review-done{border-bottom:none;margin-bottom:8px;padding-bottom:8px}.today-review-done p{font-size:.85rem;color:var(--color-text-muted,#64748b);margin:0}.today-review-groups{display:flex;flex-direction:column;gap:8px}.today-review-group{display:flex;align-items:baseline;gap:10px}.today-review-type{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.today-review-type--vocab{background:#eff6ff;color:#2563eb}.today-review-type--kp{background:#f0fdf4;color:#16a34a}.today-review-type--pattern{background:#faf5ff;color:#9333ea}.today-review-items{font-size:.8rem;color:var(--color-text-secondary,#475569);line-height:1.4}.today-fading-hint{font-size:.75rem;color:#dc2626;margin-top:8px;padding-left:2px}.today-newlearn-block{margin-bottom:16px}.today-newlearn-reason{font-size:.82rem;color:var(--color-text-secondary,#475569);line-height:1.5;margin:0 0 6px}.today-newlearn-link{font-size:.8rem;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none}.today-newlearn-link:hover{text-decoration:underline}.today-learning-cta{display:block;text-align:center;padding:10px 0;background:var(--color-primary,#667eea);color:white;border-radius:8px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s ease}.today-learning-cta:hover{background:var(--color-primary-dark,#5a6fd6)}@media (max-width:640px){.today-review-group{flex-direction:column;gap:2px}}.home-page{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{box-shadow:0 4px 14px rgba(102,126,234,.25)}.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.35)}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:white}.home-page .section-header{text-align:center;margin-bottom:var(--space-12)}.home-page .section-header h2{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:var(--space-3)}.home-page .section-header p{font-size:18px;color:#475569;max-width:600px;margin:0 auto}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:var(--space-16) var(--space-12);max-width:1200px;margin:0 auto;gap:var(--space-12)}.hero-content{flex:1 1;max-width:560px}.hero-title{font-size:48px;font-weight:800;color:#1e293b;line-height:1.2;margin-bottom:var(--space-5)}.hero-subtitle{font-size:20px;color:#475569;line-height:1.7;margin-bottom:var(--space-8)}.hero-subtitle .desktop-separator,.hero-subtitle .subtitle-line{display:inline}.hero-actions{display:flex;gap:var(--space-4)}.hero-visual{flex:1 1;display:flex;justify-content:center;align-items:center}.placement-prompt-section{max-width:900px;margin:0 auto var(--space-6);padding:0 var(--space-4)}.placement-prompt-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #d0daf0;border-radius:12px;padding:var(--space-4) var(--space-5);margin-top:var(--space-6)}.placement-prompt-content h3{font-size:18px;font-weight:600;color:var(--text-primary,#1a1a2e);margin:0 0 4px}.placement-prompt-content p{font-size:14px;color:var(--text-secondary,#555);margin:0;line-height:1.5}.placement-prompt-cta{white-space:nowrap;flex-shrink:0}.modes-section{padding:var(--space-16) var(--space-12);background:#f1f5f9}.modes-section .modes-grid,.modes-section .section-header{max-width:1200px;margin-left:auto;margin-right:auto}.modes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.mode-card{background:white;border-radius:16px;padding:28px var(--space-5);box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .2s ease;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.mode-comprehension:before{background:#22c55e}.mode-vocabulary:before{background:#3b82f6}.mode-dictation:before{background:#f59e0b}.mode-shadowing:before{background:#ec4899}.mode-quiz:before{background:#8b5cf6}.mode-conversation:before{background:#06b6d4}.mode-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.mode-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.mode-dictation .mode-icon-wrap{background:rgba(245,158,11,.1);color:#f59e0b}.mode-shadowing .mode-icon-wrap{background:rgba(236,72,153,.1);color:#ec4899}.mode-comprehension .mode-icon-wrap{background:rgba(34,197,94,.1);color:#22c55e}.mode-vocabulary .mode-icon-wrap{background:rgba(59,130,246,.1);color:#3b82f6}.mode-quiz .mode-icon-wrap{background:rgba(139,92,246,.1);color:#8b5cf6}.mode-conversation .mode-icon-wrap{background:rgba(6,182,212,.1);color:#06b6d4}.mode-card h3{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:10px}.mode-card p{font-size:15px;color:#475569;line-height:1.7}.popular-courses-section{padding:var(--space-16) var(--space-12)}.popular-courses-inner,.popular-courses-section{max-width:1200px;margin:0 auto}.popular-courses-header{text-align:center;margin-bottom:var(--space-12)}.popular-courses-header h2{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:var(--space-3)}.popular-courses-header p{font-size:18px;color:#475569}.popular-courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.popular-course-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);cursor:pointer;transition:all .2s ease}.popular-course-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.popular-course-thumb{position:relative;aspect-ratio:16/9;background:#e2e8f0;overflow:hidden}.popular-course-thumb img{width:100%;height:100%;object-fit:cover}.popular-course-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.popular-course-level{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700;background:rgba(30,41,59,.8);color:white}.popular-course-info{padding:14px 16px}.popular-course-title{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-course-creator{font-size:13px;color:#64748b;display:block;margin-bottom:8px}.popular-course-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b}.popular-course-rating{display:inline-flex;align-items:center;gap:3px}.popular-courses-footer{text-align:center}.how-it-works-section{padding:var(--space-16) var(--space-12);background:#f1f5f9}.how-it-works-section .section-header,.how-it-works-section .steps-grid{max-width:1200px;margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.step-card{background:white;border-radius:16px;padding:36px var(--space-8);box-shadow:0 4px 20px rgba(0,0,0,.06);text-align:center}.step-number{width:48px;height:48px;border-radius:50%;background:#667eea;color:white;font-size:20px;font-weight:700}.step-icon,.step-number{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.step-icon{width:64px;height:64px;background:rgba(102,126,234,.08);border-radius:16px;color:#667eea}.step-card h3{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:var(--space-3)}.step-card p{font-size:16px;color:#475569;line-height:1.7}.trial-cta-section{padding:var(--space-16) var(--space-12)}.trial-cta-inner{max-width:720px;margin:0 auto;text-align:center;background:linear-gradient(135deg,#667eea,#5a67d8);border-radius:20px;padding:48px 40px;color:white}.trial-cta-inner h2{font-size:28px;font-weight:700;margin-bottom:var(--space-3)}.trial-cta-subtitle{font-size:17px;opacity:.9;margin-bottom:var(--space-8)}.trial-cta-features{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-bottom:var(--space-8)}.trial-cta-feature{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500}.trial-cta-feature svg{flex-shrink:0}.trial-cta-actions .btn-primary{background:white;color:#667eea;box-shadow:0 4px 14px rgba(0,0,0,.15)}.trial-cta-actions .btn-primary:hover{box-shadow:0 6px 20px rgba(0,0,0,.25)}.cta-section{text-align:center;padding:var(--space-16) var(--space-12);background:#1e293b;color:white}.cta-section h2{font-size:36px;font-weight:700;margin-bottom:var(--space-4)}.cta-section p{font-size:18px;color:rgba(255,255,255,.95);margin-bottom:var(--space-8)}.cta-actions{display:flex;justify-content:center;gap:var(--space-4)}.cta-section .btn-outline{background:transparent;color:white;border:2px solid rgba(255,255,255,.5)}.cta-section .btn-outline:hover{background:white;color:#1e293b;border-color:white}@media (max-width:1200px){.hero-section{padding:var(--space-12) var(--space-10)}.hero-title{font-size:40px}.popular-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero-section{flex-direction:column;text-align:center;padding:var(--space-12) var(--space-6)}.hero-content{max-width:100%}.hero-actions{justify-content:center}.cta-section,.how-it-works-section,.modes-section,.popular-courses-section,.trial-cta-section{padding:var(--space-12) var(--space-6)}.modes-grid{grid-template-columns:repeat(2,1fr)}.mode-dictation{order:1}.mode-shadowing{order:2}.mode-comprehension{order:3}.mode-quiz{order:4}.mode-vocabulary{order:5}.mode-conversation{order:6}.steps-grid{grid-template-columns:1fr}.popular-courses-grid{grid-template-columns:repeat(2,1fr)}.trial-cta-inner{padding:36px 24px}}@media (max-width:600px){.hero-title{font-size:32px}.hero-actions{flex-direction:column}.modes-grid{grid-template-columns:repeat(2,1fr)}.modes-grid .mode-card:last-child:nth-child(odd){grid-column:1/-1;max-width:280px;margin:0 auto}.hero-subtitle .subtitle-line{display:block}.hero-subtitle .desktop-separator{display:none}.placement-prompt-card{flex-direction:column;text-align:center;gap:var(--space-3);padding:var(--space-4)}.popular-courses-grid{grid-template-columns:1fr}.cta-actions,.trial-cta-features{flex-direction:column}.trial-cta-features{align-items:center}.trial-cta-inner h2{font-size:24px}}@media (max-width:400px){.hero-section{padding:var(--space-8) var(--space-4);gap:var(--space-8)}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.cta-section,.how-it-works-section,.modes-section,.popular-courses-section,.trial-cta-section{padding:var(--space-12) var(--space-4)}.home-page .section-header{margin-bottom:var(--space-8)}.home-page .section-header h2{font-size:24px}.home-page .section-header p{font-size:15px}.step-card{padding:var(--space-6) var(--space-5)}.cta-section h2{font-size:28px}}.kg-page{max-width:960px;margin:0 auto;padding:32px 20px 60px}.kg-page__header{margin-bottom:28px}.kg-page__title{font-size:24px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 6px}.kg-page__subtitle{font-size:14px;margin:0}.kg-page__loading,.kg-page__subtitle{color:var(--color-text-secondary,#64748b)}.kg-page__loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:15px}.kg-page__error{text-align:center;padding:60px 20px;color:var(--color-text-secondary,#64748b)}.kg-page__retry-btn{margin-top:12px;padding:8px 24px;border-radius:8px;border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);color:var(--color-primary,#667eea);font-weight:500;cursor:pointer;transition:background .15s}.kg-page__retry-btn:hover{background:var(--color-bg-subtle,#f1f5f9)}.kg-page__empty{text-align:center;padding:60px 20px}.kg-page__empty-icon{margin-bottom:16px}.kg-page__empty h2{font-size:18px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 8px}.kg-page__empty p{font-size:14px;color:var(--color-text-secondary,#64748b);max-width:400px;margin:0 auto 20px}.kg-page__init-btn{padding:10px 28px;border-radius:8px;border:none;background:var(--color-primary,#667eea);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.kg-page__init-btn:hover{opacity:.9}.kg-page__init-btn:disabled{opacity:.5;cursor:not-allowed}.kg-page__content{display:flex;flex-direction:column;gap:20px}.kg-page__overview-card{background:var(--color-surface,#fff);border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.kg-page__radar-wrap{display:flex;justify-content:center}.kg-page__disclaimer{margin:12px 0 0;padding:8px 12px;font-size:12px;line-height:1.5;color:var(--color-text-tertiary,#94a3b8);background:var(--color-bg-subtle,#f1f5f9);border-radius:8px}.kg-page__section-title{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 8px;align-self:flex-start}.kg-page__guides{margin-top:4px}.kg-page__section-desc{font-size:13px;color:var(--color-text-secondary,#64748b);margin:0 0 12px}.kg-page__guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kg-guide-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border-radius:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff)}.kg-guide-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.kg-guide-card svg{flex-shrink:0}.kg-guide-card--phonics{border-left:3px solid #667eea}.kg-guide-card--phonics svg{color:#667eea}.kg-guide-card--morphology{border-left:3px solid #10b981}.kg-guide-card--morphology svg{color:#10b981}.kg-guide-card--prosody{border-left:3px solid #7c3aed}.kg-guide-card--prosody svg{color:#7c3aed}.kg-guide-card--sightWords{border-left:3px solid #f59e0b}.kg-guide-card--sightWords svg{color:#f59e0b}.kg-guide-card__title{font-size:14px;font-weight:600;color:var(--color-text-primary,#1e293b)}.kg-guide-card__desc{font-size:12px;line-height:1.5;color:var(--color-text-secondary,#64748b)}@media (max-width:500px){.kg-page__guides-grid{grid-template-columns:1fr}}.kg-page__details{margin-top:4px}.kg-page__details-grid{display:flex;flex-direction:column;gap:16px;margin-top:12px}.kg-page__placement-hint{text-align:center;padding:32px 20px;background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.kg-page__placement-hint p{font-size:14px;line-height:1.6;color:var(--color-text-secondary,#64748b);margin:0}.comprehension-page{display:flex;flex-direction:column;height:100%;background:#f8f9fa}.comprehension-loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:16px;color:#666}.comprehension-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:white;border-bottom:1px solid #e0e0e0;flex-shrink:0;gap:16px;flex-wrap:wrap}.comprehension-header__title{font-size:18px;font-weight:600;color:#333;margin:0}.comprehension-header__nav{display:flex;align-items:center;gap:8px}.sentence-nav-current{color:#4f46e5}.sentence-nav-separator{color:#9ca3af}.sentence-nav-total{color:#333}.sentence-nav-progress{font-size:12px;font-weight:500;color:#22c55e;margin-left:4px}.comprehension-content{flex:1 1;overflow-y:auto;padding:16px}.comprehension-primary{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.comprehension-secondary{margin-top:16px;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width:1024px){.comprehension-content--two-col{display:grid;grid-template-columns:1fr 380px;gap:24px;max-width:1400px;margin:0 auto}.comprehension-content--two-col .comprehension-primary{max-width:none}.comprehension-content--two-col .comprehension-secondary{margin-top:0;width:380px;min-width:380px;max-width:380px;position:sticky;top:16px;align-self:start;max-height:calc(100vh - 180px);overflow-y:auto}}@media (min-width:1440px){.comprehension-content--two-col{grid-template-columns:1fr 420px}.comprehension-content--two-col .comprehension-secondary{width:420px;min-width:420px;max-width:420px}}.sentence-card{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e8e8e8}.comprehension-phase--understanding .sentence-card{position:sticky;top:0;z-index:2;background:white}@media (max-width:1023px){.comprehension-page--immersive .comprehension-header,.comprehension-page--immersive .comprehension-phase__actions,.comprehension-page--immersive .comprehension-phase__header,.comprehension-page--immersive .comprehension-secondary,.comprehension-page--immersive .graph-modal-trigger{display:none}.comprehension-content{display:flex;flex-direction:column;padding-bottom:calc(16px + 70px + env(safe-area-inset-bottom, 0px))}.comprehension-primary{flex:1 1;min-height:0;width:100%}.comprehension-phase--understanding{flex:1 1;display:flex;flex-direction:column}.comprehension-phase--understanding .comprehension-translation{flex:1 1 auto;display:flex;flex-direction:column;min-height:120px}.comprehension-phase--understanding .comprehension-translation__input{flex:1 1;min-height:120px;resize:none}}@media (max-width:1023px){.comprehension-content:has(.comprehension-phase--complete),.comprehension-content:has(.comprehension-phase--evaluation){display:block}}.sentence-card__text{font-size:20px;line-height:1.7;color:#1a1a1a;margin-bottom:12px;font-weight:500}.sentence-card__translation{font-size:15px;color:#666;margin-bottom:16px;padding-top:12px;border-top:1px solid #eee;line-height:1.6}.graph-modal-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:15px;color:#495057}.graph-modal-trigger:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.15)}.graph-modal-trigger__icon{font-size:20px}.graph-modal-trigger__text{flex:1 1;text-align:left;font-weight:500}.graph-modal-trigger__arrow{font-size:18px;opacity:.6;transition:transform .2s}.graph-modal-trigger:hover .graph-modal-trigger__arrow{transform:translateX(4px);opacity:1}.graph-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.graph-modal{background:white;border-radius:16px;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}.graph-modal__header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#f8f9fa;border-bottom:1px solid #e8e8e8}.graph-modal__title{margin:0;font-size:18px;font-weight:600;color:#333}.graph-modal__zoom{display:flex;align-items:center;gap:8px;margin-left:auto}.graph-modal__zoom-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid #ddd;border-radius:6px;font-size:18px;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.graph-modal__zoom-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:white}.graph-modal__zoom-btn:disabled{opacity:.4;cursor:not-allowed}.graph-modal__zoom-label{min-width:50px;text-align:center;font-size:13px;font-weight:500;color:#666}.graph-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;font-size:18px;color:#666;cursor:pointer;transition:all .2s}.graph-modal__close:hover{background:#e9ecef;color:#333}.graph-modal__sentence{padding:16px 24px;font-size:18px;line-height:1.6;color:#333;background:#fffbeb;border-bottom:1px solid #fcd34d;font-weight:500}.graph-modal__content{flex:1 1;padding:24px;overflow:auto;min-height:400px}.graph-modal__graph-wrapper{transition:transform .2s ease}@media (max-width:767px){.graph-modal-overlay{padding:10px}.graph-modal{max-height:95vh;border-radius:12px}.graph-modal__header{padding:12px 16px}.graph-modal__sentence{padding:12px 16px;font-size:16px}.graph-modal__content{padding:16px;min-height:300px}}.sentence-card__player{margin-top:8px}.sentence-card__grammar-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:12px;border-top:1px dashed #e0e0e0}.grammar-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;font-size:12px;color:#666;cursor:help;transition:all .2s ease}.grammar-tag:hover{background:#eee;border-color:#ccc}.grammar-tag__level{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:16px;padding:0 4px;background:#9ca3af;color:white;font-size:9px;font-weight:700;border-radius:8px;line-height:1}.grammar-tag__name{font-weight:500}.grammar-tag--cefr-A1{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}.grammar-tag--cefr-A1 .grammar-tag__level{background:#22c55e}.grammar-tag--cefr-A1:hover{background:rgba(34,197,94,.15)}.grammar-tag--cefr-A2{background:rgba(132,204,22,.1);border-color:rgba(132,204,22,.3)}.grammar-tag--cefr-A2 .grammar-tag__level{background:#84cc16}.grammar-tag--cefr-A2:hover{background:rgba(132,204,22,.15)}.grammar-tag--cefr-B1{background:rgba(234,179,8,.1);border-color:rgba(234,179,8,.3)}.grammar-tag--cefr-B1 .grammar-tag__level{background:#eab308}.grammar-tag--cefr-B1:hover{background:rgba(234,179,8,.15)}.grammar-tag--cefr-B2{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.3)}.grammar-tag--cefr-B2 .grammar-tag__level{background:#f97316}.grammar-tag--cefr-B2:hover{background:rgba(249,115,22,.15)}.grammar-tag--cefr-C1{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.grammar-tag--cefr-C1 .grammar-tag__level{background:#ef4444}.grammar-tag--cefr-C1:hover{background:rgba(239,68,68,.15)}.grammar-tag--cefr-C2{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3)}.grammar-tag--cefr-C2 .grammar-tag__level{background:#dc2626}.grammar-tag--cefr-C2:hover{background:rgba(220,38,38,.15)}@media (max-width:640px){.sentence-card__grammar-tags{gap:6px;margin-top:12px;padding-top:10px}.grammar-tag{padding:3px 8px;font-size:11px}.grammar-tag__level{min-width:18px;height:14px;font-size:8px}}.analysis-card{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e8e8e8;overflow:hidden}.analysis-card__header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#f8f9fa,#f0f0f0);border-bottom:1px solid #e8e8e8}.analysis-card__icon{font-size:18px}.analysis-card__title{font-size:15px;font-weight:600;color:#333}.analysis-card__content{padding:16px 20px;background:#fafafa;min-height:200px;overflow-x:auto}.reference-tabs{display:flex;background:white;border-radius:12px 12px 0 0;border:1px solid #e8e8e8;border-bottom:none;overflow:hidden}.reference-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:14px 8px;background:#f8f9fa;border:none;border-right:1px solid #e8e8e8;cursor:pointer;transition:all .2s;font-size:13px;color:#666}.reference-tab:last-child{border-right:none}.reference-tab:hover{background:#f0f0f0;color:#333}.reference-tab--active{background:white;color:#667eea;font-weight:600;border-bottom:2px solid #667eea;margin-bottom:-1px}.reference-tab__label{font-size:14px;white-space:nowrap}.reference-tab__count{font-size:11px;background:#e8e8e8;color:#666;padding:2px 6px;border-radius:10px}.reference-tab--active .reference-tab__count{background:#e3f2fd;color:#667eea}.reference-content{background:white;border:1px solid #e8e8e8;border-top:none;border-radius:0 0 12px 12px;min-height:200px;max-height:400px;overflow-y:auto}@media (min-width:1024px){.reference-content{max-height:none}}.reference-panel{padding:16px}.vocabulary-list{display:flex;flex-direction:column;gap:12px}.vocabulary-item{padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;position:relative}.vocabulary-item--phrase{background:#f0f7ff;border-color:#d0e3ff}.vocabulary-item__header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.vocabulary-item__word{font-weight:600;color:#1a1a1a;font-size:15px}.vocabulary-item__type-badge{font-size:10px;color:white;background:#0066cc;padding:2px 6px;border-radius:4px;font-weight:500}.vocabulary-item__type-badge--technical{background:#7c3aed}.vocabulary-item__pos{font-size:12px;color:#888;font-style:italic}.vocabulary-item__cefr-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;color:white;text-transform:uppercase;letter-spacing:.3px}.vocabulary-item__cefr-badge--A1{background:#22c55e}.vocabulary-item__cefr-badge--A2{background:#84cc16}.vocabulary-item__cefr-badge--B1{background:#eab308}.vocabulary-item__cefr-badge--B2{background:#f97316}.vocabulary-item__cefr-badge--C1{background:#ef4444}.vocabulary-item__cefr-badge--C2{background:#dc2626}.vocabulary-item__audio-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#667eea;color:white;border:none;border-radius:50%;cursor:pointer;transition:all .2s;margin-left:auto;flex-shrink:0}.vocabulary-item__audio-btn:hover:not(:disabled){background:#5a67d8;transform:scale(1.1)}.vocabulary-item__audio-btn:disabled{opacity:.6;cursor:not-allowed}.vocabulary-item__audio-btn.playing{background:#dc3545}.vocabulary-item__audio-btn.loading{animation:spin 1s linear infinite}.vocabulary-item__phonetic{font-size:14px;color:#666;font-family:Lucida Grande,Arial Unicode MS,sans-serif;margin-bottom:6px;padding-left:2px}.vocabulary-item__definition{font-size:14px;color:#555;line-height:1.5;margin-bottom:8px}.vocabulary-item__note-btn{padding:4px 10px;background:transparent;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.vocabulary-item__note-btn:hover{background:#667eea;color:white;border-color:#667eea}.grammar-point{padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #eee;margin-bottom:12px}.grammar-point:last-child{margin-bottom:0}.grammar-point__title{font-size:14px;font-weight:600;color:#333;margin:0 0 8px}.grammar-point__explanation{font-size:14px;line-height:1.6;color:#555;margin:0 0 8px}.grammar-point__note-btn{padding:4px 10px;background:transparent;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.grammar-point__note-btn:hover{background:#667eea;color:white;border-color:#667eea}.chunks-list{display:flex;flex-direction:column;gap:8px}.chunk-item{padding:10px 12px;background:#e8f4fd;border:1px solid #bee5ff;gap:4px}.chunk-item__text{font-size:14px;font-weight:600;color:#0066cc}.chunk-item__meaning{font-size:13px;color:#555}.speaking-tip{margin-top:16px;padding:12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:13px;color:#92400e}.analysis-sentence-container{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px}.analysis-sentence{font-size:18px;line-height:2;color:#333;font-weight:500}.analysis-token{display:inline;transition:all .3s ease}.annotation-underline-static{border-bottom:2px dashed #999}.annotation-highlight-static{background:rgba(255,235,59,.2);border-radius:2px}.annotation-hide_text-static{color:#ccc}.annotation-active{animation:pulse .3s ease-in-out}.annotation-underline{border-bottom:3px solid #0066cc;color:#0066cc;font-weight:600}.annotation-highlight{background:linear-gradient(120deg,#fff176,#ffeb3b);padding:2px 4px;border-radius:4px;box-shadow:0 2px 4px rgba(255,235,59,.4)}.annotation-hide_text{color:transparent;background:#333;border-radius:4px;padding:0 4px}.annotation-insert{background:#e8f5e9;border:1px dashed #4caf50;color:#2e7d32;padding:2px 6px;border-radius:4px}.explanation-play-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:#667eea;color:white;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.4)}.explanation-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.5)}.explanation-play-btn.playing{background:#667eea;animation:glow 1.5s infinite alternate}@keyframes glow{0%{box-shadow:0 4px 12px rgba(102,126,234,.4)}to{box-shadow:0 4px 20px rgba(102,126,234,.7)}}.explanation-play-btn svg{flex-shrink:0}.analysis-explanation{padding:16px;background:#f5f5f5;border-radius:8px;border-left:4px solid #667eea}.analysis-explanation p{margin:0;font-size:14px;line-height:1.7;color:#555}@media (max-width:767px){.comprehension-header{padding:12px 16px}.comprehension-header__title{font-size:16px}.comprehension-content{padding:0 0 80px}.sentence-card{padding:16px}.sentence-card__text{font-size:18px}.sentence-card__translation{font-size:14px}.analysis-card__content{padding:12px 16px;min-height:150px}.analysis-sentence{font-size:16px;line-height:1.8}.explanation-play-btn{width:100%;justify-content:center;padding:12px}.reference-content{max-height:300px}}@media (min-width:768px) and (max-width:1023px){.comprehension-content{padding:20px}.comprehension-primary,.comprehension-secondary{max-width:700px}}.full-review-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;margin-left:12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.full-review-btn:hover{background:#eef2ff;border-color:#6366f1;color:#6366f1}.full-review-btn--highlight{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;color:#6366f1;animation:pulse-btn 2s ease-in-out infinite}@keyframes pulse-btn{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.3)}50%{box-shadow:0 0 0 6px rgba(99,102,241,0)}}.full-review-btn--active{background:#667eea;border-color:#6366f1;color:white}.full-review-btn--active:hover{background:#5a67d8;color:white}.full-review-btn__icon{font-size:15px}.full-review-btn__text{white-space:nowrap}.completion-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;margin:24px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:16px;text-align:center;animation:slideUp .4s ease-out}.completion-prompt__icon{font-size:48px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.completion-prompt__text{font-size:16px;font-weight:500;color:#166534;line-height:1.6;max-width:360px}.completion-prompt__btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;border:none;border-radius:24px;font-size:15px;font-weight:600;color:white;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(99,102,241,.35)}.completion-prompt__btn:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}@media (max-width:640px){.full-review-btn{padding:6px 10px;font-size:12px;margin-left:8px}.full-review-btn__text{display:none}.completion-prompt{margin:16px 12px;padding:24px 16px}.completion-prompt__icon{font-size:40px}.completion-prompt__text{font-size:14px}.completion-prompt__btn{padding:10px 20px;font-size:14px}}@media (prefers-reduced-motion:reduce){.completion-prompt,.completion-prompt__icon,.full-review-btn--highlight{animation:none}}.comprehension-phase-indicator{display:flex;align-items:center;gap:6px}.phase-step{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;border-radius:16px;transition:all .2s ease}.phase-step--active{background:#dcfce7;color:#166534}.phase-step--completed{background:#f3f4f6;color:#6b7280}.phase-step__number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1);border-radius:50%;font-size:11px;font-weight:700}.phase-step--active .phase-step__number{background:#22c55e;color:white}.phase-step--completed .phase-step__number{background:rgba(0,0,0,.1);color:inherit}.phase-step__label{font-size:13px;font-weight:500}.phase-step__connector{width:20px;height:2px;background:#d1d5db}@media (max-width:768px){.comprehension-header{flex-wrap:wrap;gap:8px}.comprehension-phase-indicator{order:3;width:100%;justify-content:center;padding-top:8px;border-top:1px solid #eee;margin-top:4px}}@media (max-width:640px){.comprehension-phase-indicator{gap:4px}.phase-step{padding:4px 8px}.phase-step__label{display:none}.phase-step--active .phase-step__label{display:inline;font-size:12px}.phase-step__number{width:24px;height:24px;font-size:12px}.phase-step__connector{width:12px}}.comprehension-phase{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e8e8e8}.comprehension-phase__header{margin-bottom:20px}.comprehension-phase__header h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.comprehension-phase__header p{font-size:14px;color:var(--color-text-muted);margin:0}.comprehension-phase__shortcuts{font-size:12px!important;color:var(--color-text-light)!important;margin-top:6px!important;letter-spacing:.02em}.comprehension-phase__actions{margin-top:24px;padding-top:16px;border-top:1px solid #eee}.comprehension-dictation__audio,.comprehension-phase__actions{display:flex;justify-content:center;align-items:center;gap:16px}.comprehension-dictation__audio{flex-direction:row;flex-wrap:wrap;margin-bottom:16px}.comprehension-dictation__result{display:flex;align-items:center;gap:8px}.comprehension-dictation__inputs{display:flex;flex-wrap:wrap;gap:12px 6px;padding:16px;background:#f8fafc;border-radius:8px;justify-content:center;align-items:flex-start;min-height:60px}.comprehension-dictation__inputs .word-punctuation-display{font-size:20px;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none;display:flex;align-items:center;padding:8px 0;border:2px solid transparent}.comprehension-translation{margin-top:16px}.comprehension-translation__label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.comprehension-translation__input{width:100%;padding:12px 16px;font-size:17px;line-height:1.6;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;min-height:80px;transition:border-color .2s;font-family:inherit}.comprehension-translation__input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.comprehension-translation__input::placeholder{color:#9ca3af}.comprehension-evaluation__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.comprehension-evaluation__loading .loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.comprehension-evaluation__loading p{font-size:16px;color:#666;margin:0}.comprehension-evaluation__result{display:flex;flex-direction:column;align-items:center;gap:20px}.evaluation-score{display:flex;align-items:baseline;gap:4px;padding:16px 32px;border-radius:16px;background:#f3f4f6}.evaluation-score--excellent{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.evaluation-score--good{background:linear-gradient(135deg,#fef9c3,#fef08a)}.evaluation-score--needs-work{background:linear-gradient(135deg,#fee2e2,#fecaca)}.evaluation-score__value{font-size:48px;font-weight:700;line-height:1}.evaluation-score--excellent .evaluation-score__value{color:#166534}.evaluation-score--good .evaluation-score__value{color:#854d0e}.evaluation-score--needs-work .evaluation-score__value{color:#991b1b}.evaluation-score__label{font-size:18px;font-weight:500;color:#666}.evaluation-feedback--loopy{align-self:stretch}.evaluation-feedback__bonus{margin-top:8px!important;padding:8px 16px;background:#dcfce7;color:#166534;border-radius:8px;font-size:14px!important;font-weight:600}.evaluation-errors{width:100%;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px}.evaluation-errors h4{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 12px}.evaluation-error{display:flex;flex-direction:column;gap:4px;padding:12px;background:white;border-radius:8px;margin-bottom:8px;border-left:4px solid #ef4444}.evaluation-error:last-child{margin-bottom:0}.evaluation-error--vocabulary{border-left-color:#f97316}.evaluation-error--grammar{border-left-color:#8b5cf6}.evaluation-error--structure{border-left-color:#ef4444}.evaluation-error__type{font-size:11px;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:.5px}.evaluation-error__description{font-size:14px;color:#333;line-height:1.5}.evaluation-error__related{font-size:12px;color:#666;font-style:italic}.evaluation-original{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.evaluation-original__label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.evaluation-original__text{font-size:18px;color:#1e293b;line-height:1.6;font-weight:500}.evaluation-comparison{width:100%;display:flex;flex-direction:column;gap:12px}.evaluation-comparison__item{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #9ca3af}.evaluation-comparison__item--correct{background:#f0fdf4;border-left-color:#22c55e}.evaluation-comparison__label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.evaluation-comparison__text{font-size:15px;color:#333;line-height:1.6}.comprehension-overview{display:flex;flex-direction:column}.comprehension-overview__section{padding-top:24px;border-top:1px solid #e8e8e8}.comprehension-overview__section:first-child{padding-top:0;border-top:none}.comprehension-overview__section-title{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.comprehension-overview__sentence-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.comprehension-overview__text{font-size:20px;line-height:1.7;color:#1a1a1a;font-weight:500;margin-bottom:12px}.comprehension-overview__player{margin-bottom:12px}.comprehension-overview__translation{font-size:15px;color:#666;line-height:1.6;padding-top:12px;border-top:1px solid #eee}.comprehension-overview__graph{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:16px;overflow-x:auto}.comprehension-overview__cultural-note{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:16px}.comprehension-overview__cultural-note-text{font-size:15px;line-height:1.6;color:#92400e;margin:0 0 8px}.comprehension-overview__cultural-note-en{font-size:14px;line-height:1.6;color:#a16207;margin:0;font-style:italic}@media (max-width:640px){.comprehension-overview{gap:16px}.comprehension-overview__section{padding-top:16px}.comprehension-overview__text{font-size:18px}.comprehension-overview__sentence-card{padding:16px}.comprehension-overview__graph{padding:12px}}.word-input{transition:all .2s ease}.perfect-badge{font-size:16px;animation:pulse 1s ease infinite}@media (max-width:640px){.comprehension-phase{padding:16px;border:none;box-shadow:none;border-radius:0}.comprehension-phase__header h3{font-size:16px}.comprehension-phase__header p{font-size:13px}.comprehension-phase--understanding .sentence-card{position:sticky;top:0;z-index:2;background:white;margin:-16px -16px 0;padding:12px 16px;border-radius:0;border:none;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 6px rgba(0,0,0,.04)}.comprehension-phase--understanding .sentence-card__text{font-size:16px;margin-bottom:8px}.comprehension-phase--understanding .sentence-card__player{margin-top:4px}.comprehension-phase--understanding .sentence-card__grammar-tags{display:none}.comprehension-dictation__inputs{padding:12px;gap:10px 6px}.word-input{font-size:17px;padding:6px 10px}.evaluation-score__value{font-size:36px}.evaluation-feedback p{font-size:14px}.comprehension-complete{padding:32px 16px}.action-button{font-size:14px;padding:10px 20px}.lemma-modal-comparison{flex-direction:column;gap:12px}.lemma-modal-comparison .lemma-arrow{transform:rotate(90deg)}.comprehension-overview__cultural-note,.comprehension-overview__graph,.comprehension-overview__sentence-card,.evaluation-errors,.evaluation-original{margin-left:-16px;margin-right:-16px;border-left:none;border-right:none;border-radius:0}.evaluation-comparison__item{margin-left:-16px;margin-right:-16px;border-right:none;border-radius:0}}.dictation-page{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.dictation-instructions h2 .sentence-counter{font-size:.6em;font-weight:500;color:#667eea;background:rgba(102,126,234,.1);padding:4px 10px;border-radius:12px;margin-left:8px;vertical-align:middle}.dictation-loading{height:200px;font-size:18px}.dictation-empty,.dictation-error,.dictation-loading{display:flex;justify-content:center;align-items:center;color:#666}.dictation-empty,.dictation-error{flex-direction:column;text-align:center;padding:60px 20px}.dictation-empty h3,.dictation-error h3{font-size:22px;color:#333;margin:0 0 12px}.dictation-empty p,.dictation-error p{font-size:16px;color:#888;margin:0;max-width:400px}.dictation-error{background:#fff5f5;border-radius:12px}.dictation-error h3{color:#dc3545}.dictation-empty{background:#f8f9fa;border-radius:12px}.dictation-content{flex:1 1;overflow-y:auto;padding:20px 20px 100px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.dictation-instructions{text-align:center;margin-bottom:16px}.dictation-instructions h2{font-size:24px;color:#333;margin:0 0 8px}.dictation-instructions p{font-size:16px;color:#666;margin:0}.dictation-practice-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:24px}.dictation-audio{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.dictation-input-area{width:100%}.word-inputs-container{display:flex;flex-wrap:wrap;gap:12px 6px;padding:12px 0 16px;justify-content:center;align-items:flex-start;min-height:132px}.word-input-wrapper{display:flex;flex-direction:row;align-items:center;gap:1px;position:relative}.word-inputs-container--enter{animation:word-inputs-enter .22s cubic-bezier(.2,.8,.2,1)}@keyframes word-inputs-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.word-inputs-container--enter{animation:none}}.word-punctuation,.word-punctuation-display{font-size:20px;font-weight:600;color:#374151;-webkit-user-select:none;user-select:none}.word-punctuation-display{display:flex;align-items:center;padding:8px 0;border:2px solid transparent}.word-punctuation:not(.word-punctuation--leading){margin-right:8px}.word-punctuation--leading{margin-right:2px;margin-left:6px}.word-input{padding:8px 12px;font-size:18px;font-family:inherit;text-align:center;border:2px solid #ddd;border-radius:8px;background:white;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;min-width:40px}.word-input:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.15)}.word-input--active,.word-input:focus{border-color:#667eea}.word-input--correct{border-color:#28a745;background:#e8f5e9;color:#2e7d32;font-weight:600}.word-input--incorrect{border-color:#dc3545;background:#ffebee;color:#c62828}.word-input:disabled{cursor:default}.word-hint{position:absolute;top:100%;left:50%;transform:translateX(-50%);color:#28a745;font-weight:500;background:#e8f5e9;padding:2px 8px;border-radius:4px;margin-top:2px;z-index:10;white-space:nowrap;display:flex;gap:4px}.word-hint,.word-lemma-hint-btn{font-size:12px;align-items:center}.word-lemma-hint-btn{display:inline-flex;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#1565c0;color:white;font-weight:700;cursor:pointer;transition:all .2s;padding:0;line-height:1}.word-lemma-hint-btn:hover{background:#0d47a1;transform:scale(1.1)}.lemma-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.lemma-modal{background:white;border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.lemma-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.lemma-modal-header h3{margin:0;font-size:18px;color:#1565c0}.lemma-modal-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.lemma-modal-close:hover{background:#f0f0f0;color:#333}.lemma-modal-content{padding:20px}.lemma-modal-comparison{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.lemma-word{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:12px;min-width:100px}.lemma-word--user{background:#ffebee;border:2px solid #ef5350}.lemma-word--correct{background:#e8f5e9;border:2px solid #4caf50}.lemma-label{font-size:11px;color:#666;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.lemma-value{font-size:20px;font-weight:600;color:#333}.lemma-form{display:block;font-size:12px;color:#888;margin-top:4px}.lemma-word--user .lemma-form{color:#b71c1c}.lemma-word--correct .lemma-form{color:#2e7d32}.lemma-arrow{font-size:24px;color:#9e9e9e}.lemma-modal-explanation{background:#f5f5f5;border-radius:12px;padding:16px;font-size:15px;line-height:1.6;color:#333;text-align:center}.lemma-modal--enhanced{max-width:500px}.lemma-modal-definition{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd;font-size:14px;color:#555}.lemma-modal-graph{margin-bottom:16px;border-bottom:1px solid #e0e0e0;padding-bottom:12px}.lemma-modal-role{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.lemma-role-label{font-size:13px;color:#666}.lemma-role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:600;color:white;white-space:nowrap}@media (max-width:520px){.lemma-modal--enhanced{max-width:100%;margin:0 10px}.lemma-modal-graph{padding-bottom:8px;margin-bottom:12px}.lemma-modal-role{flex-direction:column;gap:4px}}.perfect-score{font-size:18px;text-align:center;color:#28a745}.dictation-input-legacy{width:100%;padding:16px;font-size:16px;line-height:1.5;border:2px solid #ddd;border-radius:8px;resize:vertical;min-height:120px;transition:border-color .2s}.dictation-input-legacy:focus{outline:none;border-color:#667eea}.dictation-input-legacy:disabled{background:#f5f5f5;cursor:not-allowed}.dictation-result{display:flex;align-items:center;gap:8px}.accuracy-score{font-size:15px;font-weight:600;padding:6px 12px;border-radius:6px;white-space:nowrap}.perfect-badge{font-size:14px;font-weight:600;color:#22c55e}.accuracy-score--good{background:#d4edda;color:#155724}.accuracy-score--ok{background:#fff3cd;color:#856404}.dictation-speaking-strategy{margin-top:12px;padding:12px 14px;background:var(--color-bg-secondary,#f8fafc);border-radius:8px;border:1px solid var(--color-border,#e2e8f0)}.dictation-speaking-strategy__title{font-size:.85rem;font-weight:600;color:var(--color-text-primary,#1e293b);margin-bottom:6px}.accuracy-score--poor{background:#f8d7da;color:#721c24}.dictation-comparison{display:flex;flex-direction:column;gap:16px}.comparison-row{flex-direction:column;gap:8px}.comparison-label{font-size:14px;font-weight:600;color:#666}.comparison-text{font-size:16px;line-height:1.6;padding:12px;background:#f8f9fa;border-radius:6px}.word--correct{color:#28a745;font-weight:500}.word--incorrect{color:#dc3545;font-weight:500;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px}.correct-answer{background:#e8f5e9;color:#2e7d32}.dictation-actions{display:flex;gap:12px;justify-content:center;padding:8px 20px}.action-button{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.action-button--submit{background:#667eea;color:white}.action-button--submit:hover:not(:disabled){background:#5a67d8}.action-button--submit:disabled{background:#ccc;cursor:not-allowed}.action-button--retry{background:#ffc107;color:#333}.action-button--retry:hover{background:#e0a800}.action-button--next{background:#28a745;color:white}.action-button--next:hover:not(:disabled){background:#218838}.action-button--next:disabled{background:#ccc;cursor:not-allowed}.action-button--complete{background:linear-gradient(135deg,#28a745,#20c997);color:white}.action-button--complete:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1aa085)}.action-button--complete:disabled{opacity:.7;cursor:wait}.session-complete{max-width:600px;margin:0 auto}.session-complete-header{margin-bottom:32px}.session-complete-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#22c55e;color:white;font-size:32px;font-weight:700;margin:0 auto 16px}.session-complete-header h2{margin:0 0 8px;font-size:28px;color:#1f2937}.session-complete-header p{margin:0;color:#6b7280;font-size:16px}.session-stats{margin-bottom:32px}.stat-card{background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center}.stat-card--main{padding:24px;margin-bottom:16px;background:#667eea;color:white}.stat-card--main .stat-value{font-size:48px;font-weight:700}.stat-card--main .stat-label{color:rgba(255,255,255,.9)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-value{font-size:28px;color:#1f2937}.stat-label{color:#6b7280;margin-top:4px}.sentence-breakdown{background:white;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-align:left}.sentence-breakdown h3{margin:0 0 16px;font-size:16px;color:#374151}.sentence-list{display:flex;flex-direction:column;gap:8px}.sentence-row{display:flex;align-items:center;gap:12px}.sentence-num{font-size:13px;color:#6b7280;min-width:32px}.sentence-bar{flex:1 1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.sentence-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.sentence-score{font-size:13px;font-weight:600;color:#374151;min-width:40px;text-align:right}.saved-indicator,.saving-indicator{font-size:14px;margin-bottom:24px;padding:8px 16px;border-radius:8px}.saving-indicator{color:#6b7280;background:#f3f4f6}.saved-indicator{color:#166534;background:#dcfce7}.session-actions{display:flex;gap:12px;justify-content:center}.session-actions .action-button{padding:14px 28px;font-size:16px}@media (max-width:1023px){.dictation-content{display:flex;flex-direction:column}.dictation-instructions{flex-shrink:0}.dictation-practice-area{flex-shrink:0;margin-bottom:0}.dictation-actions{flex-shrink:0}.dictation-page:has(.word-input:focus) .dictation-instructions{display:none}}@media (max-width:768px){.dictation-content{padding:12px 12px calc(60px + env(safe-area-inset-bottom, 0px))}.dictation-page:has(.word-input:focus) .dictation-content{padding-bottom:12px}.dictation-practice-area{margin-bottom:12px}.dictation-instructions h2{font-size:20px}.word-inputs-container{padding:16px;gap:10px 6px}.word-input{font-size:16px;padding:6px 10px}.word-punctuation{font-size:18px;margin-right:4px}.action-button{font-size:14px;padding:12px 20px}.dictation-actions{flex-wrap:wrap;padding:12px 16px;gap:8px}.dictation-actions .action-button{flex:1 1;min-width:120px}}.progress-info{margin-top:10px}.sentence-btn.completed{background:#d4edda;border-color:#28a745;color:#155724}.current-sentence-best{display:inline-flex;gap:4px;padding:2px 8px;background:#f1f5f9;border-radius:12px;font-size:12px;color:#64748b;margin-left:8px}.sentence-best-score{font-weight:600;font-size:12px}.learning-layout{display:flex;flex-direction:column;height:calc(100dvh - var(--keyboard-h, 0px));background-color:var(--color-bg-secondary);overflow:hidden;transition:height .15s ease-out}.learning-layout__header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:white;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-xs);flex-shrink:0}.learning-layout__back{background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:6px 8px;border-radius:var(--radius-md);transition:color var(--transition-fast);flex-shrink:0}.learning-layout__back:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.learning-layout__title{font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.learning-layout__episode-inline{display:flex;align-items:center;gap:6px;flex:1 1;min-width:0;overflow:hidden}.learning-layout__notes-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 10px;font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;white-space:nowrap;margin-left:auto;display:flex;align-items:center;gap:4px}.learning-layout__notes-count{font-size:11px;font-weight:600;background:var(--color-primary);color:white;border-radius:8px;padding:0 5px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.learning-layout__notes-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-light);color:var(--color-text-primary)}.learning-layout__notes-btn.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.learning-layout__content{flex:1 1;display:flex;overflow:hidden}.learning-layout__main{flex:1 1;overflow-y:auto;background:var(--color-bg-secondary);border:none}@media (max-width:1023px){.learning-layout__main{display:flex;flex-direction:column}}.learning-layout__mobile-padding{display:block;height:70px}.learning-layout__notes-panel{width:320px;min-width:320px;background:white;border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.notes-panel__header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.notes-panel__back-btn{display:none;background:none;border:none;padding:4px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.notes-panel__back-btn:hover{color:var(--color-primary)}.notes-panel__header h3{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary);flex:1 1}.notes-panel__add-btn{background:var(--color-primary);color:white;border:none;border-radius:var(--radius-md);padding:6px 12px;font-size:13px;cursor:pointer;transition:background var(--transition-fast)}.notes-panel__add-btn:hover{background:var(--color-primary-hover)}.notes-panel__list{flex:1 1;overflow-y:auto;padding:12px}.notes-panel__empty{text-align:center;padding:40px 20px;color:var(--color-text-light)}.notes-panel__empty p{margin:0}.notes-panel__hint{font-size:13px;margin-top:8px!important}.notes-panel__item{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:12px;margin-bottom:12px;border:1px solid var(--color-border-light)}.notes-panel__item-content{font-size:14px;color:var(--color-text-primary);line-height:1.5;margin-bottom:8px;white-space:pre-wrap;word-break:break-word}.notes-panel__item-toggle{background:none;border:none;padding:0;margin-bottom:8px;font-size:12px;color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast)}.notes-panel__item-toggle:hover{color:var(--color-primary-hover,var(--color-primary));text-decoration:underline}.notes-panel__item-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.notes-panel__tag{background:var(--color-primary-light);color:var(--color-primary);font-size:12px;padding:2px 8px;border-radius:12px}.notes-panel__item-actions{display:flex;gap:8px}.notes-panel__item-actions button{background:none;border:none;font-size:12px;color:var(--color-text-muted);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.notes-panel__item-actions button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notes-panel__item-actions button:last-child:hover{background:var(--color-error-light);color:var(--color-error)}.episode-bar__arrow{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);width:28px;height:28px;font-size:16px;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.episode-bar__arrow:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-text-light)}.episode-bar__arrow:disabled{opacity:.3;cursor:not-allowed}.episode-bar__selector{display:flex;gap:4px;overflow-x:auto;flex:1 1;scrollbar-width:none;-ms-overflow-style:none}.episode-bar__selector::-webkit-scrollbar{display:none}.episode-bar__pill{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;font-size:12px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.episode-bar__pill:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-light);color:var(--color-text-secondary)}.episode-bar__pill.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.episode-bar__pill-num{background:var(--color-border);color:var(--color-text-muted);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.episode-bar__pill.active .episode-bar__pill-num{background:var(--color-primary);color:white}.episode-bar__pill-title{max-width:100px;overflow:hidden;text-overflow:ellipsis}@media (min-width:768px){.learning-layout__header{padding:12px 24px;gap:12px}.learning-layout__title{font-size:16px;flex-shrink:1;min-width:0}.learning-layout__mobile-padding{display:none}}@media (max-width:767px){.learning-layout__header{transition:transform .25s ease-out,opacity .25s ease-out}.learning-layout--bars-hidden .learning-layout__header{transform:translateY(-100%);opacity:0;pointer-events:none}.episode-bar__pill-title{display:none}.learning-layout__title{font-size:14px;flex:1 1;min-width:0}}.learning-layout__notes-backdrop{display:none}@media (max-width:767px){.learning-layout__notes-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:var(--z-overlay,400)}.learning-layout__notes-panel{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;min-width:0;z-index:var(--z-modal,500);box-shadow:none}.notes-panel__back-btn{display:flex;align-items:center;justify-content:center}}@media (max-width:1023px){body.comprehension-immersive .learning-layout__header,body.comprehension-immersive .learning-layout__mobile-padding,body.comprehension-immersive .mode-navigation__mobile{display:none}body.comprehension-immersive .learning-layout{transition:none}body.comprehension-immersive .comprehension-content,body.comprehension-immersive .learning-layout__main{overflow:hidden}}.quiz-page{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.quiz-loading{height:400px;font-size:18px}.quiz-empty,.quiz-error,.quiz-loading{display:flex;justify-content:center;align-items:center;color:#666}.quiz-empty,.quiz-error{flex-direction:column;text-align:center;padding:60px 20px}.quiz-empty h3,.quiz-error h3{font-size:22px;color:#333;margin:0 0 12px}.quiz-empty p,.quiz-error p{font-size:16px;color:#888;margin:0;max-width:400px}.quiz-error{background:#fff5f5;border-radius:12px}.quiz-error h3{color:#dc3545}.quiz-empty{background:#f8f9fa;border-radius:12px}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:white;border-radius:8px;margin-bottom:24px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.quiz-header h2{font-size:20px;color:#333;margin:0}.quiz-progress{font-size:14px;color:#666;font-weight:500}.quiz-score{font-size:16px;font-weight:700;color:#667eea}.quiz-resume-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:8px;margin-bottom:16px;font-size:14px;color:#2e7d32}.quiz-restart-small{padding:6px 12px;font-size:12px;font-weight:500;background:white;border:1px solid #81c784;border-radius:6px;color:#388e3c;cursor:pointer;transition:all .2s}.quiz-restart-small:hover{background:#e8f5e9;border-color:#66bb6a}.quiz-scroll-area{flex:1 1;overflow-y:auto;padding:20px}.quiz-scroll-area>*{max-width:800px;margin-left:auto;margin-right:auto}.quiz-content{background:white;border-radius:12px;padding:32px;box-shadow:0 2px 8px rgba(0,0,0,.08);min-height:400px}.question-card{margin-bottom:24px}.question-text{font-size:18px;color:#333;margin:0 0 8px;font-weight:500}.question-text-zh{font-size:15px;color:#666;margin:0 0 24px;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.quiz-option:hover:not(:disabled){background:#e8e9ea;border-color:#667eea}.quiz-option--selected{background:#e3f2fd;border-color:#667eea}.quiz-option--correct{background:#d4edda!important;border-color:#28a745!important}.quiz-option--incorrect{background:#f8d7da!important;border-color:#dc3545!important}.quiz-option:disabled{cursor:not-allowed}.quiz-option .option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:white;border-radius:50%;font-weight:700;color:#333;flex-shrink:0}.quiz-option .option-text{font-size:16px;color:#333}.fill-blank-container{display:flex;flex-direction:column;gap:16px}.fill-blank-input{padding:12px 16px;font-size:16px;border:2px solid #ddd;border-radius:8px;transition:border-color .2s}.fill-blank-input:focus{outline:none;border-color:#667eea}.fill-blank-input--correct{border-color:#28a745;background:#d4edda}.fill-blank-input--incorrect{border-color:#dc3545;background:#f8d7da}.sentence-order-container{display:flex;flex-direction:column;gap:20px}.word-bank{display:flex;flex-wrap:wrap;gap:8px;padding:16px;background:#f8f9fa;border-radius:8px}.word-chip{padding:8px 16px;background:white;border:2px solid #ddd;border-radius:20px;font-size:16px;cursor:pointer;transition:all .2s}.word-chip:hover:not(:disabled){border-color:#667eea}.word-chip--selected{background:#e3f2fd;border-color:#667eea;opacity:.5}.word-chip:disabled{cursor:not-allowed}.sentence-display{display:flex;flex-direction:column;gap:8px}.sentence-label{font-size:14px;color:#666;margin:0;font-weight:600}.sentence-box{padding:16px;min-height:60px;background:white;border:2px solid #ddd;border-radius:8px;font-size:16px;color:#333;display:flex;align-items:center}.sentence-box--correct{border-color:#28a745;background:#d4edda}.sentence-box--incorrect{border-color:#dc3545;background:#f8d7da}.correct-answer-display{padding:12px;background:#e8f5e9;border-radius:6px;color:#2e7d32;font-weight:500}.explanation-box--loopy{margin-top:20px}.explanation-text{margin:0;color:var(--color-text-primary);line-height:1.5}.explanation-text-zh{margin:8px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.quiz-actions{display:flex;justify-content:center;margin-top:32px}.quiz-button{padding:12px 32px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.quiz-button--submit{background:#667eea;color:white}.quiz-button--submit:hover:not(:disabled){background:#5a67d8}.quiz-button--submit:disabled{background:#ccc;cursor:not-allowed}.quiz-button--next{background:#28a745;color:white}.quiz-button--next:hover{background:#218838}.quiz-button--restart{background:#17a2b8;color:white}.quiz-button--restart:hover{background:#138496;transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,162,184,.3)}.quiz-results-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px}.quiz-button--save{background:#667eea;color:white}.quiz-button--save:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.saving-indicator{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404}.saved-indicator,.saving-indicator{padding:12px 16px;text-align:center;margin:0 0 8px}.saved-indicator{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:14px}.quiz-results{text-align:center;padding:40px}.quiz-results h3{font-size:28px;color:#333;margin:0 0 32px}.final-score{margin-bottom:32px}.quiz-page .score-circle{width:150px;height:150px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 24px rgba(102,126,234,.3);overflow:hidden}.quiz-page .score-number{font-size:36px;font-weight:700;color:white;white-space:nowrap}.quiz-page .score-text{font-size:18px;color:#666;margin:0}@media (max-width:768px){.quiz-scroll-area{padding:12px 12px 80px}.quiz-content{padding:20px}.question-text{font-size:16px}.quiz-option{padding:12px}.quiz-option .option-text,.word-chip{font-size:14px}.word-chip{padding:6px 12px}.quiz-results-actions{flex-direction:column;gap:12px}.quiz-results-actions .quiz-button{width:100%}.quiz-resume-banner{flex-direction:column;gap:10px;text-align:center}.quiz-restart-small{width:100%}}.learning-mode-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:white;border-bottom:1px solid #e0e0e0;flex-shrink:0;gap:16px;flex-wrap:wrap}.learning-mode-header__title{font-size:18px;font-weight:600;color:#333;margin:0}.learning-mode-header__nav{display:flex;align-items:center;gap:8px;margin-left:auto}.sentence-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;cursor:pointer;transition:all .2s}.sentence-nav-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:white}.sentence-nav-btn:disabled{opacity:.4;cursor:not-allowed}.sentence-nav-counter{display:flex;align-items:center;justify-content:center;gap:4px;min-width:60px;text-align:center;font-size:14px;font-weight:600;color:#333;padding:0 8px}.shadowing-page{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.shadowing-content h2 .sentence-counter{font-size:.6em;font-weight:500;color:#667eea;background:rgba(102,126,234,.1);padding:4px 10px;border-radius:12px;margin-left:8px;vertical-align:middle}.shadowing-loading{height:200px;font-size:18px}.shadowing-empty,.shadowing-error,.shadowing-loading{display:flex;justify-content:center;align-items:center;color:#666}.shadowing-empty,.shadowing-error{flex-direction:column;text-align:center;padding:60px 20px}.shadowing-empty h3,.shadowing-error h3{font-size:22px;color:#333;margin:0 0 12px}.shadowing-empty p,.shadowing-error p{font-size:16px;color:#888;margin:0;max-width:400px}.shadowing-error{background:#fff5f5;border-radius:12px}.shadowing-error h3{color:#dc3545}.shadowing-empty{background:#f8f9fa;border-radius:12px}.no-audio-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin-bottom:16px}.shadowing-content{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;box-sizing:border-box}.shadowing-content>*{width:100%;max-width:800px;box-sizing:border-box}.shadowing-content h2{font-size:24px;color:#333;text-align:center;margin:0}.shadowing-description{text-align:center;color:#666;font-size:16px;margin:0}.shadowing-card{background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.sentence-display{text-align:center;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0;margin-bottom:12px}.audio-best-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.audio-best-row .audio-player{flex:1 1}.sentence-text{font-size:19px;font-weight:600;color:#1e293b;margin:0 0 6px}.sentence-translation{font-size:14px;color:#64748b;margin:0}.audio-section,.feedback-section,.recording-section{margin-bottom:24px}.audio-section h3,.feedback-section h3,.recording-section h3{font-size:16px;color:#333;margin:0 0 12px}.record-assess-section{margin-bottom:24px}.record-assess-row{display:flex;gap:12px;align-items:stretch}.record-side{flex:1 1}.recording-done-actions{display:flex;gap:10px;width:100%}.action-btn{padding:14px 16px;border-radius:10px;font-size:16px;transition:all .2s;gap:6px}.action-btn--play{background:#22c55e;color:white}.action-btn--play:hover{background:#16a34a}.action-btn--retry{background:#64748b;color:white}.action-btn--retry:hover{background:#475569}.action-btn--assess{background:#667eea;color:white}.action-btn--assess:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.action-btn--assess:disabled{opacity:.6;cursor:not-allowed}.assess-side{flex:1 1}.record-toggle-button{width:100%;padding:16px 24px;background:#dc3545;color:white;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.record-toggle-button:hover{background:#c82333;transform:translateY(-1px)}.record-toggle-button.recording{background:#dc3545;animation:pulse 1.5s infinite}.recording-done-controls{display:flex;gap:8px;height:100%}.recording-done-controls .record-button{flex:1 1;margin:0;font-size:20px;display:flex;align-items:center;justify-content:center}.assess-side .assess-button{width:100%;height:100%;min-height:56px;padding:16px 24px;background:#667eea;color:white;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.assess-side .assess-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.assess-side .assess-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.record-button{padding:12px 24px;background:#dc3545;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-right:12px}.record-button:hover{background:#c82333}.record-button--recording{background:#dc3545;animation:pulse 1.5s infinite}.record-button--replay{background:#667eea}.record-button--replay:hover{background:#5a67d8}.recording-result{display:flex;align-items:center;gap:12px}.recording-result p{margin:0;color:#28a745;font-weight:600}.feedback-placeholder{padding:20px;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;text-align:center;color:#999}.feedback-placeholder p{margin:0 0 8px}.feedback-placeholder p:last-child{margin:0;font-size:14px}.recording-actions,.recording-controls{display:flex;flex-wrap:wrap;gap:12px}.record-button--play{background:#28a745}.record-button--play:hover{background:#218838}.record-button--retry{background:#6c757d}.record-button--retry:hover{background:#5a6268}.recording-indicator{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin-right:8px;animation:blink 1s infinite}.recording-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:12px}.service-not-configured{padding:20px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;text-align:center}.service-not-configured p{margin:0 0 8px;color:#856404}.service-not-configured p:last-child{margin:0;font-size:14px}.assess-button{width:100%;padding:16px 24px;background:#667eea;color:white;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.assess-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.assess-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.assessing{display:flex;flex-direction:column;align-items:center;padding:30px;gap:16px}.assessing-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.assessing p{margin:0;color:#666;font-size:16px}.assessment-error{padding:20px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;text-align:center}.assessment-error p{margin:0 0 12px;color:#721c24}.retry-button{padding:10px 20px;background:#dc3545;color:white;border:none;border-radius:6px;font-size:14px;cursor:pointer}.retry-button:hover{background:#c82333}.assessment-result{display:flex;flex-direction:column;gap:20px}.score-overview{display:flex;gap:24px;align-items:flex-start}.shadowing-page .overall-score{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;border:4px solid;background:white;flex-shrink:0}.shadowing-page .score-value{font-size:36px;font-weight:700;line-height:1}.shadowing-page .score-label{font-size:12px;color:#666;margin-top:4px}.shadowing-page .score-details{flex:1 1;display:flex;flex-direction:row;gap:16px;justify-content:space-around}.shadowing-page .score-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1;max-width:100px}.shadowing-page .score-name{font-size:12px;color:#666;text-align:center}.shadowing-page .score-bar{width:100%;height:6px;background:#eee;border-radius:3px;overflow:hidden}.shadowing-page .score-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.shadowing-page .score-number{font-size:18px;font-weight:700;color:#333}.word-feedback{padding:16px;background:#f8f9fa;border-radius:8px}.word-feedback h4{margin:0 0 12px;font-size:14px;color:#333}.words-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.word-item{padding:4px 8px;background:white;border-radius:4px;font-size:16px;cursor:help}.word-legend{display:flex;gap:16px;font-size:12px;color:#666;flex-wrap:wrap}.pronunciation-suggestions{margin-top:16px;padding:16px;background:linear-gradient(135deg,#fff9e6,#fff5f5);border-radius:8px;border-left:4px solid #f59e0b}.pronunciation-suggestions h4{margin:0 0 12px;font-size:16px;color:#92400e;display:flex;align-items:center;gap:4px}.pronunciation-suggestions ul{margin:0;padding:0;list-style:none}.pronunciation-suggestions li{padding:12px;background:white;border-radius:6px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.pronunciation-suggestions li:last-child{margin-bottom:0}.pronunciation-suggestions .suggestion-item{display:flex;align-items:flex-start;gap:12px}.pronunciation-suggestions .suggestion-main{flex:1 1;display:flex;flex-direction:column;gap:4px}.pronunciation-suggestions .suggestion-line{display:flex;align-items:baseline;gap:8px}.pronunciation-suggestions .suggestion-line-label{flex-shrink:0;width:36px;font-size:12px;color:#94a3b8;font-weight:500}.pronunciation-suggestions .suggestion-add-note-btn{flex-shrink:0;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:white;color:#6b7280;font-size:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pronunciation-suggestions .suggestion-add-note-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.pronunciation-suggestions .suggestion-add-note-btn:active{background:#e5e7eb;transform:scale(.95)}.pronunciation-suggestions strong{font-size:18px}.pronunciation-suggestions .suggestion-score{margin-left:8px;font-size:14px;color:#666}.pronunciation-suggestions .suggestion-text{margin:0;font-size:16px;color:#475569;font-weight:600;line-height:1.5}.speaking-strategy-section{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.speaking-strategy-title{font-size:14px;font-weight:700;color:#64748b;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.chunks-display{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chunk-item{display:flex;flex-direction:column;padding:10px 14px;background:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid #e2e8f0}.chunk-text{font-size:15px;font-weight:600;color:#1e40af;margin-bottom:4px}.chunk-meaning{font-size:13px;color:#666}.speaking-tip{padding:10px 12px;background:white;border-radius:6px;font-size:14px;color:#555;line-height:1.5}.speaking-tip strong{color:#1e40af}.feedback-message{padding:16px;background:#e8f5e9;border-radius:8px;border-left:4px solid #4caf50}.feedback-message p{margin:0;color:#2e7d32;font-size:15px;line-height:1.5}.mastery-saved-indicator{padding:12px 16px;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;font-size:14px;text-align:center;margin-top:12px}.assessment-actions{display:flex;gap:12px;margin-top:16px}.try-again-button{flex:1 1;padding:14px 24px;background:#6c757d;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.try-again-button:hover{background:#5a6268}.next-sentence-button{flex:1 1;padding:14px 24px;background:#4f46e5;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.next-sentence-button:hover{background:#4338ca}.enter-hint{text-align:center;margin-top:12px;font-size:13px;color:#9ca3af}@media (max-width:768px){.shadowing-content{padding:12px 12px 80px}.shadowing-card{padding:16px}.sentence-text{font-size:18px}.recording-result{flex-direction:column}.record-button{width:100%;margin-right:0;margin-bottom:8px}.audio-best-row{flex-wrap:wrap}.current-sentence-best{justify-content:center}.record-assess-row{flex-direction:column;gap:10px}.assess-side .assess-button,.record-toggle-button{font-size:16px;padding:14px 20px}}.progress-info{display:flex;align-items:center;gap:12px;margin-top:4px;margin-bottom:8px;flex-wrap:wrap}.progress-info .progress-badge{background:#e3f2fd;color:#1565c0}.progress-info .best-score-badge,.progress-info .progress-badge{padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500}.progress-info .best-score-badge{background:#fff3e0;color:#e65100}.progress-info .completed-badge{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500}.sentence-selector{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid #dee2e6}.sentence-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#495057}.toggle-selector-btn{background:#6c757d;color:white;border:none;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer;transition:background .2s}.toggle-selector-btn:hover{background:#5a6268}.sentence-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;max-height:120px;overflow-y:auto}.sentence-btn{width:40px;height:40px;border-radius:8px;border:1px solid #ced4da;background:white;color:#495057;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.sentence-btn:hover{background:#e9ecef;border-color:#adb5bd}.sentence-btn.active{background:#667eea;color:white;border-color:#667eea}@media (max-width:600px){.sentence-selector-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr))}.sentence-btn{width:36px;height:36px;font-size:12px}}.sentence-btn.score-excellent{background:#dcfce7;border-color:#22c55e;color:#166534}.sentence-btn.score-excellent:hover{background:#bbf7d0}.sentence-btn.score-excellent.active{background:#22c55e;color:white;border-color:#16a34a}.sentence-btn.score-good{background:#fef9c3;border-color:#eab308;color:#854d0e}.sentence-btn.score-good:hover{background:#fef08a}.sentence-btn.score-good.active{background:#eab308;color:white;border-color:#ca8a04}.sentence-btn.score-needs-work{background:#fee2e2;border-color:#ef4444;color:#991b1b}.sentence-btn.score-needs-work:hover{background:#fecaca}.sentence-btn.score-needs-work.active{background:#ef4444;color:white;border-color:#dc2626}.sentence-btn .btn-number{display:block}.sentence-btn .btn-score{display:none;font-size:11px;font-weight:700}.sentence-btn:hover .btn-number{display:none}.sentence-btn:hover .btn-score{display:block}.audio-score-row{display:flex;align-items:stretch;gap:16px;margin-bottom:16px}.audio-score-row .audio-section{flex:1 1;margin-bottom:0}.audio-score-row .audio-player{height:100%;box-sizing:border-box}.current-sentence-best{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;box-sizing:border-box}.sentence-best-label{font-size:11px;color:#0369a1;font-weight:500;white-space:nowrap}.sentence-best-score{font-size:20px;font-weight:700;padding:4px 12px;border-radius:8px;background:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}.sentence-best-score.excellent{color:#16a34a;border:2px solid #22c55e}.sentence-best-score.good{color:#ca8a04;border:2px solid #eab308}.sentence-best-score.needs-work{color:#dc2626;border:2px solid #ef4444}.nav-button.finish-button{background:#22c55e}.nav-button.finish-button:hover{background:#16a34a}.course-summary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.course-summary-modal{background:white;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.course-summary-modal h2{margin:0 0 4px;font-size:28px;color:#22c55e;text-align:center}.course-summary-modal .summary-subtitle{margin:0 0 24px;font-size:14px;color:#666;text-align:center}.summary-stats{display:flex;justify-content:space-around;margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:12px}.stat-value{font-size:32px;color:#1e293b}.stat-label{font-size:13px;color:#64748b}.sentence-scores-summary{margin-bottom:24px}.sentence-scores-summary h3{margin:0 0 12px;font-size:16px;color:#333}.scores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.score-item{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;background:#f1f5f9}.score-item.excellent{background:#dcfce7;border:1px solid #86efac}.score-item.good{background:#fef9c3;border:1px solid #fde047}.score-item.needs-work{background:#fee2e2;border:1px solid #fca5a5}.score-item.not-attempted{background:#f1f5f9;border:1px solid #e2e8f0}.sentence-num{font-size:12px;color:#64748b;font-weight:500}.sentence-score{font-size:14px;font-weight:700;color:#1e293b}.score-item.not-attempted .sentence-score{color:#94a3b8}.summary-actions{display:flex;gap:12px}.summary-actions button{flex:1 1;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;text-align:center;display:flex;align-items:center;justify-content:center;min-width:0}.summary-actions button span{display:block;text-align:center;width:100%}.summary-actions .btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.summary-actions .btn-secondary:hover{background:#e2e8f0}.summary-actions .btn-primary{background:#22c55e;color:white;border:none}.summary-actions .btn-primary:hover{background:#16a34a}.word-item.improved{position:relative;border:2px solid #22c55e!important;background:#dcfce7!important}.improved-badge{position:absolute;top:-6px;right:-6px;background:#22c55e;color:white;font-size:10px;width:16px;height:16px;border-radius:50%}.improved-badge,.weak-words-hint{display:flex;align-items:center;justify-content:center}.weak-words-hint{margin-top:12px;padding:8px 12px;background:#fef3c7;border-radius:6px;font-size:13px;color:#92400e;gap:4px}.shadowing-skip-row{display:flex;justify-content:flex-end;margin:4px 0}.skip-sentence-button{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:13px;cursor:pointer;transition:all .15s}.skip-sentence-button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#475569}.skip-sentence-button:disabled{opacity:.4;cursor:not-allowed}.professional-mode-section{margin:8px 0 12px;padding:12px 16px;background:linear-gradient(135deg,rgba(102,126,234,.06),rgba(118,75,162,.06));border:1px solid rgba(102,126,234,.15);border-radius:12px}.professional-mode-toggle,.toggle-label{display:flex;align-items:center}.toggle-label{gap:10px;cursor:pointer;font-size:14px;font-weight:600;color:#334155}.toggle-switch{width:44px;height:24px;background:#cbd5e1;border-radius:12px;position:relative;cursor:pointer;transition:background .2s}.toggle-switch.active{background:#667eea}.toggle-knob{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-switch.active .toggle-knob{transform:translateX(20px)}.professional-mode-info{margin-top:8px}.professional-info-text{font-size:13px;color:#64748b;margin:0 0 6px;line-height:1.5}.professional-details summary{font-size:12px;color:#667eea;cursor:pointer;margin-bottom:4px}.professional-benefits{font-size:12px;color:#64748b;padding-left:20px;margin:4px 0 0;line-height:1.6}.headphone-tip-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef3c7;border:1px solid #fbbf24;border-radius:10px;margin:8px 0;font-size:13px;color:#92400e}.headphone-tip-dismiss{margin-left:auto;background:none;border:none;font-size:18px;color:#92400e;cursor:pointer;padding:0 4px;line-height:1}.script-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#64748b;font-size:12px;cursor:pointer;margin-bottom:6px;transition:all .15s}.script-toggle-btn:hover{background:#f1f5f9;border-color:#94a3b8}.script-toggle-btn.hidden{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3);color:#667eea}.sentence-text-wrapper{transition:filter .3s ease,opacity .3s ease}.sentence-text-wrapper.text-hidden{filter:blur(8px);opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none}.professional-waveform-section{margin:12px 0;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.waveform-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.wavesurfer-container{border-radius:8px;overflow:hidden;margin-bottom:12px;background:#0f172a}.mic-waveform-canvas{width:100%;height:80px;border-radius:8px;background:#052e16;margin-bottom:12px}.professional-record-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:2px solid #667eea;border-radius:10px;background:#fff;color:#667eea;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.professional-record-btn:hover:not(:disabled){background:rgba(102,126,234,.05)}.professional-record-btn.recording{border-color:#ef4444;color:#ef4444;animation:pulse-border 1.5s infinite}.professional-record-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.3)}50%{box-shadow:0 0 0 4px rgba(239,68,68,.15)}}.professional-mode-section--locked{background:var(--color-bg-subtle,rgba(0,0,0,.03));border:1px dashed var(--color-border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;color:var(--color-text-secondary)}.professional-locked-header{display:flex;align-items:center;gap:8px}.professional-locked-dismiss{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary,#94a3b8);cursor:pointer;transition:background .15s ease,color .15s ease}.professional-locked-dismiss:hover{background:rgba(0,0,0,.06);color:var(--color-text-primary,#475569)}.professional-locked-dismiss:focus-visible{outline:2px solid var(--color-primary,#667eea);outline-offset:2px}.professional-locked-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-border);color:var(--color-text-secondary)}.professional-locked-title{font-weight:600;font-size:14px;color:var(--color-text)}.professional-locked-tagline{margin:0;font-size:13px;line-height:1.4}.professional-locked-progress{height:6px;width:100%;background:var(--color-border);border-radius:999px;overflow:hidden}.professional-locked-progress-bar{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.professional-locked-status{font-size:12px;color:var(--color-text-secondary)}.vocab-practice-page{min-height:calc(100vh - 120px);background:#f5f7fa;display:flex;flex-direction:column;margin:0;padding:0}.vocab-practice-empty,.vocab-practice-error,.vocab-practice-loading{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#666;font-size:18px}.loading-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;animation:spin .8s linear infinite}.btn-back,.btn-retry{padding:10px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease-out;background:#667eea;color:white;border:none}.btn-back:hover,.btn-retry:hover{background:#5568d3}.vocab-practice-header{display:flex;justify-content:center;align-items:center;padding:12px 20px}.vocab-progress-section{display:flex;align-items:center;gap:12px;width:100%;max-width:400px}.vocab-progress-bar{flex:1 1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.vocab-progress-fill{height:100%;background:#667eea;border-radius:4px;transition:width .3s ease-out;position:absolute;top:0;left:0}.vocab-progress-text{font-size:14px;font-weight:600;color:#333;white-space:nowrap}.btn-close{width:40px;height:40px;border-radius:50%;border:none;background:white;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s ease-out}.btn-close:hover{background:#f0f0f0;color:#333}.mastery-delta{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;font-weight:800;pointer-events:none;z-index:500;animation:masteryPop 1s ease-out forwards}.mastery-delta.positive{color:#28a745;text-shadow:0 4px 20px rgba(40,167,69,.5)}.mastery-delta.negative{color:#dc3545;text-shadow:0 4px 20px rgba(220,53,69,.5)}@keyframes masteryPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}40%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.vocab-practice-container{flex:1 1;display:flex;justify-content:center;align-items:flex-start;padding:12px 20px 20px}.vocab-practice-card{width:100%;max-width:480px;min-height:320px;background:white;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:max-width .2s ease-out}.vocab-practice-card.wide-card{max-width:580px}.stage-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 32px;text-align:center;gap:12px}.vocab-practice-page .stage-label{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600}.vocab-practice-page .speaking-stage .stage-label{background:#eef1fd;color:#5568d3}.vocab-practice-page .dictation-stage .stage-label{background:#fef3e2;color:#b45309}.speaking-stage .word-row{display:flex;align-items:center;gap:10px}.speaking-stage .word{font-size:48px;font-weight:700;color:#1a1a1a;margin:8px 0;letter-spacing:-.5px}.audio-btn-inline{width:36px;height:36px;border-radius:50%;border:1.5px solid #c0c8e0;background:transparent;color:#667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease-out;flex-shrink:0}.audio-btn-inline:hover{background:#f0f3ff;border-color:#667eea}.audio-btn-inline.playing{border-color:#e84393;color:#e84393;animation:pulse .8s ease-in-out infinite}.cefr-level-badge{display:inline-block;font-size:12px;padding:4px 12px;border-radius:12px;color:white;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.cefr-level-badge--A1{background:#22c55e}.cefr-level-badge--A2{background:#84cc16}.cefr-level-badge--B1{background:#eab308}.cefr-level-badge--B2{background:#f97316}.cefr-level-badge--C1{background:#ef4444}.cefr-level-badge--C2{background:#dc2626}.speaking-stage .pronunciation{font-size:20px;color:#5558d6;font-weight:500;margin:0}.stage-hint{font-size:13px;color:#888;font-weight:500;margin-top:4px}.audio-btn{width:48px;height:48px;border-radius:50%;border:none;background:#667eea;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:16px;transition:all .2s ease-out}.audio-btn:hover{background:#5568d3;transform:scale(1.1)}.audio-btn.playing{background:#e84393;animation:pulse .8s ease-in-out infinite}.pronunciation-section{margin-top:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.vocab-practice-page .record-toggle-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;border-radius:28px;border:none;background:#667eea;color:white;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-out;box-shadow:0 4px 16px rgba(102,126,234,.3)}.vocab-practice-page .record-toggle-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.record-toggle-btn.recording{background:#dc3545;border-color:#dc3545;color:white}.record-toggle-btn.recording:hover{background:#c82333;border-color:#c82333}.record-toggle-btn .recording-indicator{width:10px;height:10px;background:white;border-radius:50%;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.checking-status{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#667eea;font-weight:500}.checking-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.pronunciation-result{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:500;width:100%;max-width:420px}.pronunciation-result .feedback-text{text-align:center}.pronunciation-result svg{width:24px;height:24px}.pronunciation-result.correct{background:#d4edda;color:#155724}.pronunciation-result.incorrect{background:#f8d7da;color:#721c24}.pronunciation-result .retry-btn{padding:6px 14px;border-radius:6px;border:none;background:rgba(0,0,0,.1);color:inherit;font-size:13px;font-weight:500;cursor:pointer}.pronunciation-result .retry-btn:hover{background:rgba(0,0,0,.15)}.vocab-practice-page .pronunciation-result .next-btn{padding:8px 16px;border-radius:8px;border:none;background:#28a745;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease!important;transform:none!important;align-self:center;margin:0;line-height:1}.vocab-practice-page .pronunciation-result .next-btn:hover{background:#218838;transform:none!important}.pronunciation-error{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fff3cd;color:#856404;border-radius:6px;font-size:13px}.dictation-stage{background:linear-gradient(145deg,#f8f9fa,#ffffff)}.dictation-audio-btn{width:100px;height:100px;border-radius:50%;border:none;background:#667eea;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out;box-shadow:0 8px 24px rgba(102,126,234,.3)}.dictation-audio-btn:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(102,126,234,.4)}.dictation-audio-btn.playing{background:linear-gradient(145deg,#e84393,#d63384);animation:pulse .8s ease-in-out infinite}.dictation-instruction{font-size:15px;color:#666;margin:8px 0 16px}.dictation-input-wrapper{display:flex;align-items:center;gap:12px;width:100%;max-width:360px}.dictation-input{flex:1 1;padding:14px 20px;font-size:20px;font-weight:500;text-align:center;border:2px solid #e0e0e0;border-radius:12px;outline:none;transition:all .2s ease-out;min-width:0}.dictation-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.dictation-input.correct{border-color:#28a745;background:#d4edda;color:#155724}.dictation-submit-btn{padding:14px 24px;background:#667eea;color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-out;white-space:nowrap;flex-shrink:0}.dictation-submit-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.4)}.dictation-submit-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.dictation-submit-btn.success{background:linear-gradient(135deg,#28a745,#20c997)}.dictation-submit-btn.success:hover{box-shadow:0 4px 16px rgba(40,167,69,.4)}.letter-boxes-container{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0;max-width:100%;padding:0 8px}.letter-boxes-container.wide-layout{flex-wrap:nowrap;gap:5px}.letter-boxes-container.small-boxes{gap:4px}.letter-boxes-container.extra-small-boxes{gap:3px}.letter-box{width:44px;height:52px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;border-radius:8px;text-transform:lowercase}.letter-boxes-container.small-boxes .letter-box{width:36px;height:44px;font-size:20px;border-radius:6px}.letter-boxes-container.extra-small-boxes .letter-box{width:30px;height:38px;font-size:16px;border-radius:5px}.letter-box.locked{background:linear-gradient(145deg,#d4edda,#c3e6cb);color:#155724;border:2px solid #28a745;box-shadow:0 2px 8px rgba(40,167,69,.2)}.letter-box-space{display:inline-flex;align-items:center;justify-content:center;width:20px;height:52px;font-size:20px;color:transparent;-webkit-user-select:none;user-select:none}.letter-boxes-container.small-boxes .letter-box-space{height:44px;width:16px}.letter-boxes-container.extra-small-boxes .letter-box-space{height:38px;width:12px}.letter-box.input{background:white;color:#333;border:2px solid #667eea;outline:none;text-align:center;padding:0;caret-color:#667eea;transition:all .15s ease-out}.letter-box.input:focus{border-color:#5558d6;box-shadow:0 0 0 3px rgba(102,126,234,.2);transform:translateY(-2px)}.letter-box.input.with-hint::placeholder{color:#d4a017;opacity:.7;font-weight:600}.letter-box-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.letter-box-actions .hint-btn{padding:10px 16px;border-radius:8px;border:1px solid #ddd;background:white;color:#666;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease-out}.letter-box-actions .hint-btn:hover{background:#f5f5f5;border-color:#ccc}.hint-btn{padding:6px 12px;border-radius:6px;border:none;background:rgba(0,0,0,.1);color:inherit;cursor:pointer;font-size:13px;font-weight:500;margin-left:auto;transition:all .2s ease-out}.hint-btn:hover{background:rgba(0,0,0,.15)}.dictation-hint{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff3cd;color:#856404;border-radius:8px;font-size:14px}.hint-label{font-weight:500}.hint-word{font-weight:700;letter-spacing:2px}.session-complete{flex:1 1;flex-direction:column;text-align:center;padding:40px 20px}.complete-icon,.session-complete{display:flex;justify-content:center;align-items:center}.complete-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#28a745,#20c997);color:white;margin-bottom:24px;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}.session-complete h2{font-size:28px;color:#333;margin:0 0 12px}.complete-stats{font-size:16px;color:#666;margin:0 0 32px}.complete-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.btn-outline,.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-out}.btn-primary{background:#667eea}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(102,126,234,.4)}.btn-outline{background:white;color:#666;border:2px solid #ddd}.btn-outline:hover{background:#f5f5f5;border-color:#ccc}@media (max-width:768px){.vocab-practice-header{padding:8px 12px}.vocab-practice-card{min-height:360px;border-radius:20px;max-width:100%}.vocab-practice-card:has(.letter-boxes-container.wide-layout){max-width:100%}.stage-content{padding:24px;gap:12px}.speaking-stage .word{font-size:36px}.dictation-audio-btn{width:80px;height:80px}.dictation-audio-btn svg{width:36px;height:36px}.dictation-input{font-size:18px;padding:12px 16px}.letter-boxes-container{gap:5px}.letter-boxes-container.wide-layout{flex-wrap:wrap}.letter-box{width:36px;height:44px;font-size:20px}.letter-boxes-container.small-boxes .letter-box{width:32px;height:40px;font-size:18px}.letter-boxes-container.extra-small-boxes .letter-box{width:28px;height:36px;font-size:15px}.letter-box-space{height:44px;width:14px}.letter-boxes-container.small-boxes .letter-box-space{height:40px;width:12px}.letter-boxes-container.extra-small-boxes .letter-box-space{height:36px;width:10px}.letter-box-actions{flex-wrap:wrap;justify-content:center}.vocab-practice-page{padding-bottom:80px}}@media (prefers-reduced-motion:reduce){.audio-btn.playing,.dictation-audio-btn.playing{animation:none}.mastery-delta{animation:none;opacity:1}}.ljd-page{max-width:1200px;margin:0 auto;padding:var(--space-6,24px);min-height:100vh}.ljd-error,.ljd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:12px;color:var(--color-text-muted,#64748b)}.ljd-error button{padding:8px 20px;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,6px);background:white;cursor:pointer}.ljd-header{display:flex;align-items:baseline;gap:12px;margin-bottom:var(--space-6,24px)}.ljd-header h1{font-size:1.3rem;font-weight:700;margin:0;color:var(--color-text-primary,#1e293b)}.ljd-subtitle{font-size:.85rem;color:var(--color-text-muted,#64748b)}.ljd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ljd-card{background:white;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,12px);padding:20px;box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,.05))}.ljd-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.88rem;font-weight:600;color:var(--color-text-primary,#1e293b)}.ljd-position-card{grid-row:span 2}.ljd-detail-link{font-size:.78rem;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none}.ljd-detail-link:hover{text-decoration:underline}.ljd-overall-badge{padding:2px 10px;border-radius:20px;color:white;font-size:.75rem;font-weight:700}.ljd-radar-svg{width:100%;max-width:280px;margin:0 auto;display:block}.ljd-confidence{text-align:center;font-size:.72rem;color:var(--color-text-light,#94a3b8);margin-top:8px}.ljd-daily-card{grid-column:span 2}.ljd-time-badge{padding:2px 10px;border-radius:20px;background:var(--color-primary-light,#f0f4ff);color:var(--color-primary,#667eea);font-size:.72rem;font-weight:600}.ljd-daily-summary{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--color-text-secondary,#475569);margin-bottom:12px}.ljd-streak{font-size:.72rem;color:var(--color-warning,#f59e0b);font-weight:600}.ljd-review-groups{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.ljd-review-group{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,6px);overflow:hidden}.ljd-review-group-header{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:var(--color-bg-secondary,#f8fafc);border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:.8rem;color:var(--color-text-secondary,#475569);transition:background .15s ease}.ljd-review-group-header:hover{background:var(--color-bg-tertiary,#f1f5f9)}.ljd-review-preview{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--color-text-muted,#64748b)}.ljd-review-chevron{font-size:.7rem;color:var(--color-text-muted,#64748b);transition:transform .2s ease;flex-shrink:0}.ljd-review-chevron--open{transform:rotate(180deg)}.ljd-review-group-items{display:flex;flex-direction:column}.ljd-review-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px 6px 20px;font-size:.78rem;border-top:1px solid var(--color-border-light,#f1f5f9)}.ljd-review-detail-row:hover{background:var(--color-bg-secondary,#f8fafc)}.ljd-review-detail-label{color:var(--color-text-primary,#1e293b)}.ljd-review-detail-r{font-size:.7rem;font-weight:500;flex-shrink:0}.ljd-item-type{padding:1px 6px;border-radius:var(--radius-sm,4px);font-size:.65rem;font-weight:600;flex-shrink:0}.ljd-type-vocabulary{background:#f5f3ff;color:#7c3aed}.ljd-type-knowledgePoint{background:#ecfdf5;color:#059669}.ljd-type-pattern{background:#eff6ff;color:#2563eb}.ljd-daily-focus{padding:10px 12px;background:var(--color-primary-light,#f0f4ff);border-radius:var(--radius-md,6px);font-size:.78rem;color:var(--color-text-secondary,#475569)}.ljd-focus-label{font-weight:600;color:var(--color-primary,#667eea);margin-right:6px}.ljd-practice-cta{display:block;text-align:center;padding:12px 24px;margin-top:12px;border-radius:var(--radius-md,8px);background:var(--color-primary,#667eea);color:white;font-weight:600;font-size:.88rem;text-decoration:none;transition:opacity .15s ease-out}.ljd-practice-cta:hover{opacity:.9}.ljd-daily-empty,.ljd-health-empty{text-align:center;padding:20px 0;color:var(--color-text-muted,#64748b);font-size:.85rem}.ljd-daily-empty-sub,.ljd-health-empty-sub{font-size:.75rem;color:var(--color-text-light,#94a3b8);margin-top:4px}.ljd-health-total{font-size:.72rem;color:var(--color-text-light,#94a3b8);font-weight:400}.ljd-health-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--color-bg-tertiary,#f1f5f9);margin-bottom:12px}.ljd-health-solid{background:#16a34a}.ljd-health-review{background:#f59e0b}.ljd-health-fading{background:#dc2626}.ljd-health-legend{display:flex;gap:16px;margin-bottom:10px}.ljd-health-stat{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary,#475569)}.ljd-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ljd-dot-solid{background:#16a34a}.ljd-dot-review{background:#f59e0b}.ljd-dot-fading{background:#dc2626}.ljd-health-due{font-size:.78rem;color:var(--color-warning,#f59e0b);font-weight:500;margin-bottom:4px}.ljd-health-projection{font-size:.72rem;color:var(--color-text-muted,#64748b);font-style:italic}.ljd-dim-card{background:white;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,8px);padding:14px 16px;box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,.05))}.ljd-dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ljd-dim-name{font-size:.82rem;font-weight:600;color:var(--color-text-primary,#1e293b)}.ljd-dim-cefr{font-size:.85rem;font-weight:800}.ljd-dim-bar-bg{height:6px;border-radius:3px;background:var(--color-bg-tertiary,#f1f5f9);overflow:hidden;margin-bottom:6px}.ljd-dim-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.ljd-dim-footer{display:flex;justify-content:space-between;align-items:center}.ljd-dim-score{font-size:.72rem;color:var(--color-text-muted,#64748b)}.ljd-dim-trend{font-size:.68rem;font-weight:500}@media (max-width:1024px){.ljd-grid{grid-template-columns:1fr 1fr}.ljd-position-card{grid-row:span 1;grid-column:span 2}.ljd-daily-card{grid-column:span 2}}@media (max-width:640px){.ljd-page{padding:16px}.ljd-grid{grid-template-columns:1fr}.ljd-daily-card,.ljd-position-card{grid-column:span 1}.ljd-health-legend{flex-wrap:wrap;gap:8px}}.learning-report-detail-page{max-width:720px;margin:0 auto;padding:24px 20px 64px}.learning-report-detail-nav{margin-bottom:16px}.learning-report-detail-nav a{color:#6b7280;text-decoration:none;font-size:14px}.learning-report-detail-nav a:hover{color:#667eea}.learning-report-detail-header{margin-bottom:24px}.learning-report-detail-period{font-size:13px;color:#6b7280;margin:0 0 6px}.learning-report-detail-header h1{font-size:24px;margin:0;color:#1f2937}.learning-report-detail-title{display:flex;align-items:center;gap:12px}.learning-report-detail-body{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;line-height:1.75;color:#1f2937;font-size:15px}.learning-report-section-title{font-size:17px;color:#111827;margin:20px 0 10px}.learning-report-section-title:first-child{margin-top:0}.learning-report-detail-notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px}.learning-report-recommendation{margin-top:20px;padding:20px;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px}.learning-report-recommendation h3{margin:0 0 8px;font-size:15px;color:#5b21b6}.learning-report-recommendation a{color:#6d28d9;font-weight:600;text-decoration:none}.learning-report-recommendation-reason{margin:10px 0 0;font-size:14px;color:#4b5563}.learning-report-trial-end-cta{margin-top:24px;text-align:center}.learning-report-trial-end-cta__button{display:inline-block;background:var(--color-primary,#667eea);color:#ffffff;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s ease}.learning-report-trial-end-cta__button:hover{background:#5a6fd6}.learning-report-trial-end-cta__sub{margin:10px 0 0;font-size:13px;color:#64748b}.learning-report-detail-error,.learning-report-detail-loading{padding:48px 20px;text-align:center;color:#6b7280}.learning-report-strong{font-weight:700;color:#111827;background:linear-gradient(180deg,transparent 60%,#fef3c7 0);padding:0 2px}.learning-report-em{font-style:normal;font-weight:600;color:#6d28d9;border-bottom:1.5px solid #ddd6fe;padding:0 1px}.learning-report-kp-pill{display:inline;padding:1px 8px;margin:0 2px;border:none;background:#eef2ff;color:#4338ca;border-radius:999px;font-size:inherit;font-family:inherit;font-weight:600;cursor:pointer;line-height:inherit;transition:background .15s ease,transform .15s ease}.learning-report-kp-pill:hover{background:#c7d2fe;transform:translateY(-1px)}.learning-report-kp-pill:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.learning-reports-page{max-width:720px;margin:0 auto;padding:32px 20px 64px}.learning-reports-header h1{font-size:24px;margin:0 0 8px;color:#1f2937}.learning-reports-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.learning-reports-title h1{margin:0}.learning-reports-header p{font-size:14px;color:#6b7280;margin:0 0 24px}.learning-reports-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.learning-reports-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit;transition:all .15s ease;position:relative}.learning-reports-card:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.1)}.learning-reports-item.is-read .learning-reports-card{background:#f9fafb}.learning-reports-period{font-weight:600;font-size:15px;color:#111827}.learning-reports-status{font-size:13px;color:#6b7280}.learning-reports-dot{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:#667eea}.learning-reports-empty,.learning-reports-error{padding:32px;text-align:center;color:#6b7280;background:#f9fafb;border-radius:12px}.learning-reports-error{color:#b91c1c;background:#fef2f2}.legal-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:40px 20px 80px}.legal-container{max-width:800px;margin:0 auto;background:white;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);overflow:hidden}.legal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:48px 40px;text-align:center}.legal-header h1{color:white;font-size:32px;font-weight:700;margin:0 0 12px}.legal-updated{color:rgba(255,255,255,.8);font-size:14px;margin:0}.legal-content{padding:40px}.legal-section{margin-bottom:32px}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.legal-section h3{color:#334155;font-size:16px;font-weight:600;margin:20px 0 12px}.legal-section p{color:#475569;font-size:15px;line-height:1.8;margin:0 0 12px}.legal-section ul{margin:12px 0;padding-left:24px}.legal-section li{color:#475569;font-size:15px;line-height:1.8;margin-bottom:8px}.legal-section li:last-child{margin-bottom:0}.legal-email{display:inline-block;background:#f1f5f9;color:#6366f1;font-weight:500;padding:8px 16px;border-radius:8px;margin-top:8px}.legal-footer{display:flex;justify-content:center;gap:24px;padding:24px 40px;background:#f8fafc;border-top:1px solid #e2e8f0}.legal-link{color:#6366f1;text-decoration:none;font-size:15px;font-weight:500;padding:10px 20px;border-radius:8px;transition:all .2s}.legal-link:hover{background:#eef2ff;color:#4f46e5}@media (max-width:768px){.legal-page{padding:20px 16px 60px}.legal-container{border-radius:12px}.legal-header{padding:32px 24px}.legal-header h1{font-size:26px}.legal-content{padding:24px}.legal-section h2{font-size:18px}.legal-section li,.legal-section p{font-size:14px}.legal-footer{flex-direction:column;align-items:center;gap:12px;padding:20px 24px}.legal-link{width:100%;text-align:center}}html.page-messages,html.page-messages .App,html.page-messages body{height:100vh!important;height:100dvh!important;overflow:hidden!important}html.page-messages .App{min-height:0!important;max-height:100vh!important;max-height:100dvh!important}html.page-messages .App>main{flex:1 1!important;min-height:0!important;overflow:hidden!important}.messages-page-container{height:100%;overflow:hidden;display:flex;max-width:72rem;margin:0 auto;background-color:#f9fafb}.morph-ref{max-width:900px;margin:0 auto;padding:32px 20px 80px}.morph-ref__header{margin-bottom:24px}.morph-ref__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;margin-bottom:16px}.morph-ref__back:hover{text-decoration:underline}.morph-ref__title{font-size:24px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 6px}.morph-ref__subtitle{font-size:14px;margin:0}.morph-ref__loading,.morph-ref__subtitle{color:var(--color-text-secondary,#64748b)}.morph-ref__loading{display:flex;justify-content:center;align-items:center;min-height:300px}.morph-ref__intro{background:var(--color-bg-subtle,#f1f5f9);border-radius:12px;padding:16px 20px;margin-bottom:20px}.morph-ref__intro p{font-size:14px;line-height:1.7;color:var(--color-text-primary,#1e293b);margin:0}.morph-ref__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.morph-ref__stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;background:var(--color-surface,#fff);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.morph-ref__stat-value{font-size:24px;font-weight:700;color:var(--color-primary,#667eea)}.morph-ref__stat-label{font-size:12px;font-weight:500;color:var(--color-text-tertiary,#94a3b8)}.morph-ref__toc{background:var(--color-surface,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:32px}.morph-ref__toc-title{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 16px}.morph-ref__toc-section{margin-bottom:16px}.morph-ref__toc-section:last-child{margin-bottom:0}.morph-ref__toc-type{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.morph-ref__toc-type--prefix{color:#7c3aed}.morph-ref__toc-type--suffix{color:#d97706}.morph-ref__toc-type--root{color:#2563eb}.morph-ref__toc-cats{display:flex;flex-direction:column;gap:8px;padding-left:12px}.morph-ref__toc-cat{display:flex;align-items:baseline;gap:10px}.morph-ref__toc-cat-name{width:110px;font-size:12px;font-weight:500;color:var(--color-text-tertiary,#94a3b8);text-transform:capitalize;flex-shrink:0}.morph-ref__toc-items{display:flex;flex-wrap:wrap;gap:4px}.morph-ref__toc-item{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--color-bg-subtle,#f1f5f9);font-size:12px;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:var(--color-primary,#667eea);text-decoration:none;transition:background .15s}.morph-ref__toc-item:hover{background:#e0e7ff}.morph-ref__type-section{margin-bottom:36px}.morph-ref__type-title{font-size:18px;font-weight:700;margin:0 0 4px;padding-bottom:10px;border-bottom:2px solid var(--color-bg-subtle,#f1f5f9)}.morph-ref__type-title--prefix{color:#7c3aed}.morph-ref__type-title--suffix{color:#d97706}.morph-ref__type-title--root{color:#2563eb}.morph-ref__type-desc{display:block;font-size:13px;font-weight:400;color:var(--color-text-secondary,#64748b);margin-top:2px}.morph-ref__cat-section{margin-bottom:24px}.morph-ref__cat-title{font-size:14px;font-weight:600;color:var(--color-text-secondary,#64748b);text-transform:capitalize;margin:0 0 12px}.morph-ref__native-label{font-size:13px;font-weight:400;color:var(--color-text-tertiary,#94a3b8);text-transform:none;margin-left:8px}.morph-ref__morpheme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.morph-ref__card{background:var(--color-surface,#fff);border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.08);scroll-margin-top:20px;transition:box-shadow .15s}.morph-ref__card:target{box-shadow:0 0 0 2px var(--color-primary,#667eea),0 2px 8px rgba(102,126,234,.2)}.morph-ref__card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.morph-ref__morpheme-display{font-size:18px;font-weight:700;font-family:SF Mono,Fira Code,monospace}.morph-ref__morpheme-display--prefix{color:#7c3aed}.morph-ref__morpheme-display--suffix{color:#d97706}.morph-ref__morpheme-display--root{color:#2563eb}.morph-ref__cefr{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;background:var(--color-bg-subtle,#f1f5f9);color:var(--color-text-tertiary,#94a3b8)}.morph-ref__cefr[data-level=A1],.morph-ref__cefr[data-level=A2]{background:#d1fae5;color:#059669}.morph-ref__cefr[data-level=B1],.morph-ref__cefr[data-level=B2]{background:#fef3c7;color:#d97706}.morph-ref__cefr[data-level=C1],.morph-ref__cefr[data-level=C2]{background:#fee2e2;color:#dc2626}.morph-ref__meaning{font-size:13px;line-height:1.5;color:var(--color-text-primary,#1e293b);margin:0 0 8px}.morph-ref__examples{display:flex;flex-wrap:wrap;gap:4px}.morph-ref__example{display:inline-block;padding:2px 6px;border-radius:4px;background:var(--color-bg-subtle,#f1f5f9);font-size:12px;color:var(--color-text-secondary,#64748b)}@media (max-width:600px){.morph-ref__morpheme-grid{grid-template-columns:1fr}.morph-ref__toc-cat{flex-direction:column;gap:4px}.morph-ref__toc-cat-name{width:auto}}.my-courses-page{max-width:1400px;margin:0 auto;padding:20px}.my-courses-search-bar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.my-courses-search-bar .search-result-count{font-size:14px;color:#64748b}.my-courses-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#666}.my-courses-page .loading-container .spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:my-courses-spin 1s linear infinite;margin-bottom:16px}@keyframes my-courses-spin{to{transform:rotate(1turn)}}.my-courses-page .error-banner{background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.my-courses-page .error-banner p{color:#c53030;margin:0}.my-courses-page .error-banner button{padding:8px 16px;background:#fc8181;color:white;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.my-courses-page .error-banner button:hover{background:#f56565}.my-courses-page .error-banner button:focus-visible{outline:2px solid #c53030;outline-offset:2px}.my-courses-page .empty-state{text-align:center;padding:60px 20px}.my-courses-page .empty-icon{font-size:64px;margin-bottom:16px}.my-courses-page .empty-state h3{font-size:1.5rem;color:#333;margin-bottom:8px}.my-courses-page .empty-state p{color:#666;margin-bottom:24px}.my-courses-page .btn-primary{display:inline-block;padding:12px 24px;background:#667eea;color:white;text-decoration:none;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.my-courses-page .btn-primary:hover{background:#5a67d8}.my-courses-page .btn-primary:focus-visible{outline:2px solid #667eea;outline-offset:2px}.my-courses-page .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.my-courses-page .course-card{background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.my-courses-page .course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.my-courses-page .course-card:focus-visible{outline:2px solid #667eea;outline-offset:2px}.my-courses-page .course-cover{height:160px;background-size:cover;background-position:50%;background-color:#f5f5f5}.my-courses-page .course-cover.placeholder{display:flex;align-items:center;justify-content:center;background:#667eea}.my-courses-page .course-cover.placeholder span{font-size:48px}.my-courses-page .course-info{padding:16px}.my-courses-page .course-title{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:8px;line-height:1.3}.my-courses-page .course-description,.my-courses-page .course-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-courses-page .course-description{font-size:14px;color:#666;margin-bottom:12px}.my-courses-page .course-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.my-courses-page .badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.my-courses-page .badge.difficulty{background:#e8f4fd;color:#1976d2}.my-courses-page .badge.difficulty.beginner{background:#e8f5e9;color:#388e3c}.my-courses-page .badge.difficulty.intermediate{background:#fff3e0;color:#f57c00}.my-courses-page .badge.difficulty.advanced{background:#fce4ec;color:#d32f2f}.my-courses-page .badge.duration{background:#f3e5f5;color:#7b1fa2}.my-courses-page .badge.words{background:#e3f2fd;color:#1565c0}.my-courses-page .course-content-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:8px 0;border-top:1px dashed #eee}.my-courses-page .content-stat{font-size:12px;color:#666;background:#f8f9fa;padding:3px 8px;border-radius:4px}.my-courses-page .course-stats{display:flex;gap:16px;margin-bottom:12px}.my-courses-page .stat{display:flex;align-items:center;gap:4px;font-size:13px;color:#888}.my-courses-page .stat-icon{font-size:14px}.my-courses-page .course-creator{font-size:12px;color:#999;padding-top:8px;border-top:1px solid #eee}.my-courses-page .creator-link{color:var(--color-primary,#667eea);text-decoration:none;font-weight:500;transition:color .2s ease}.my-courses-page .creator-link:hover{color:var(--color-primary-hover,#5a67d8);text-decoration:underline}.my-courses-page .course-actions{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.my-courses-page .btn-enter{width:100%;padding:10px 16px;background:#667eea;color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.my-courses-page .btn-enter:hover{background:#5a67d8;transform:scale(1.02)}.my-courses-page .btn-enter:active{transform:scale(.98)}.my-courses-page .btn-enter:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (max-width:768px){.my-courses-page{padding:16px}.my-courses-search-bar{flex-direction:column;align-items:stretch;gap:10px}.my-courses-search-bar .search-result-count{font-size:13px;text-align:center}.my-courses-page .courses-grid{grid-template-columns:1fr}.my-courses-page .course-cover{height:140px}}.playlists-page{max-width:1400px;margin:0 auto;padding:20px}.playlists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.playlists-header h1{font-size:28px;font-weight:700;color:#1E293B;margin:0}.btn-create-playlist{padding:12px 24px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--transition-normal)}.btn-create-playlist:hover{background:var(--color-primary-hover)}.create-playlist-form{background:var(--color-bg-tertiary);padding:20px;border-radius:var(--radius-xl);margin-bottom:24px;border:1px solid #e2e8f0}.create-playlist-form input{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:var(--radius-lg);font-size:16px;margin-bottom:12px;box-sizing:border-box}.create-playlist-form input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.create-error{color:var(--color-error)}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.playlist-card{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.playlist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.playlist-thumbnail{position:relative;height:160px;background:#F1F5F9}.playlist-thumbnail img{width:100%;height:100%;object-fit:cover}.playlist-count{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.75);color:white;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500}.playlist-info{padding:16px}.playlist-info h3{font-size:18px;font-weight:600;color:#1E293B;margin:0 0 8px}.playlist-description{font-size:14px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-meta{gap:8px}.btn-delete{background:rgba(255,255,255,.95);transition:all var(--transition-normal);font-weight:600;box-shadow:var(--shadow-sm);z-index:10}.playlist-card:hover .btn-delete{opacity:1}@media (max-width:768px){.playlists-page{padding:16px}.playlists-header{flex-direction:column;gap:16px;align-items:flex-start}.playlists-header h1{font-size:24px}.btn-create-playlist{width:100%}.playlists-grid{grid-template-columns:1fr}}.my-series-page{max-width:1200px;margin:0 auto;padding:24px}.series-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.series-header h1{font-size:28px;font-weight:700;color:#1E293B;margin:0}.btn-create-series{padding:12px 24px;background:#2563EB;color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-series:hover{background:#1D4ED8;transform:translateY(-1px)}.error-banner{background:#FEF2F2;border:1px solid #fecaca;color:#DC2626;padding:16px;border-radius:8px}.error-banner button{padding:8px 16px;background:#DC2626;color:white;border-radius:6px}.create-series-form{background:#F8FAFC;padding:20px;border-radius:12px;margin-bottom:24px;border:1px solid #e2e8f0}.create-series-form input,.create-series-form textarea{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;margin-bottom:12px;box-sizing:border-box;font-family:inherit}.create-series-form textarea{resize:vertical;min-height:80px}.create-series-form input:focus,.create-series-form textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.create-error{color:#DC2626;font-size:14px;margin:0 0 12px}.create-actions{display:flex;gap:12px;justify-content:flex-end}.empty-state p{margin:0 0 24px}.btn-primary{padding:12px 24px;background:#2563EB;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#1D4ED8}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.series-card{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.series-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.series-thumbnail{position:relative;height:160px;background:#F1F5F9}.series-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.thumbnail-placeholder span{font-size:48px}.series-count{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.75);color:white;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500}.series-info{padding:16px}.series-info h3{font-size:18px;font-weight:600;color:#1E293B;margin:0 0 8px}.series-description{font-size:14px;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-meta{gap:8px}.status-badge{padding:4px 10px;font-size:12px}.btn-delete{position:absolute;top:12px;right:12px;width:36px;height:36px;background:rgba(255,255,255,.9);border:none;border-radius:50%;cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:20px;color:#64748B}.series-card:hover .btn-delete{opacity:1}.btn-delete:hover{background:#FEE2E2;color:#DC2626;transform:scale(1.1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}@media (max-width:768px){.my-series-page{padding:16px}.series-header{flex-direction:column;gap:16px;align-items:flex-start}.series-header h1{font-size:24px}.btn-create-series{width:100%}.series-grid{grid-template-columns:1fr}}.phonics-ref{max-width:800px;margin:0 auto;padding:32px 20px 80px}.phonics-ref__header{margin-bottom:24px}.phonics-ref__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;margin-bottom:16px}.phonics-ref__back:hover{text-decoration:underline}.phonics-ref__title{font-size:24px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 6px}.phonics-ref__subtitle{font-size:14px;color:var(--color-text-secondary,#64748b);margin:0}.phonics-ref__intro{background:var(--color-bg-subtle,#f1f5f9);border-radius:12px;padding:16px 20px;margin-bottom:24px}.phonics-ref__intro p{font-size:14px;line-height:1.7;color:var(--color-text-primary,#1e293b);margin:0}.phonics-ref__toc{background:var(--color-surface,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:28px}.phonics-ref__toc-title{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 12px}.phonics-ref__toc-grid{display:flex;flex-direction:column;gap:12px}.phonics-ref__toc-group{display:flex;align-items:baseline;gap:12px}.phonics-ref__toc-type{width:100px;font-size:12px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.phonics-ref__toc-links{display:flex;flex-wrap:wrap;gap:6px}.phonics-ref__toc-link{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--color-bg-subtle,#f1f5f9);font-size:13px;font-weight:600;color:var(--color-primary,#667eea);text-decoration:none;transition:background .15s}.phonics-ref__toc-link:hover{background:#e0e7ff}.phonics-ref__group{margin-bottom:32px}.phonics-ref__group-title{font-size:16px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-bg-subtle,#f1f5f9)}.phonics-ref__card{background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px;overflow:hidden;scroll-margin-top:20px}.phonics-ref__card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-subtle,#f1f5f9)}.phonics-ref__pair{display:flex;align-items:center;gap:10px}.phonics-ref__letter{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--color-surface,#fff);font-size:20px;font-weight:700;color:var(--color-text-primary,#1e293b);box-shadow:0 1px 2px rgba(0,0,0,.06)}.phonics-ref__vs{font-size:12px;color:var(--color-text-tertiary,#94a3b8);font-weight:500}.phonics-ref__type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.phonics-ref__type-badge--voicing{background:#ede9fe;color:#7c3aed}.phonics-ref__type-badge--liquid{background:#dbeafe;color:#2563eb}.phonics-ref__type-badge--nasal{background:#fef3c7;color:#d97706}.phonics-ref__type-badge--cross{background:#fce7f3;color:#db2777}.phonics-ref__type-badge--vowel{background:#d1fae5;color:#059669}.phonics-ref__type-badge--visual{background:#fee2e2;color:#dc2626}.phonics-ref__type-badge--spelling{background:#f0fdf4;color:#16a34a}.phonics-ref__letter--digraph{width:auto;min-width:40px;height:auto;min-height:40px;padding:6px 12px;font-size:20px;letter-spacing:0;text-transform:none;white-space:nowrap}.phonics-ref__card-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.phonics-ref__section h4{font-size:12px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.phonics-ref__section p{font-size:14px;line-height:1.6;color:var(--color-text-primary,#1e293b);margin:0}.phonics-ref__examples-section{border-top:1px solid var(--color-bg-subtle,#f1f5f9);padding-top:10px}.phonics-ref__examples-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 0;border:none;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;transition:color .15s}.phonics-ref__examples-toggle:hover{color:var(--color-text-secondary,#64748b)}.phonics-ref__examples-chevron{transition:transform .2s;flex-shrink:0}.phonics-ref__examples-toggle--open .phonics-ref__examples-chevron{transform:rotate(180deg)}.phonics-ref__examples-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-bg-subtle,#f1f5f9);font-size:11px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);margin-left:auto}.phonics-ref__examples-body{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px;animation:phonics-ref-fadein .15s ease}@keyframes phonics-ref-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.phonics-ref__word-pair{display:flex;align-items:center;gap:8px}.phonics-ref__pair-slash{font-size:13px;color:var(--color-text-tertiary,#94a3b8);font-weight:500;flex-shrink:0}.phonics-ref__word-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;background:var(--color-surface,#fff);cursor:pointer;font-size:14px;font-weight:600;font-family:SF Mono,Fira Code,monospace;color:var(--color-text-primary,#1e293b);transition:all .15s}.phonics-ref__word-btn:hover{background:#f5f3ff}.phonics-ref__word-btn--playing,.phonics-ref__word-btn:hover{border-color:var(--color-primary,#667eea);color:var(--color-primary,#667eea)}.phonics-ref__word-btn--playing{background:#ede9fe}.phonics-ref__word-btn--loading{opacity:.7;cursor:wait}.phonics-ref__spinner{flex-shrink:0;animation:phonics-spin 1s linear infinite}@keyframes phonics-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phonics-ref__speaker-icon{flex-shrink:0;opacity:.5}.phonics-ref__word-btn--playing .phonics-ref__speaker-icon,.phonics-ref__word-btn:hover .phonics-ref__speaker-icon{opacity:1}@media (max-width:600px){.phonics-ref__toc-group{flex-direction:column;gap:4px}.phonics-ref__toc-type{width:auto}.phonics-ref__letter{width:32px;height:32px;font-size:16px}}.placement-history-page{min-height:calc(100vh - 64px);padding:40px 20px;background:var(--color-bg-secondary)}.history-loading{padding:80px 0}.history-empty{max-width:400px;margin:0 auto;padding:48px 32px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.history-empty h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.history-empty p{color:var(--color-text-muted);margin-bottom:24px;line-height:1.5}.history-container{max-width:700px;margin:0 auto}.history-header{flex-direction:column;align-items:flex-start;margin-bottom:28px}.history-back-btn{display:inline-flex;align-items:center;gap:6px;padding:0;font-size:.875rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;margin-bottom:8px;transition:color .2s}.history-back-btn:hover{color:var(--color-primary)}.history-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.history-timeline{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px 24px 20px;margin-bottom:24px}.timeline-chart{position:relative;display:flex;gap:0}.timeline-y-labels{position:relative;width:32px;flex-shrink:0;height:180px}.timeline-y-label{position:absolute;right:8px;transform:translateY(50%);font-size:.7rem;font-weight:600;color:var(--color-text-light);white-space:nowrap}.timeline-chart-area{position:relative;flex:1 1;height:180px}.timeline-svg{position:absolute;inset:0;width:100%;height:100%}.timeline-dot{position:absolute;width:10px;height:10px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transform:translate(-50%,-50%);z-index:1}.history-section-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:8px}.history-latest,.history-previous{margin-bottom:24px}.history-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:8px}.history-card--clickable{cursor:pointer;transition:box-shadow .2s,transform .15s}.history-card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.history-card--latest{border:2px solid var(--color-primary-100)}.history-card-level{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;flex-shrink:0}.history-card-info{flex:1 1}.history-card-date{font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.history-card-meta{font-size:.8125rem;color:var(--color-text-muted)}.history-card-change{font-size:.75rem;font-weight:600;margin-top:4px}.history-card-change--up{color:var(--color-success)}.history-card-change--down{color:var(--color-error)}.history-card-arrow,.history-card-change--same{color:var(--color-text-light)}.history-card-arrow{flex-shrink:0;transition:color .2s}.history-card--clickable:hover .history-card-arrow{color:var(--color-primary)}.history-actions{text-align:center;margin-top:32px}.history-actions .primary-btn{padding:14px 40px;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background .2s}.history-actions .primary-btn:hover{background:var(--color-primary-hover)}@media (max-width:640px){.placement-history-page{padding:20px 16px}.history-header h1{font-size:1.5rem}.timeline-chart-area,.timeline-y-labels{height:140px}.history-card{padding:12px 16px;gap:12px}.history-card-level{width:40px;height:40px;font-size:.875rem}}.placement-test-page{min-height:calc(100dvh - 64px);height:calc(100dvh - 64px - var(--keyboard-h, 0px));width:100%;padding:40px 20px;background:var(--color-bg-secondary);display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:height .15s ease-out}@media (hover:hover) and (pointer:fine){.placement-test-page{height:auto}}.placement-test-container{width:100%;max-width:860px;margin:0 auto;padding:24px 20px 48px}.placement-test-page button:disabled{opacity:.7;cursor:not-allowed}.error-container{max-width:500px;margin:80px auto;padding:40px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center}.error-container h2{color:var(--color-error);margin-bottom:16px}.error-container p{color:var(--color-text-muted);margin-bottom:24px}.error-container button{padding:12px 32px;font-size:16px;color:#fff;transition:background .2s}.placement-test-intro{max-width:560px;width:100%;margin:0 auto;padding:56px 48px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center}.placement-test-intro h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:16px}.cefr-with-help{position:relative;gap:6px}.cefr-help-btn,.cefr-with-help{display:inline-flex;align-items:center}.cefr-help-btn{justify-content:center;width:22px;height:22px;padding:0;font-size:14px;font-weight:600;color:var(--color-primary);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:50%;cursor:pointer;transition:all .2s ease;vertical-align:middle}.cefr-help-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.intro-description{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:8px}.intro-reassurance{font-size:.95rem;color:var(--color-success);font-weight:500;margin-bottom:32px}.intro-meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:6px}.intro-difficulty-note{font-size:.875rem;color:var(--color-text-secondary);line-height:1.55;max-width:420px;margin:0 auto 28px}.intro-stepper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px;margin-bottom:36px;font-size:.8rem;color:var(--color-text-muted)}.stepper-step{white-space:nowrap}.stepper-arrow{color:var(--color-text-light)}.start-test-btn{padding:16px 48px;font-size:1.125rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:transform .2s,box-shadow .2s}.start-test-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.35)}.intro-history-link{display:block;margin-top:20px;padding:0;font-size:.85rem;font-weight:500;color:var(--color-text-light);background:none;border:none;cursor:pointer;transition:color .2s;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.intro-history-link:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}.progress-bar{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-text{font-size:.8125rem;color:var(--color-text-light);text-align:center;margin-bottom:24px}.test-header .progress-text:has(+.testing-adaptive-note){padding-bottom:4px}.testing-adaptive-note{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin:0;padding:0 24px 16px}.placement-test-background{max-width:600px;width:100%;margin:0 auto;padding:0;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.placement-test-background .progress-bar{border-radius:0;margin-bottom:0}.placement-test-background .progress-text,.placement-test-background .question-card{padding-left:40px;padding-right:40px}.placement-test-background .progress-text{margin-top:16px}.placement-test-background .question-card{padding-bottom:40px}.question-card{animation:fadeIn .3s ease}.question-text{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:24px;line-height:1.5}.options-list{display:flex;flex-direction:column;gap:10px}.option-btn{width:100%;padding:14px 18px;font-size:1rem;text-align:left;color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.option-btn:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary-700)}.placement-test-testing{max-width:800px;margin:0 auto}.test-header{padding:0;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.test-header .progress-bar{border-radius:0;margin-bottom:0}.test-header .progress-text{padding:16px 24px 20px}.probability-chart{display:flex;justify-content:center;align-items:flex-end;gap:16px;height:100px;padding:20px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:24px}.prob-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1;max-width:60px}.prob-bar{width:100%;min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .5s ease}.prob-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.placement-test-testing .question-card{padding:32px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color .3s ease;border:3px solid transparent}.placement-test-testing .question-card.correct{border-color:var(--color-success);animation:correctPulse .5s ease}.placement-test-testing .question-card.incorrect{border-color:var(--color-error);animation:incorrectShake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.question-type-badge{display:inline-block;padding:4px 12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-50);border-radius:20px;margin-bottom:16px}.question-stem{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:24px;line-height:1.6}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}@media (max-width:600px){.options-grid{grid-template-columns:1fr}}.test-option-btn{display:flex;align-items:center;gap:12px;padding:16px;text-align:left;color:var(--color-text-primary);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.test-option-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border)}.test-option-btn.selected{background:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary-700)}.test-option-btn .option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.875rem;font-weight:700;color:var(--color-text-muted);background:var(--color-border);border-radius:50%;flex-shrink:0}.test-option-btn.selected .option-letter{color:#fff;background:var(--color-primary)}.test-option-btn .option-text{font-size:1rem;line-height:1.4;color:var(--color-text-primary)}.answer-actions{display:flex;gap:12px;align-items:center}.submit-answer-btn{flex:1 1;padding:16px;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background .2s,opacity .2s}.submit-answer-btn:hover:not(:disabled){background:var(--color-primary-hover)}.submit-answer-btn:disabled{opacity:.5;cursor:not-allowed}.skip-answer-btn{padding:16px 24px;font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:none;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl);cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap}.skip-answer-btn:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-muted)}.skip-answer-btn:disabled{opacity:.5;cursor:not-allowed}.placement-test-login-prompt{max-width:500px;margin:0 auto;padding:48px 40px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.prompt-icon{margin-bottom:24px}.placement-test-login-prompt h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px}.prompt-teaser{font-size:1.1rem;color:var(--color-success);font-weight:600;margin-bottom:32px}.prompt-benefits{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;text-align:left}.benefit{display:flex;align-items:center;gap:12px;color:var(--color-text-primary)}.benefit svg{color:var(--color-success);flex-shrink:0}.login-btn{width:100%;padding:16px;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background .2s;margin-bottom:12px}.login-btn:hover{background:var(--color-primary-hover)}.register-link{display:block;width:100%;padding:12px;font-size:.9375rem;font-weight:500;color:var(--color-primary);background:transparent;border:none;cursor:pointer;text-decoration:underline}.register-link:hover{color:var(--color-primary-700)}.placement-test-result{max-width:700px;margin:0 auto;padding:40px 32px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.result-confetti{position:absolute;top:0;left:0;right:0;height:200px;pointer-events:none;overflow:hidden}.result-confetti span{position:absolute;width:8px;height:8px;border-radius:2px;opacity:0;animation:confettiFall 2.5s ease-out forwards}.result-confetti span:first-child{left:10%;background:#667eea;animation-delay:.1s}.result-confetti span:nth-child(2){left:20%;background:#f59e0b;animation-delay:.2s;width:6px;height:10px}.result-confetti span:nth-child(3){left:35%;background:#22c55e;animation-delay:.05s}.result-confetti span:nth-child(4){left:50%;background:#ef4444;animation-delay:.3s;width:10px;height:6px}.result-confetti span:nth-child(5){left:65%;background:#667eea;animation-delay:.15s}.result-confetti span:nth-child(6){left:75%;background:#f59e0b;animation-delay:.25s;width:6px;height:10px}.result-confetti span:nth-child(7){left:85%;background:#22c55e;animation-delay:.35s}.result-confetti span:nth-child(8){left:45%;background:#a78bfa;animation-delay:.08s;width:10px;height:6px}.result-confetti span:nth-child(9){left:55%;background:#ef4444;animation-delay:.22s}.result-confetti span:nth-child(10){left:90%;background:#a78bfa;animation-delay:.18s;width:6px;height:10px}@keyframes confettiFall{0%{top:-10px;opacity:1;transform:rotate(0deg) translateX(0)}to{top:180px;opacity:0;transform:rotate(2turn) translateX(30px)}}@media (prefers-reduced-motion:reduce){.result-confetti{display:none}.dimension-section,.distribution-chart,.level-badge,.level-description,.result-header,.result-hero{animation:none!important}}.result-header{text-align:center;margin-bottom:8px;animation:fadeInUp .5s ease both}.result-congrats{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.result-congrats-sub{font-size:.9375rem;color:var(--color-text-muted);font-weight:400;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-hero{gap:24px;padding:24px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-bottom:24px;animation:fadeInUp .6s ease .15s both}.level-badge,.result-hero{display:flex;align-items:center}.level-badge{flex-direction:column;justify-content:center;width:96px;height:96px;border-radius:50%;color:#fff;flex-shrink:0;animation:badgePop .6s cubic-bezier(.34,1.56,.64,1) .3s both,badgeGlow 2s ease-in-out 1.2s 2}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes badgeGlow{0%,to{box-shadow:0 0 0 0 rgba(102,126,234,0)}50%{box-shadow:0 0 24px 8px rgba(102,126,234,.15)}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.level-text{font-size:2rem;font-weight:800;line-height:1}.level-name{font-size:.6875rem;font-weight:500;opacity:.9;margin-top:2px}.result-hero-info{flex:1 1;min-width:0}.result-display-text{font-size:1rem;color:var(--color-text-primary);font-weight:500;margin:0 0 12px;line-height:1.5}.result-meta{display:flex;gap:24px}.result-meta .detail-item{display:flex;align-items:center;gap:6px}.detail-label{font-size:.8125rem;color:var(--color-text-muted)}.detail-value{font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.level-description{padding:16px 20px;background:var(--color-bg-secondary);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:24px;animation:fadeInUp .5s ease .25s both}.level-description h3{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.level-description p{font-size:.875rem;color:var(--color-text-muted);line-height:1.6;margin:0}.distribution-chart{margin-bottom:24px;animation:fadeInUp .5s ease .4s both}.distribution-chart h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:16px;text-align:center}.distribution-bars{display:flex;justify-content:center;gap:12px}.dist-bar-item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1;max-width:60px}.dist-bar-wrapper{width:100%;height:120px;display:flex;align-items:flex-end;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden}.dist-bar{width:100%;min-height:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height 1s ease}.dist-label{font-size:.75rem;font-weight:600;color:var(--color-text-primary)}.dist-percent{font-size:.6875rem;color:var(--color-text-muted)}.dimension-section{margin-bottom:24px;animation:fadeInUp .5s ease .35s both}.dimension-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:20px;text-align:center}.dimension-layout{display:flex;gap:24px;align-items:flex-start}.dimension-radar{flex-shrink:0;display:flex;justify-content:center}.dimension-radar-svg{display:block}.dimension-cards{flex:1 1;display:flex;flex-direction:column;gap:8px}.dim-card{padding:12px 16px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:background .2s}.dim-card--untested{opacity:.5}.dim-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.dim-card-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.dim-card-tag{font-size:.6875rem;font-weight:600;padding:2px 8px;border-radius:10px}.dim-card-tag--strong{background:var(--color-success-light,#dcfce7);color:var(--color-success,#16a34a)}.dim-card-tag--weak{background:#fef3c7;color:#d97706}.dim-card-score{display:flex;align-items:center;gap:10px}.dim-cefr{font-size:.8125rem;font-weight:700;min-width:24px}.dim-bar-track{flex:1 1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.dim-bar-fill{height:100%;border-radius:4px;transition:width 1s ease}.dim-not-tested{font-size:.8125rem;color:var(--color-text-light);font-style:italic}.dim-recommendation{font-size:.8125rem;color:var(--color-text-muted);margin-top:4px;line-height:1.4}@media (max-width:640px){.dimension-layout{flex-direction:column;align-items:center}.dimension-cards{width:100%}}.question-breakdown-section{margin-bottom:32px}.breakdown-header{text-align:center;margin-bottom:16px}.breakdown-header h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.breakdown-desc{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:12px;line-height:1.5}.breakdown-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;font-size:.875rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s,border-color .2s}.breakdown-toggle:hover{background:var(--color-primary-100);border-color:var(--color-primary)}.breakdown-chevron{display:inline-block;transition:transform .2s ease;font-size:.75rem}.breakdown-chevron--open{transform:rotate(180deg)}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{padding:16px;border-radius:var(--radius-lg);border-left:4px solid}.breakdown-item--correct{background:var(--color-success-light,#f0fdf4);border-left-color:var(--color-success,#22c55e)}.breakdown-item--incorrect{background:#fef2f2;border-left-color:#ef4444}.breakdown-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.breakdown-q-number{font-size:.8125rem;font-weight:700;color:var(--color-text-primary)}.breakdown-cefr-tag{font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:10px;letter-spacing:.5px}.breakdown-status{font-size:.75rem;font-weight:600;margin-left:auto}.breakdown-status--correct{color:var(--color-success,#22c55e)}.breakdown-status--incorrect{color:#ef4444}.breakdown-stem{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:8px}.breakdown-answers{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.breakdown-answer{display:flex;align-items:baseline;gap:8px;font-size:.8125rem;padding:4px 8px;border-radius:var(--radius-sm)}.breakdown-answer--wrong{background:rgba(239,68,68,.08)}.breakdown-answer--correct{background:rgba(34,197,94,.08)}.breakdown-answer-label{font-weight:600;color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.breakdown-answer-text{color:var(--color-text-primary)}.breakdown-kps{display:flex;flex-direction:column;gap:6px}.breakdown-kp{padding:8px 12px;border-radius:var(--radius-md);background:rgba(255,255,255,.6)}.breakdown-kp--primary{border-left:3px solid var(--color-primary)}.breakdown-kp--secondary{border-left:3px solid var(--color-border)}.breakdown-kp-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breakdown-kp-term{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.breakdown-kp-category{font-size:.6875rem;color:var(--color-text-muted);padding:1px 6px;background:var(--color-bg-tertiary);border-radius:8px}.breakdown-kp-level{font-size:.6875rem;font-weight:700}.breakdown-kp-desc{font-size:.8125rem;line-height:1.5;margin-top:4px}.breakdown-kp-desc--mastered{color:var(--color-success-text,#166534)}.breakdown-kp-desc--weak{color:#991b1b}@media (max-width:640px){.breakdown-item{padding:12px}.breakdown-kp{padding:6px 8px}.breakdown-stem{font-size:.8125rem}}.recommended-section{margin-bottom:32px}.recommended-section h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;text-align:center}.recommended-desc{font-size:.8125rem;color:var(--color-text-muted);text-align:center;margin-bottom:16px;line-height:1.5}.recommended-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.recommended-card--skeleton{height:180px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);animation:pulse 1.5s ease-in-out infinite}.recommended-empty{font-size:.875rem;color:var(--color-text-muted);text-align:center;margin-bottom:16px}.recommended-browse-btn{display:block;margin:0 auto;padding:10px 24px;font-size:.875rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s}.recommended-browse-btn:hover{background:var(--color-primary-100)}.weak-kps-summary{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-lg);padding:12px 16px;margin-bottom:16px}.weak-kps-label{display:block;font-size:.8125rem;font-weight:600;color:#92400e;margin-bottom:8px}.weak-kps-list{display:flex;flex-wrap:wrap;gap:6px}.weak-kp-chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;background:#fff;border:1px solid #fde68a;border-radius:20px;padding:3px 10px;color:#78350f}.weak-kp-chip-category{font-weight:600;font-size:.6875rem;color:#b45309}.weak-kp-chip-desc{color:#78350f}.recommended-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.recommended-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.recommended-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.recommended-card-link{text-decoration:none;color:inherit;display:block;flex:1 1}.recommended-card-thumb{position:relative;width:100%;aspect-ratio:16/9;background:var(--color-bg-tertiary);overflow:hidden}.recommended-card-thumb img{width:100%;height:100%;object-fit:cover}.recommended-card-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-border))}.recommended-card-level{position:absolute;top:8px;right:8px;font-size:.6875rem;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:2px 8px;border-radius:8px}.recommended-card-body{padding:10px 12px 12px}.recommended-card-title{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);line-height:1.4;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommended-card-creator{font-size:.75rem;color:var(--color-text-muted)}.recommended-card-reason{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border)}.recommended-card-reason-label{font-size:.6875rem;font-weight:600;color:var(--color-primary);display:block;margin-bottom:4px}.recommended-card-kp-tags{display:flex;flex-wrap:wrap;gap:4px}.recommended-kp-tag{display:inline-flex;flex-direction:column;font-size:.6875rem;background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:6px;line-height:1.3}.recommended-kp-category{font-weight:600;font-size:.5625rem;color:#b45309;text-transform:uppercase;letter-spacing:.03em}.recommended-kp-desc{font-weight:400;font-size:.625rem;color:#78716c}.recommended-card-topic-match{font-size:.6875rem;color:var(--color-success);font-weight:500}.recommended-card-actions{padding:0 12px 12px}.recommended-enroll-btn{width:100%;padding:8px 0;font-size:.8125rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .2s,opacity .2s}.recommended-enroll-btn:hover:not(:disabled){opacity:.9}.recommended-enroll-btn:disabled{cursor:default}.recommended-enroll-btn--enrolled{background:var(--color-success)}@media (max-width:640px){.recommended-grid{grid-template-columns:1fr 1fr;gap:8px}.recommended-card-body{padding:8px 10px 10px}}.result-actions{display:flex;gap:12px;margin-top:8px}.result-actions .primary-btn{flex:1 1;padding:16px;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background .2s}.result-actions .primary-btn:hover{background:var(--color-primary-hover)}.result-actions .secondary-btn{flex:1 1;padding:16px;font-size:1rem;font-weight:600;color:var(--color-primary);background:var(--color-primary-50);border:2px solid var(--color-primary-100);border-radius:var(--radius-xl);cursor:pointer;transition:background .2s,border-color .2s}.result-actions .secondary-btn:hover{background:var(--color-primary-100);border-color:var(--color-primary)}@media (max-width:640px){.placement-test-page{padding:20px 16px}.placement-test-container{padding:16px 12px 40px}.placement-test-intro,.placement-test-login-prompt,.placement-test-result{padding:32px 24px}.placement-test-background .progress-text,.placement-test-background .question-card{padding-left:24px;padding-right:24px}.placement-test-background .question-card{padding-bottom:32px}.placement-test-dictation .question-card,.placement-test-speaking .question-card{padding:24px 20px}.test-header .progress-text{padding:12px 20px 16px}.placement-test-intro h1{font-size:1.5rem}.result-hero{flex-direction:column;text-align:center;gap:16px}.result-meta{justify-content:center}.result-actions{flex-direction:column}.probability-chart{gap:8px;padding:16px}.prob-bar-container{max-width:40px}.distribution-bars{gap:8px}.dist-bar-item{max-width:45px}.dist-bar-wrapper{height:80px}}.cefr-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px;animation:fadeIn .2s ease}.cefr-modal{position:relative;width:100%;max-width:560px;max-height:85vh;background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:32px;overflow-y:auto;animation:slideUp .3s ease}.cefr-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:50%;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.cefr-modal-close:hover{background:var(--color-border);color:var(--color-text-primary)}.cefr-modal h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;padding-right:40px}.cefr-modal-intro{font-size:.9375rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:24px}.cefr-levels-list{display:flex;flex-direction:column;gap:16px}.cefr-level-item{display:flex;gap:16px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.cefr-level-badge{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;border-radius:10px}.cefr-level-content{flex:1 1}.cefr-level-content strong{display:block;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.cefr-level-content p{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin:0}@media (max-width:640px){.cefr-modal{padding:24px;max-height:90vh}.cefr-modal h2{font-size:1.25rem}.cefr-level-item{padding:12px;gap:12px}.cefr-level-badge{width:40px;height:40px;font-size:.875rem}}.placement-test-dictation{max-width:600px;margin:0 auto;animation:fadeIn .4s ease;display:flex;flex-direction:column;height:100%}.placement-test-dictation .question-card{padding:32px;background:var(--color-bg-primary);border-radius:var(--radius-xl);flex:1 1;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.dictation-instruction{color:var(--color-text-muted);font-size:.95rem;margin-bottom:16px}.dictation-audio{display:flex;justify-content:center;margin-bottom:20px}.dictation-hints{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px;padding:10px;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.hints-label{color:var(--color-text-muted)}.hint-word,.hints-label{font-size:.85rem;font-weight:500}.hint-word{padding:4px 10px;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-md)}.dictation-word-inputs{display:flex;flex-wrap:wrap;gap:12px 6px;padding:16px 0;justify-content:center;align-items:flex-start;min-height:60px;margin-bottom:16px}.pt-word-input-wrapper{display:flex;flex-direction:row;align-items:center;gap:1px;position:relative}.pt-word-punctuation{font-size:18px;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.pt-word-punctuation:not(.pt-word-punctuation--leading){margin-right:8px}.pt-word-punctuation--leading{margin-right:2px;margin-left:6px}.pt-word-punctuation-display{font-size:18px;font-weight:600;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;padding:8px 0}.pt-word-input{padding:8px 12px;font-size:16px;font-family:inherit;text-align:center;border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg-primary);transition:all .2s ease;min-width:40px}.pt-word-input:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.pt-word-input--active,.pt-word-input:focus{border-color:var(--color-primary)}.pt-word-input--correct{border-color:#28a745;background:#e8f5e9;color:#2e7d32;font-weight:600}.pt-word-input--incorrect{border-color:#dc3545;background:#ffebee;color:#c62828}.pt-word-input:disabled{cursor:default}.pt-word-hint{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:12px;color:#28a745;font-weight:500;background:#e8f5e9;padding:2px 8px;border-radius:4px;margin-top:2px;white-space:nowrap}.dictation-score{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-success-light);border-radius:var(--radius-lg);margin-bottom:16px}.dictation-score .score-value{font-size:1.5rem;font-weight:700;color:var(--color-success)}.dictation-score .score-detail{font-size:.9rem;color:var(--color-text-secondary)}.test-header-top{display:flex;align-items:center;gap:10px}.test-header-top .progress-bar{flex:1 1}.pt-preference-btn{width:36px;height:36px;border:1.5px solid var(--color-border);border-radius:10px;background:var(--color-bg-primary);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.pt-preference-btn:hover{border-color:var(--color-primary);background:rgba(102,126,234,.06)}.pt-preference-btn:active{transform:scale(.92)}.dictation-letter-picker-area{padding:16px 0;margin-bottom:16px}.placement-test-speaking{max-width:600px;margin:0 auto;animation:fadeIn .4s ease}.placement-test-speaking .question-card{padding:32px;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.speaking-instruction{color:var(--color-text-muted);font-size:.95rem;margin-bottom:16px}.speaking-reference{margin-bottom:20px;padding:16px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.reference-text{font-size:1.15rem;line-height:1.7;color:var(--color-text-primary);font-weight:500;margin-bottom:12px}.speaking-model-audio{width:100%;height:40px}.speaking-controls{display:flex;justify-content:center;margin-bottom:20px}.record-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:50px;cursor:pointer;transition:all .2s;min-width:180px}.record-btn:hover:not(:disabled){background:var(--color-primary-hover)}.record-btn--recording{background:var(--color-error);animation:pulse-recording 1.5s infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 0 0 rgba(220,38,38,.4)}50%{box-shadow:0 0 0 12px rgba(220,38,38,0)}}.speaking-score{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;background:var(--color-success-light);border-radius:var(--radius-lg);margin-bottom:16px}.speaking-score .score-value{font-size:1.5rem;font-weight:700;color:var(--color-success)}.speaking-score .score-breakdown{display:flex;gap:16px;font-size:.85rem;color:var(--color-text-secondary)}.skip-speaking-btn{display:block;width:100%;padding:12px;margin-top:12px;font-size:.95rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s}.skip-speaking-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-text-light)}.topic-chips-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.topic-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1.5px solid var(--color-border,#e2e8f0);border-radius:24px;background:var(--color-bg-primary,#fff);color:var(--color-text,#1e293b);font-size:.9rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.topic-chip.selected,.topic-chip:hover:not(:disabled){border-color:var(--color-primary,#667eea);background:var(--color-primary-50,#eef2ff)}.topic-chip.selected{color:var(--color-primary,#667eea);font-weight:600}.topic-chip-icon{font-size:1.1rem}.topic-chip-label{line-height:1.2}.topic-chip-count{font-size:.75rem;color:var(--color-text-muted,#94a3b8);background:var(--color-bg-secondary,#f1f5f9);padding:1px 6px;border-radius:8px}.topic-chip.selected .topic-chip-count{background:var(--color-primary-100,#c7d2fe);color:var(--color-primary-dark,#4f46e5)}.multi-select-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border,#e2e8f0)}.selection-count{font-size:.875rem;color:var(--color-text-muted,#94a3b8)}.continue-btn{padding:10px 28px;border:none;border-radius:var(--radius-lg,10px);background:var(--color-primary,#667eea);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.continue-btn:hover:not(:disabled){background:var(--color-primary-dark,#4f46e5)}.continue-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:640px){.topic-chips-grid{gap:8px}.topic-chip{padding:8px 12px;font-size:.85rem}.multi-select-footer{flex-direction:column;gap:12px;align-items:stretch}.selection-count{text-align:center}.continue-btn{width:100%}}.playlist-detail-page{max-width:1400px;margin:0 auto;padding:20px}.playlist-detail-header{margin-bottom:24px}.btn-back{transition:color var(--transition-normal)}.btn-back:hover{color:var(--color-primary)}.header-info h1{font-size:28px}.playlist-description{color:var(--color-text-secondary);font-size:16px;margin:0 0 16px;line-height:1.5}.playlist-meta{display:flex;align-items:center;gap:12px}.course-count{color:var(--color-text-secondary)}.visibility-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.visibility-badge.public{background:#DCFCE7;color:#15803D}.visibility-badge.private{background:#F1F5F9;color:#64748B}.btn-edit{border-radius:var(--radius-lg);transition:all var(--transition-normal)}.btn-edit:hover,.edit-form{background:var(--color-bg-tertiary)}.edit-form{border-radius:var(--radius-xl)}.edit-title-input{border-radius:var(--radius-lg)}.edit-title-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.edit-description-input{border-radius:var(--radius-lg)}.edit-description-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.visibility-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;margin-bottom:16px;cursor:pointer}.visibility-toggle input{width:18px;height:18px;cursor:pointer}.course-item{gap:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal)}.course-item:hover{box-shadow:var(--shadow-md);background:#FAFAFA}.course-order,.course-thumbnail{border-radius:var(--radius-lg)}.course-thumbnail{width:120px;height:68px;background:var(--color-bg-secondary)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#667eea}.thumbnail-placeholder span{font-size:28px}.course-title{font-size:1rem;margin:0 0 4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.course-description{font-size:13px;color:var(--color-text-secondary)}.course-meta{flex-wrap:wrap;gap:6px;margin-bottom:6px}.btn-remove{border:1px solid #e2e8f0;border-radius:var(--radius-lg);font-size:18px;opacity:0;transition:all var(--transition-normal)}.course-item:hover .btn-remove{opacity:1}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.error-container,.error-container p{color:var(--color-text-secondary)}.error-container button{background:var(--color-primary);border-radius:var(--radius-lg);font-size:14px;font-weight:600;transition:background var(--transition-normal)}.error-container button:hover{background:var(--color-primary-hover)}@media (max-width:768px){.playlist-detail-page{padding:16px}.header-content{flex-direction:column;gap:16px}.header-info h1{font-size:24px}.btn-edit{width:100%}.course-item{flex-wrap:wrap;gap:12px}.course-order{width:28px;height:28px;font-size:13px}.course-thumbnail{width:80px;height:45px}.course-info{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 140px)}.btn-remove{opacity:1}}@media (max-width:480px){.course-item{padding:12px}.course-thumbnail{display:none}.course-info{flex:1 1}.course-title{font-size:.95rem}.course-description{display:none}}.pricing-page{min-height:100vh;background:var(--color-bg-secondary);padding:clamp(40px,6vw,72px) 20px clamp(64px,8vw,96px)}.pricing-wrap{max-width:760px;margin:0 auto}.pricing-hero{text-align:center;margin:0 0 clamp(32px,4vw,48px)}.pricing-hero__title{font-size:clamp(28px,4vw,40px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2;margin:0 0 12px}.pricing-hero__subtitle{font-size:clamp(15px,1.5vw,17px);color:var(--color-text-secondary);line-height:1.6;margin:0}.pricing-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:16px 20px;margin:0 0 clamp(24px,3vw,32px);background:white;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-xl)}.pricing-status__badge{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-success-text);padding:4px 10px;background:var(--color-success-light);border-radius:999px}.pricing-status__meta{font-size:14px;color:var(--color-text-secondary)}.pricing-status__meta.is-urgent{color:var(--color-error);font-weight:500}.pricing-status__manage{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.pricing-status__manage:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-50)}.pricing-status__manage:disabled{opacity:.55;cursor:not-allowed}.pricing-toast{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin:0 0 20px;font-size:14px;border-radius:var(--radius-lg);border:1px solid transparent}.pricing-toast.is-error{color:var(--color-error);background:var(--color-error-light);border-color:var(--color-error-border)}.pricing-toast.is-success{color:var(--color-success-text);background:var(--color-success-light);border-color:#a7f3d0}.pricing-toast button{background:transparent;border:none;font-size:18px;color:inherit;cursor:pointer;opacity:.6;padding:0 4px;line-height:1}.pricing-toast button:hover{opacity:1}.pricing-toggle{display:inline-flex;gap:4px;margin:0 0 clamp(20px,2.4vw,28px);padding:4px;background:var(--color-bg-tertiary);border-radius:999px}.pricing-toggle__tab{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-muted);background:transparent;border:none;padding:8px 18px;cursor:pointer;border-radius:999px;transition:color var(--transition-fast),background-color var(--transition-fast)}.pricing-toggle__tab.is-active{color:var(--color-text-primary);background:white;box-shadow:var(--shadow-xs)}.pricing-toggle__tab:hover:not(.is-active){color:var(--color-text-secondary)}.pricing-toggle__save{font-size:11px;font-weight:600;color:var(--color-primary);background:var(--color-primary-50);padding:2px 8px;border-radius:999px;letter-spacing:.02em}.pricing-toggle__tab.is-active .pricing-toggle__save{background:var(--color-primary-100)}.pricing-summary{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 clamp(20px,2.4vw,28px)}@media (min-width:720px){.pricing-summary{grid-template-columns:1fr 1.15fr;gap:18px;align-items:stretch}}.pricing-summary__card{position:relative;display:flex;flex-direction:column;background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(20px,2.4vw,28px);box-shadow:var(--shadow-xs)}.pricing-summary__card.is-premium{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50),var(--shadow-md);background:linear-gradient(180deg,color-mix(in oklab,var(--color-primary-50) 55%,white) 0,white 40%)}.pricing-summary__badge{position:absolute;top:-12px;left:clamp(20px,2.4vw,28px);display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:white;background:var(--color-primary);border-radius:999px;box-shadow:var(--shadow-xs)}.pricing-summary__header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--color-border-light)}.pricing-summary__plan{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.pricing-summary__card.is-premium .pricing-summary__plan{color:var(--color-primary)}.pricing-summary__price{display:flex;align-items:baseline;gap:1px;color:var(--color-text-primary);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;margin-bottom:8px}.pricing-summary__approx{font-size:15px;color:var(--color-text-muted);margin-right:3px}.pricing-summary__sym{font-size:16px;color:var(--color-text-secondary);font-weight:600}.pricing-summary__amt{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em}.pricing-summary__card.is-premium .pricing-summary__amt{color:var(--color-primary)}.pricing-summary__per{font-size:13px;color:var(--color-text-muted);margin-left:4px}.pricing-summary__tagline{font-size:13px;color:var(--color-text-secondary);line-height:1.5;margin:0}.pricing-summary__save{color:var(--color-primary);font-weight:600}.pricing-summary__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1 1}.pricing-summary__item{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.55;color:var(--color-text-primary)}.pricing-summary__item.is-primary{color:var(--color-text-primary);font-weight:500}.pricing-summary__bullet,.pricing-summary__item.is-muted{color:var(--color-text-muted)}.pricing-summary__bullet{width:16px;height:16px;margin-top:2px;flex-shrink:0}.pricing-summary__card.is-premium .pricing-summary__item.is-primary .pricing-summary__bullet{color:var(--color-primary)}.pricing-summary__bullet.is-muted{color:var(--color-text-light)}.pricing-summary__note{margin:16px 0 0;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--color-text-secondary);background:var(--color-primary-50);border-radius:var(--radius-lg)}.pricing-summary__cta{margin-top:16px;width:100%;padding:12px 20px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.pricing-summary__cta:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pricing-summary__cta:active{transform:translateY(0);box-shadow:var(--shadow-xs)}@media (prefers-reduced-motion:reduce){.pricing-summary__cta{transition:none;transform:none!important}}.pricing-summary__compare-link{text-align:center;margin:0 0 clamp(16px,2vw,20px)}.pricing-summary__compare-link a{font-size:13px;color:var(--color-text-muted);text-decoration:none;border-bottom:1px dashed transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.pricing-summary__compare-link a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.pricing-compare{display:grid;grid-template-columns:minmax(0,1fr) 64px 108px;background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xs);margin:0 0 clamp(24px,3vw,32px)}@media (min-width:640px){.pricing-compare{grid-template-columns:minmax(0,1.5fr) 140px 180px}}.pricing-compare__header-cell{padding:18px 12px;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:flex-end}.pricing-compare__header-cell.is-spacer{background:white}.pricing-compare__header-cell.is-free,.pricing-compare__header-cell.is-premium{align-items:center;text-align:center;gap:6px}.pricing-compare__header-cell.is-premium{background:var(--color-primary-50);box-shadow:inset 0 3px 0 0 var(--color-primary)}@media (min-width:640px){.pricing-compare__header-cell{padding:24px 16px}}.pricing-compare__plan-name{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.pricing-compare__header-cell.is-premium .pricing-compare__plan-name{color:var(--color-primary)}.pricing-compare__plan-price{display:flex;align-items:baseline;gap:1px;color:var(--color-text-primary);font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.pricing-compare__approx{font-size:13px;color:var(--color-text-muted);margin-right:2px}.pricing-compare__sym{font-size:13px;color:var(--color-text-secondary);font-weight:600}.pricing-compare__amt{font-size:24px;font-weight:700;line-height:1;letter-spacing:-.015em}.pricing-compare__per{font-size:12px;color:var(--color-text-muted);margin-left:2px}@media (min-width:640px){.pricing-compare__sym{font-size:15px}.pricing-compare__amt{font-size:34px}.pricing-compare__per{font-size:13px}.pricing-compare__approx{font-size:15px}}.pricing-compare__billed{font-size:11px;color:var(--color-primary);font-weight:500;margin-top:2px}.pricing-compare__section-title{grid-column:1/-1;position:relative;padding:14px 16px 10px 24px;font-size:13px;font-weight:700;color:var(--color-text-primary);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.pricing-compare__section-title:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--color-primary);border-radius:2px}.pricing-compare__section-title:first-of-type{border-top:none}@media (min-width:640px){.pricing-compare__section-title{padding:18px 24px 12px 30px;font-size:14px}.pricing-compare__section-title:before{left:18px}}.pricing-compare__feature{padding:12px 14px 12px 24px;border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:52px}.pricing-compare__feature-label{font-size:14px;color:var(--color-text-primary);line-height:1.35}.pricing-compare__feature-sub{font-size:11px;color:var(--color-text-muted);line-height:1.2}@media (min-width:640px){.pricing-compare__feature{padding:14px 20px 14px 30px}.pricing-compare__feature-label{font-size:15px}.pricing-compare__feature-sub{font-size:12px}}.pricing-compare__cell{padding:12px 6px;border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px}.pricing-compare__cell.is-premium-cell{background:color-mix(in oklab,var(--color-primary-50) 70%,white)}.pricing-compare>.pricing-compare__cell:last-of-type,.pricing-compare>.pricing-compare__cell:nth-last-of-type(2),.pricing-compare>.pricing-compare__feature:last-of-type{border-bottom:none}.pricing-compare__check-subtle{width:16px;height:16px;color:var(--color-text-light)}.pricing-compare__ad-icon{width:24px;height:24px}.pricing-compare__ad-label{font-size:10px;color:#7c3aed;line-height:1;letter-spacing:.02em;font-weight:500}.pricing-compare__check-premium{width:22px;height:22px}.pricing-compare__note{font-size:11px;font-weight:600;color:var(--color-primary);text-align:center;line-height:1.3}@media (min-width:640px){.pricing-compare__check-subtle{width:18px;height:18px}.pricing-compare__ad-icon{width:28px;height:28px}.pricing-compare__check-premium{width:26px;height:26px}.pricing-compare__ad-label{font-size:11px}.pricing-compare__note{font-size:12px}}.pricing-cta-block{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 clamp(28px,4vw,40px);text-align:center}.pricing-offer__cta{display:inline-flex;align-items:center;gap:10px;padding:13px 32px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-xs)}.pricing-offer__cta:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pricing-offer__cta:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.pricing-offer__cta:disabled{opacity:.55;cursor:not-allowed}.pricing-offer__guarantee{font-size:13px;color:var(--color-text-muted);margin:0}.pricing-switch{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 clamp(24px,3vw,32px);padding:16px 20px;background:white;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-xl)}.pricing-switch__info{display:flex;align-items:flex-start;gap:12px;flex:1 1 260px}.pricing-switch__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.pricing-switch__title{display:block;font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.pricing-switch__detail{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.pricing-switch__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--color-border);background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.pricing-switch__btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-50)}.pricing-switch__btn.is-upgrade:hover:not(:disabled){border-color:var(--color-success);color:var(--color-success-text);background:var(--color-success-light)}.pricing-switch__btn:disabled{opacity:.55;cursor:not-allowed}.pricing-modal{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:24px;z-index:var(--z-modal);animation:pricing-modal-fade .16s ease}.pricing-modal__panel{background:white;max-width:440px;width:100%;padding:clamp(24px,3vw,32px);border-radius:var(--radius-xl);border-top:3px solid var(--color-primary);font-family:inherit;box-shadow:var(--shadow-lg)}.pricing-modal__panel h3{font-size:20px;font-weight:700;margin:0 0 14px;color:var(--color-text-primary)}.pricing-modal__panel p{font-size:15px;line-height:1.6;color:var(--color-text-secondary);margin:0 0 12px}.pricing-modal__note{font-size:13px;color:var(--color-text-muted);border-left:2px solid var(--color-border);padding-left:12px;margin:16px 0 24px!important}.pricing-modal__actions{display:flex;gap:10px;justify-content:flex-end}.pricing-modal__cancel,.pricing-modal__confirm{padding:10px 20px;border:1px solid var(--color-border);background:transparent;font-family:inherit;font-size:14px;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.pricing-modal__cancel{color:var(--color-text-secondary)}.pricing-modal__cancel:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.pricing-modal__confirm{background:var(--color-primary);color:white;border-color:var(--color-primary)}.pricing-modal__confirm:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pricing-faq-link{margin:clamp(32px,4vw,48px) 0 0;text-align:center}.pricing-faq-link a{font-size:15px;font-weight:500;color:var(--color-primary);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.pricing-faq-link a:hover{border-bottom-color:var(--color-primary)}.pricing-credit{font-size:13px;color:var(--color-text-muted);text-align:center;margin-top:clamp(32px,4vw,48px);padding-top:20px;border-top:1px solid var(--color-border)}.pricing-spinner{width:16px;height:16px;animation:pricing-spin .9s linear infinite}@keyframes pricing-spin{to{transform:rotate(1turn)}}@keyframes pricing-modal-fade{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.pricing-switch{flex-direction:column;align-items:stretch}.pricing-switch__btn{align-self:flex-start}.pricing-modal__actions{flex-direction:column-reverse}.pricing-modal__cancel,.pricing-modal__confirm{width:100%}}@media (prefers-reduced-motion:reduce){.pricing-modal,.pricing-spinner{animation:none}.pricing-faq-link a,.pricing-modal__cancel,.pricing-modal__confirm,.pricing-offer__cta,.pricing-status__manage,.pricing-switch__btn,.pricing-toggle__tab{transition:none;transform:none!important}}.progression-page-bg{background:var(--color-bg-secondary);min-height:100vh}.progression-page{max-width:720px;margin:0 auto;padding:32px 16px 80px}.progression-toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;z-index:1100;animation:slideDown .3s ease-out;box-shadow:0 4px 16px rgba(0,0,0,.15)}.progression-toast.success{background:var(--color-success);color:#fff}.progression-toast.error{background:#ef4444;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.progression-error,.progression-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary,#64748b);gap:16px}.loading-spinner{border:3px solid var(--color-border,#e2e8f0);border-top:3px solid #2d6a4f}.progression-error button{padding:12px 24px;background:#2D6A4F;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:background .15s}.progression-error button:hover{background:#1B4332}.progression-zone{margin-bottom:32px}.zone-title{color:var(--color-text-primary,#1e293b);font-size:17px;font-weight:700;margin:0 0 10px}.section-subtitle{color:var(--color-text-secondary,#64748b);font-size:14px;margin:0 0 14px}.progression-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;margin:12px 0 16px;background:var(--color-bg-primary);border-radius:12px;border:1px solid var(--color-border,#e8e8e4)}.progression-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.progression-stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary,#1e293b)}.progression-stat-label{font-size:11px;color:var(--color-text-secondary,#94a3b8);font-weight:500}.progression-next-milestone-hint{text-align:center;font-size:13px;color:var(--color-text-secondary,#64748b);margin:0 0 12px;padding:0 8px}.progression-claimable-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--color-success-light);color:var(--color-success-text,#15803d);font-size:13px;font-weight:600;padding:10px 16px;border-radius:12px;border:1px solid rgba(74,222,128,.2)}.claimable-banner-icon{flex-shrink:0;color:var(--color-success)}.claimable-banner-btn{padding:5px 14px;background:#2D6A4F;border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s,background .15s;margin-left:auto}.claimable-banner-btn:hover:not(:disabled){transform:scale(1.05);background:#1B4332}.claimable-banner-btn:disabled{opacity:.7;cursor:not-allowed}.milestones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.milestone-card{display:flex;flex-direction:column;align-items:center;padding:14px 10px;background:var(--color-bg-primary);border-radius:10px;border:1px solid var(--color-border,#e8e8e4);position:relative;overflow:hidden;transition:border-color .2s}.milestone-card.claimable{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,var(--color-bg-primary));animation:msPulse 2s ease-in-out infinite}@keyframes msPulse{0%,to{box-shadow:0 0 0 0 rgba(74,222,128,.3)}50%{box-shadow:0 0 0 6px rgba(74,222,128,0)}}.milestone-card.claimed{background:var(--color-success-light);border-color:rgba(34,197,94,.3);border-left:3px solid var(--color-success)}.milestone-card.locked{background:var(--color-bg-primary);border-color:var(--color-border,#e8e8e4)}.milestone-xp{color:var(--color-text-secondary,#475569);font-size:12px;font-weight:600;margin-bottom:3px}.milestone-tokens{color:#2D6A4F;font-size:16px;font-weight:700;margin-bottom:6px}.milestone-action{height:26px;display:flex;align-items:center}.milestone-claimed{display:inline-flex;align-items:center;gap:4px;color:var(--color-success);font-size:12px;font-weight:600}.milestone-claim-btn{padding:5px 14px;background:#2D6A4F;border:none;border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:transform .15s}.milestone-claim-btn:hover:not(:disabled){transform:scale(1.05);background:#1B4332}.milestone-claim-btn:focus-visible{outline:2px solid #2D6A4F;outline-offset:2px}.milestone-claim-btn:disabled{opacity:.7;cursor:not-allowed}.milestone-locked{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-secondary,#94a3b8);font-size:12px}.milestone-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-bg-secondary,#f1f5f9)}.milestone-progress-bar{height:100%;background:linear-gradient(90deg,#2D6A4F,#52B788);transition:width .5s ease-out}.week-dates{color:var(--color-text-secondary,#64748b);font-size:13px;margin:0 0 14px}.user-position-card{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:var(--color-bg-primary);border-radius:14px;border:1px solid var(--color-border,#e8e8e4);margin-bottom:16px}.user-position-info{display:flex;flex-direction:column;gap:2px}.position-label{color:var(--color-text-secondary,#64748b);font-size:12px}.position-rank{color:#2D6A4F;font-size:32px;font-weight:800;letter-spacing:-1px}.user-position-stats{display:flex;gap:24px}.position-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.position-stat .stat-value{color:var(--color-text-primary,#1e293b);font-size:18px;font-weight:700}.position-stat .stat-label{color:var(--color-text-secondary,#64748b);font-size:11px}.leaderboard-table{background:var(--color-bg-primary);border-radius:14px;border:1px solid var(--color-border,#e8e8e4);overflow:hidden;margin-bottom:16px}.leaderboard-header{display:grid;grid-template-columns:52px 1fr 80px 64px;padding:10px 16px;background:var(--color-bg-secondary,#f8f8f6);color:var(--color-text-secondary,#64748b);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.leaderboard-body{max-height:500px;overflow-y:auto}.leaderboard-row{display:grid;grid-template-columns:52px 1fr 80px 64px;padding:10px 16px;border-bottom:1px solid var(--color-border-light,#f1f1ef);align-items:center}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.is-user{background:rgba(45,106,79,.06);border-left:3px solid #2d6a4f;padding-left:13px}.leaderboard-row.rank-1{background:rgba(255,215,0,.06);border-left:3px solid #daa520;padding-left:13px}.leaderboard-row.rank-2{background:rgba(192,192,192,.06);border-left:3px solid #a8a8a8;padding-left:13px}.leaderboard-row.rank-3{background:rgba(205,127,50,.06);border-left:3px solid #b87333;padding-left:13px}.leaderboard-row.rank-1 .col-rank,.leaderboard-row.rank-2 .col-rank,.leaderboard-row.rank-3 .col-rank{font-size:20px}.col-rank{color:var(--color-text-secondary,#64748b);font-size:13px;font-weight:600}.col-player,.col-rank{display:flex;align-items:center}.col-player{gap:8px}.player-name{color:var(--color-text-primary,#1e293b);font-size:13px;font-weight:500;display:flex;align-items:center;gap:5px}.you-badge{background:#2D6A4F;color:#fff;padding:1px 7px;border-radius:8px;font-size:10px;font-weight:600}.player-level{color:var(--color-text-secondary,#94a3b8);font-size:11px}.col-points{color:#2D6A4F;font-size:13px;font-weight:700}.col-quests{color:var(--color-text-secondary,#64748b);font-size:13px}.leaderboard-empty{padding:40px 20px;text-align:center}.leaderboard-empty p{color:var(--color-text-secondary,#94a3b8);margin:0 0 6px;font-size:14px}.leaderboard-empty-hint{color:var(--color-text-muted,#b0bec5);font-size:13px}.leaderboard-rewards-summary{text-align:center;font-size:13px;color:var(--color-text-secondary,#64748b);margin:0;padding:12px 16px;background:var(--color-bg-primary);border-radius:10px;border:1px solid var(--color-border,#e8e8e4)}@media (max-width:768px){.progression-stats-row{gap:10px}.milestones-grid,.progression-stats-row{grid-template-columns:repeat(2,1fr)}.user-position-card{flex-direction:column;gap:14px;text-align:center}.leaderboard-header,.leaderboard-row{grid-template-columns:44px 1fr 68px 56px;font-size:12px}}@media (max-width:480px){.progression-page{padding:16px 12px 80px}.milestones-grid{grid-template-columns:1fr}.leaderboard-header,.leaderboard-row{grid-template-columns:40px 1fr 60px}.col-quests{display:none}.progression-claimable-banner{flex-direction:column;align-items:flex-start}.claimable-banner-btn{margin-left:0}}@media (prefers-reduced-motion:reduce){.milestone-card.claimable,.progression-toast{animation:none}.milestone-progress-bar{transition:none}.claimable-banner-btn:hover:not(:disabled),.milestone-claim-btn:hover:not(:disabled){transform:none}}.prosody-ref{max-width:800px;margin:0 auto;padding:32px 20px 80px}.prosody-ref__header{margin-bottom:24px}.prosody-ref__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;margin-bottom:16px}.prosody-ref__back:hover{text-decoration:underline}.prosody-ref__title{font-size:24px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 6px}.prosody-ref__subtitle{font-size:14px;color:var(--color-text-secondary,#64748b);margin:0}.prosody-ref__intro{background:var(--color-bg-subtle,#f1f5f9);border-radius:12px;padding:16px 20px;margin-bottom:24px}.prosody-ref__intro p{font-size:14px;line-height:1.7;color:var(--color-text-primary,#1e293b);margin:0}.prosody-ref__toc{background:var(--color-surface,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:28px}.prosody-ref__toc-title{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 12px}.prosody-ref__toc-grid{display:flex;flex-direction:column;gap:12px}.prosody-ref__toc-group{display:flex;align-items:baseline;gap:12px}.prosody-ref__toc-type{width:130px;font-size:12px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.prosody-ref__toc-links{display:flex;flex-wrap:wrap;gap:6px}.prosody-ref__toc-link{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--color-bg-subtle,#f1f5f9);font-size:13px;font-weight:600;color:var(--color-primary,#667eea);text-decoration:none;transition:background .15s}.prosody-ref__toc-link:hover{background:#e0e7ff}.prosody-ref__group{margin-bottom:32px}.prosody-ref__group-title{font-size:16px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-bg-subtle,#f1f5f9)}.prosody-ref__card{background:var(--color-surface,#fff);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:16px;overflow:hidden;scroll-margin-top:20px}.prosody-ref__card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-subtle,#f1f5f9)}.prosody-ref__pair{display:flex;align-items:center;gap:10px}.prosody-ref__pattern{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:8px;background:var(--color-surface,#fff);font-size:15px;font-weight:700;color:var(--color-text-primary,#1e293b);box-shadow:0 1px 2px rgba(0,0,0,.06);white-space:nowrap;font-family:SF Mono,Fira Code,Consolas,monospace}.prosody-ref__vs{font-size:12px;color:var(--color-text-tertiary,#94a3b8);font-weight:500}.prosody-ref__type-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.prosody-ref__type-badge--word_stress{background:#ede9fe;color:#7c3aed}.prosody-ref__type-badge--sentence_stress{background:#dbeafe;color:#2563eb}.prosody-ref__type-badge--intonation{background:#fef3c7;color:#d97706}.prosody-ref__type-badge--weak_forms{background:#fce7f3;color:#db2777}.prosody-ref__type-badge--connected_speech{background:#d1fae5;color:#059669}.prosody-ref__type-badge--rhythm{background:#fee2e2;color:#dc2626}.prosody-ref__card-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.prosody-ref__section h4{font-size:12px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.prosody-ref__section p{font-size:14px;line-height:1.6;color:var(--color-text-primary,#1e293b);margin:0}.prosody-ref__examples-section{border-top:1px solid var(--color-bg-subtle,#f1f5f9);padding-top:10px}.prosody-ref__examples-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 0;border:none;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;transition:color .15s}.prosody-ref__examples-toggle:hover{color:var(--color-text-secondary,#64748b)}.prosody-ref__examples-chevron{transition:transform .2s;flex-shrink:0}.prosody-ref__examples-toggle--open .prosody-ref__examples-chevron{transform:rotate(180deg)}.prosody-ref__examples-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-bg-subtle,#f1f5f9);font-size:11px;font-weight:600;color:var(--color-text-tertiary,#94a3b8);margin-left:auto}.prosody-ref__examples-body{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 4px;animation:prosody-ref-fadein .15s ease}@keyframes prosody-ref-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prosody-ref__example-item{display:inline-block;padding:6px 12px;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;background:var(--color-surface,#fff);font-size:14px;font-weight:600;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--color-text-primary,#1e293b)}@media (max-width:600px){.prosody-ref__toc-group{flex-direction:column;gap:4px}.prosody-ref__toc-type{width:auto}.prosody-ref__pattern{font-size:13px;padding:4px 10px}.prosody-ref__card-header{flex-wrap:wrap;gap:8px}}.public-profile-page{min-height:100vh;background:var(--color-bg-secondary);padding:clamp(24px,4vw,40px) 20px clamp(48px,6vw,72px)}.public-profile-page__wrap{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(16px,2vw,20px)}.public-profile-page__section{display:block}.public-profile-page__tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:20px}.public-profile-page__tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.public-profile-page__tab:hover{color:var(--color-text-primary)}.public-profile-page__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.public-profile-page__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:999px;font-size:12px;font-weight:600;font-feature-settings:lining-nums tabular-nums;font-variant-numeric:lining-nums tabular-nums}.public-profile-page__tab--active .public-profile-page__tab-count{background:var(--color-primary-50);color:var(--color-primary)}.public-profile-page__tab-content{min-height:120px}.public-profile-page__tab-loader{display:flex;justify-content:center;padding:48px 0}.public-profile-page--centered{display:flex;align-items:center;justify-content:center}.public-profile-page__error,.public-profile-page__loader{text-align:center;color:var(--color-text-secondary)}.public-profile-page__error svg{color:var(--color-text-muted)}.public-profile-page__error h2{margin:12px 0 6px;font-size:20px;font-weight:700;color:var(--color-text-primary)}.public-profile-page__error p{font-size:14px;margin:0 0 16px}.public-profile-page__btn{display:inline-flex;align-items:center;padding:10px 20px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.public-profile-page__btn:hover{background:var(--color-primary-hover)}.public-profile-page__spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ppp-spin .8s linear infinite;margin:0 auto 12px}@keyframes ppp-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.public-profile-page__spinner{animation-duration:2s}}.referral-page{max-width:640px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-16);min-height:100vh}.referral-error,.referral-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-muted);gap:var(--space-3)}.referral-loading .loading-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.referral-error button{margin-top:var(--space-3);padding:var(--space-2) var(--space-6);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.referral-error button:hover{background:var(--color-primary-hover)}.referral-header{text-align:center;margin-bottom:var(--space-6)}.referral-header h1{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.referral-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);margin:0;line-height:1.5}.referral-hero-illustration{display:flex;justify-content:center;margin-bottom:var(--space-6)}.referral-hero-illustration svg{width:180px;height:auto}.rewards-info-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.rewards-info-card h2{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-4)}.rewards-grid{flex-direction:column;margin-bottom:var(--space-4)}.reward-item,.rewards-grid{display:flex;gap:var(--space-3)}.reward-item{align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:border-color var(--transition-fast)}.reward-item:hover{border-color:var(--color-border)}.reward-icon-wrap{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-icon-wrap.signup{background:var(--color-primary-light)}.reward-icon-wrap.subscribe{background:#ecfdf5}.reward-icon-wrap svg{width:24px;height:24px}.reward-icon-wrap.signup svg{color:var(--color-primary)}.reward-icon-wrap.subscribe svg{color:var(--color-success)}.reward-details{flex:1 1;display:flex;flex-direction:column;gap:2px}.reward-details strong{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.reward-details span{color:var(--color-text-muted);font-size:var(--text-xs)}.reward-tokens{font-size:var(--text-lg);font-weight:700;white-space:nowrap;flex-shrink:0}.reward-tokens.signup{color:var(--color-primary)}.reward-tokens.subscribe{color:var(--color-success)}.friend-bonus{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#f0fdf4;border-radius:var(--radius-lg);border:1px solid #bbf7d0}.bonus-tag{background:var(--color-success);color:#fff;padding:3px 10px;border-radius:20px;font-size:var(--text-xs);font-weight:700;white-space:nowrap}.friend-bonus p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0;line-height:1.4}.share-section{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.share-section h2{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-3)}.referral-link-box{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.referral-link-input{flex:1 1;padding:var(--space-3);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:monospace;overflow:hidden;text-overflow:ellipsis}.copy-button,.referral-link-input{border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:nowrap}.copy-button{display:flex;align-items:center;gap:6px;padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.copy-button svg{width:16px;height:16px}.copy-button:hover{background:var(--color-border)}.copy-button.copied{background:#dcfce7;border-color:#86efac;color:var(--color-success)}.referral-code-display{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm)}.code-label{color:var(--color-text-muted)}.code-value{color:var(--color-primary);font-weight:700;font-family:monospace;letter-spacing:1.5px}.code-value,.share-button{font-size:var(--text-base)}.share-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.share-button svg{width:20px;height:20px}.share-button:hover{background:var(--color-primary-hover)}.stats-section{margin-bottom:var(--space-5)}.stats-section h2{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-3)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.stat-card{background:var(--color-bg-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);text-align:center;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.stat-card.highlight{background:var(--color-primary-light);border-color:var(--color-primary-100)}.stat-value{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-1)}.stat-card.highlight .stat-value{color:var(--color-primary)}.stat-label{color:var(--color-text-muted);font-size:var(--text-xs)}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.stats-empty-icon{margin-bottom:var(--space-2);color:var(--color-text-light)}.stats-empty-icon svg{width:36px;height:36px}.stats-empty p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.recent-referrals-section h2{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-3)}.referrals-list{background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-xs)}.referral-list-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.referral-list-item:last-child{border-bottom:none}.referral-user{gap:var(--space-3)}.referral-user,.user-avatar{display:flex;align-items:center}.user-avatar{width:36px;height:36px;background:var(--color-primary);border-radius:50%;justify-content:center;color:#fff;font-weight:700}.user-avatar,.username{font-size:var(--text-sm)}.username{color:var(--color-text-primary);font-weight:500}.referral-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.status-badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.signup_rewarded{background:#dcfce7;color:var(--color-success)}.status-badge.subscribe_rewarded{background:#f3e8ff;color:#7c3aed}.referral-date{color:var(--color-text-light);font-size:11px}.share-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:var(--z-modal);animation:shareOverlayIn .2s ease-out}.share-overlay.closing{animation:shareOverlayOut .2s ease-in forwards}@keyframes shareOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes shareOverlayOut{0%{opacity:1}to{opacity:0}}.share-sheet{position:fixed;z-index:calc(var(--z-modal) + 1);background:var(--color-bg-primary);overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:shareModalIn .2s ease-out}.share-sheet.closing{animation:shareModalOut .15s ease-in forwards}@keyframes shareModalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes shareModalOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@media (max-width:600px){.share-sheet{top:auto;left:0;right:0;bottom:0;transform:none;width:100%;max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:shareSheetUp .3s cubic-bezier(.16,1,.3,1);touch-action:none}.share-sheet.closing{animation:shareSheetDown .25s ease-in forwards}@keyframes shareSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shareSheetDown{0%{transform:translateY(var(--sheet-translate-y,0))}to{transform:translateY(100%)}}}.share-sheet-handle{display:none}@media (max-width:600px){.share-sheet-handle{display:flex;justify-content:center;padding:var(--space-2) 0 0;cursor:grab}.share-sheet-handle span{width:36px;height:4px;background:var(--color-border);border-radius:2px}}.share-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5)}.share-sheet-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.share-sheet-close{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center}.share-sheet-close:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.share-sheet-close svg{width:20px;height:20px}.share-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);padding:0 var(--space-5) var(--space-4)}.share-social-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-3);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.share-social-btn:hover{background:var(--color-bg-secondary)}.share-social-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.share-social-icon svg{width:26px;height:26px;color:#fff}.share-social-icon.facebook{background:#1877F2}.share-social-icon.instagram{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}.share-social-icon.threads,.share-social-icon.x{background:#000}.share-social-icon.line{background:#00B900}.share-social-icon.telegram{background:#0088CC}.share-social-btn span:last-child{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500}.share-copy-section{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-border-light);margin-top:0;padding-top:var(--space-4)}.share-copy-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-2)}.share-copy-row{display:flex;gap:var(--space-2)}.share-copy-input{flex:1 1;border:1px solid var(--color-border);background:var(--color-bg-secondary);font-family:monospace;overflow:hidden;text-overflow:ellipsis}.share-copy-btn,.share-copy-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}.share-copy-btn{border:1px solid var(--color-border);font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);background:var(--color-bg-tertiary)}.share-copy-btn:hover{background:var(--color-border)}.share-copy-btn.copied{background:#dcfce7;border-color:#86efac;color:var(--color-success)}.instagram-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);background:var(--color-text-primary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);animation:toastIn .3s ease-out;max-width:90%}.instagram-toast svg{width:18px;height:18px;color:#4ade80;flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:600px){.referral-page{padding:var(--space-5) var(--space-4) var(--space-12)}.referral-header h1{font-size:var(--text-xl)}.referral-hero-illustration svg{width:140px}.stats-grid{gap:var(--space-2)}.stat-card{padding:var(--space-3) var(--space-2)}.stat-value{font-size:var(--text-xl)}.stat-label{font-size:10px}.referral-link-box{flex-direction:column}.copy-button{justify-content:center}.friend-bonus{flex-direction:column;text-align:center}.referral-list-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.referral-meta{flex-direction:row;width:100%;justify-content:space-between}}@media (prefers-reduced-motion:reduce){.referral-loading .loading-spinner{animation-duration:4s}.instagram-toast,.share-overlay,.share-sheet{animation-duration:.01ms!important}}.rc-page{max-width:1080px;margin:0 auto;padding:32px 24px 64px}.rc-header{margin-bottom:24px}.rc-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 6px}.rc-subtitle{margin:0;font-size:.9375rem;color:#64748b}.rc-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.rc-tabs::-webkit-scrollbar{display:none}.rc-tab{appearance:none;background:transparent;padding:12px 18px;font-size:.9375rem;font-weight:500;color:#64748b;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.rc-tab:hover:not(.rc-tab--active){color:#475569}.rc-tab--active{color:var(--color-primary,#667eea);border-bottom-color:var(--color-primary,#667eea);font-weight:600}.rc-tab:focus-visible{outline:2px solid var(--color-primary,#667eea);outline-offset:2px;border-radius:4px}.rc-tab-panel{min-height:320px}.rc-error,.rc-loading,.rc-tab-empty{background:#fff;border-radius:12px;padding:48px 24px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}.rc-error p,.rc-loading p,.rc-tab-empty p{margin:0;color:#64748b;font-size:.9375rem}.rc-error{color:#b91c1c}.rc-spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top:3px solid var(--color-primary,#667eea);border-radius:50%;animation:rc-spin .8s linear infinite;margin:0 auto 12px}@keyframes rc-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.rc-spinner{animation:none}}@media (max-width:640px){.rc-page{padding:20px 16px 48px}.rc-title{font-size:1.375rem}.rc-tab{padding:10px 14px;font-size:.875rem}}.rc-custom{display:flex;flex-direction:column;gap:24px}.rc-section{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.rc-section__title{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 14px}.rc-section--actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.rc-segmented{display:inline-flex;background:#f1f5f9;border-radius:10px;padding:4px;gap:2px;margin-bottom:16px}.rc-seg{appearance:none;background:transparent;border:none;padding:8px 16px;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;border-radius:8px;transition:background .15s ease,color .15s ease}.rc-seg--active{background:#fff;color:var(--color-primary,#667eea);box-shadow:0 1px 2px rgba(0,0,0,.06)}.rc-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rc-chip{appearance:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:.8125rem;color:#475569;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.rc-chip:hover:not(.rc-chip--disabled){background:#eef2ff;border-color:#c7d2fe}.rc-chip--active{background:var(--color-primary,#667eea);border-color:var(--color-primary,#667eea);color:#fff}.rc-chip--cefr{font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rc-chip--disabled{opacity:.45;cursor:not-allowed}.rc-chip__meta{font-size:.6875rem;font-weight:600;opacity:.7;padding-left:6px;border-left:1px solid}.rc-chip--active .rc-chip__meta{opacity:.85}.rc-sublabel{font-size:.75rem;font-weight:600;color:#94a3b8;margin:12px 0 6px;text-transform:uppercase;letter-spacing:.05em}.rc-empty-hint{font-size:.8125rem;color:#94a3b8;margin:8px 0 0}.rc-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:#475569;margin-bottom:12px;cursor:pointer}.rc-bulk-actions{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.rc-bulk-btn{appearance:none;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:.75rem;font-weight:500;padding:5px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease}.rc-bulk-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.rc-bulk-btn:disabled{opacity:.4;cursor:not-allowed}.rc-bulk-count{font-size:.75rem;color:#94a3b8;margin-left:auto}.rc-course-search{margin-bottom:12px}.rc-view-switcher{gap:2px;padding:2px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px}.rc-view-btn,.rc-view-switcher{display:inline-flex;align-items:center}.rc-view-btn{appearance:none;background:transparent;border:none;width:26px;height:22px;justify-content:center;color:#94a3b8;border-radius:4px;cursor:pointer;transition:all .15s ease}.rc-view-btn:hover{color:#475569;background:#fff}.rc-view-btn--active{background:#fff;color:var(--color-primary,#667eea);box-shadow:0 1px 2px rgba(0,0,0,.05)}.rc-course-scroll{max-height:320px;overflow-y:auto;padding:4px 2px;border:1px solid #f1f5f9;border-radius:8px}.rc-course-scroll--list{max-height:240px}.rc-course-scroll--grid16{max-height:280px}.rc-course-list{display:flex;flex-direction:column;gap:2px}.rc-course-row{appearance:none;background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:.8125rem;color:#475569;text-align:left;cursor:pointer;border-radius:6px;transition:all .12s ease}.rc-course-row:hover{background:#f8fafc}.rc-course-row--active{background:rgba(102,126,234,.08);border-color:rgba(102,126,234,.3);color:var(--color-primary,#667eea);font-weight:500}.rc-course-row__title{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-course-row__cefr{font-size:.6875rem;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:1px 6px;border-radius:4px;flex-shrink:0}.rc-course-row--active .rc-course-row__cefr{background:rgba(102,126,234,.15);color:var(--color-primary,#667eea)}.rc-course-grid{display:grid;gap:8px;padding:4px}.rc-course-grid--grid4{grid-template-columns:repeat(4,1fr)}.rc-course-grid--grid8{grid-template-columns:repeat(8,1fr)}.rc-course-grid--grid16{grid-template-columns:repeat(16,1fr);gap:4px}.rc-course-tile{appearance:none;background:transparent;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left}.rc-course-tile__thumb{position:relative;width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#f1f5f9;border:2px solid transparent;transition:border-color .15s ease,transform .15s ease}.rc-course-tile__thumb img{width:100%;height:100%;object-fit:cover;display:block}.rc-course-tile:hover .rc-course-tile__thumb{transform:translateY(-1px)}.rc-course-tile--active .rc-course-tile__thumb{border-color:var(--color-primary,#667eea)}.rc-course-tile__cefr{position:absolute;bottom:4px;left:4px;font-size:.625rem;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:1px 5px;border-radius:3px}.rc-course-tile__check{position:absolute;top:4px;right:4px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary,#667eea);color:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.rc-course-tile__title{font-size:.75rem;color:#475569;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.rc-course-grid--grid8 .rc-course-tile__title{font-size:.6875rem;-webkit-line-clamp:1}.rc-course-tile--active .rc-course-tile__title{color:var(--color-primary,#667eea);font-weight:500}@media (max-width:768px){.rc-course-grid--grid8{grid-template-columns:repeat(4,1fr)}.rc-course-grid--grid16{grid-template-columns:repeat(8,1fr)}}.rc-slider-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.rc-slider{flex:1 1;appearance:none;height:6px;background:#e2e8f0;border-radius:3px;outline:none;-webkit-appearance:none}.rc-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary,#667eea);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.rc-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary,#667eea);cursor:pointer;border:2px solid #fff}.rc-slider__value{font-size:.8125rem;font-weight:600;color:var(--color-primary,#667eea);min-width:56px;text-align:right}.rc-bucket-bar{display:flex;align-items:flex-end;height:64px;gap:6px;padding:0 4px}.rc-bucket-col{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.rc-bucket-bar__fill{width:100%;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s ease}.rc-bucket-label{font-size:.6875rem;color:#94a3b8;margin-top:4px}.rc-items{display:flex;flex-direction:column;max-height:320px;overflow-y:auto;border:1px solid #eef0f4;border-radius:10px}.rc-item-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid #f1f5f9;font-size:.875rem}.rc-item-row:first-child{border-top:none}.rc-item-term{flex:1 1;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-item-r{font-size:.75rem}.rc-item-new,.rc-item-r{font-weight:600;flex-shrink:0}.rc-item-new{font-size:.6875rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.rc-checkbox--prominent{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:14px}.rc-checkbox--prominent input[type=checkbox]{margin-top:3px}.rc-checkbox__hint{width:100%;font-size:.75rem;color:#94a3b8;margin-left:24px;font-weight:400}.rc-count{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;color:#475569}.rc-count__input{width:80px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:600;color:#1f2937;text-align:center}.rc-count__input:focus{outline:none;border-color:var(--color-primary,#667eea)}.rc-start-btn{appearance:none;background:var(--color-primary,#667eea);color:#fff;border:none;padding:12px 28px;font-size:.9375rem;font-weight:600;border-radius:10px;cursor:pointer;transition:background .15s ease}.rc-start-btn:hover:not(:disabled){background:#5a6fd8}.rc-start-btn:disabled{background:#cbd5e1;cursor:not-allowed}@media (max-width:640px){.rc-section{padding:16px 18px}.rc-section--actions{flex-direction:column;align-items:stretch}.rc-start-btn{width:100%}}.rc-today{display:flex;flex-direction:column;gap:20px}.rc-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.rc-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rc-card__title{font-size:1.0625rem;font-weight:600;color:#1f2937;margin:0}.rc-card__badge{font-size:.8125rem;color:#fff;background:var(--color-primary,#667eea);padding:4px 10px;border-radius:999px;font-weight:500}.rc-card__badge--muted{background:#f1f5f9;color:#475569}.rc-today__streak{font-size:.875rem;color:#ea580c;font-weight:600;margin-bottom:12px}.rc-today__groups{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.rc-today__cta{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary,#667eea);color:#fff;font-weight:600;font-size:.9375rem;padding:12px 24px;border-radius:10px;text-decoration:none;transition:background .15s ease}.rc-today__cta:hover{background:#5a6fd8}.rc-today__cap-hint{margin:12px 0 0;font-size:.8125rem;color:#64748b}.rc-today__sub{margin-top:6px;font-size:.875rem;color:#94a3b8}.rc-group{border:1px solid #eef0f4;border-radius:10px;overflow:hidden}.rc-group__header{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#fafbfc;border:none;cursor:pointer;text-align:left;font-size:.875rem;transition:background .15s ease}.rc-group__header:hover{background:#f1f5f9}.rc-type-tag{flex-shrink:0;font-weight:600;padding:3px 10px;border-radius:999px;font-size:.75rem}.rc-type-vocab{background:rgba(102,126,234,.12);color:#667eea}.rc-type-kp{background:rgba(34,197,94,.14);color:#16a34a}.rc-type-pattern{background:rgba(234,179,8,.18);color:#b08105}.rc-group__preview{flex:1 1;color:#64748b;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-group__chevron{flex-shrink:0;color:#94a3b8;transition:transform .2s ease;display:inline-flex}.rc-group__chevron--open{transform:rotate(180deg)}.rc-group__items{padding:4px 16px 12px;display:flex;flex-direction:column;gap:6px}.rc-group__row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding:6px 0;border-top:1px solid #f1f5f9}.rc-group__row:first-child{border-top:none}.rc-group__label{color:#1f2937}.rc-group__r{font-size:.75rem;font-weight:500;flex-shrink:0;margin-left:12px}.rc-health__bar{display:flex;height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:14px}.rc-health__seg{height:100%;transition:width .3s ease}.rc-health__seg--solid{background:#16a34a}.rc-health__seg--review{background:#f59e0b}.rc-health__seg--fading{background:#dc2626}.rc-health__legend{display:flex;flex-wrap:wrap;gap:16px;font-size:.8125rem;color:#475569}.rc-health__stat{display:inline-flex;align-items:center;gap:6px}.rc-dot{width:8px;height:8px;border-radius:50%}.rc-dot--solid{background:#16a34a}.rc-dot--review{background:#f59e0b}.rc-dot--fading{background:#dc2626}.rc-health__projection{margin:12px 0 0;padding:10px 14px;background:#fff7ed;color:#c2410c;border-radius:8px;font-size:.8125rem}@media (max-width:640px){.rc-card{padding:18px}.rc-card__title{font-size:1rem}.rc-today__cta{width:100%}}.rc-weak{display:flex;flex-direction:column;gap:24px}.rc-weak__hint{font-size:.8125rem;color:#94a3b8;margin:0 0 12px}.rc-weak__breakdown{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.rc-weak__cta{width:auto;display:inline-flex;align-items:center;justify-content:center}@media (max-width:640px){.rc-weak__cta{width:100%}}.series-detail-page{max-width:900px;margin:0 auto;padding:24px}.series-detail-header{margin-bottom:32px}.btn-back{background:none;border:none;color:#64748B;font-size:15px;cursor:pointer;padding:8px 0;margin-bottom:16px;display:flex;align-items:center;gap:4px;transition:color .2s ease}.btn-back:hover{color:#2563EB}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.header-info{flex:1 1}.header-info h1{font-size:32px;font-weight:700;color:#1E293B;margin:0 0 8px}.series-description{color:#64748B;font-size:16px;margin:0 0 16px;line-height:1.5}.series-meta{display:flex;align-items:center;gap:12px}.course-count{color:#64748B;font-size:14px}.status-badge{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.status-badge.published{background:#DCFCE7;color:#15803D}.status-badge.draft{background:#FEF3C7;color:#B45309}.btn-edit{padding:10px 20px;background:white;border:1px solid #e2e8f0;border-radius:8px;color:#1E293B;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#F8FAFC;border-color:#CBD5E1}.edit-form{background:#F8FAFC;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.edit-title-input{width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:18px;font-weight:600;margin-bottom:12px;box-sizing:border-box}.edit-title-input:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.edit-description-input{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;margin-bottom:12px;box-sizing:border-box;resize:vertical;font-family:inherit}.edit-description-input:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.publish-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:#475569;margin-bottom:16px;cursor:pointer}.publish-toggle input{width:18px;height:18px;cursor:pointer}.edit-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{padding:10px 20px;background:white;border:1px solid #e2e8f0;border-radius:8px;color:#64748B;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#F1F5F9}.btn-save{padding:10px 20px;background:#2563EB;border:none;border-radius:8px;color:white;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#1D4ED8}.btn-save:disabled{background:#94A3B8;cursor:not-allowed}.courses-section{margin-top:32px}.series-detail-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.series-detail-page .section-header h2{font-size:20px;font-weight:600;color:#1E293B;margin:0}.drag-hint{font-size:13px;color:#94A3B8;margin:0}.empty-state{text-align:center;padding:60px 20px;background:#F8FAFC;border-radius:12px;border:1px dashed #e2e8f0}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:22px;color:#1E293B;margin:0 0 8px}.empty-state p{color:#64748B;margin:0}.courses-list{display:flex;flex-direction:column;gap:12px}.course-item{display:flex;align-items:center;gap:12px;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease;cursor:grab}.course-item:hover{border-color:#CBD5E1;box-shadow:0 2px 8px rgba(0,0,0,.04)}.course-item.dragging{opacity:.5;border-style:dashed}.drag-handle{color:#CBD5E1;font-size:14px;letter-spacing:2px;cursor:grab;-webkit-user-select:none;user-select:none}.course-item:active .drag-handle{cursor:grabbing}.course-order{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#64748B}.course-order,.course-thumbnail{background:#F1F5F9;border-radius:8px;flex-shrink:0}.course-thumbnail{width:80px;height:60px;overflow:hidden}.course-thumbnail img{width:100%;height:100%;object-fit:cover}.course-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EFF6FF,#DBEAFE)}.course-thumbnail .thumbnail-placeholder span{font-size:24px}.course-info{flex:1 1;min-width:0}.course-title{font-size:16px;font-weight:600;color:#1E293B;text-decoration:none;display:block;margin-bottom:4px}.course-title:hover{color:#2563EB}.course-description{color:#64748B;font-size:14px;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:flex;gap:8px;align-items:center}.difficulty-badge{padding:2px 8px;background:#EFF6FF;color:#2563EB;border-radius:4px;font-size:12px;font-weight:500}.duration{color:#94A3B8;font-size:13px}.btn-remove{width:32px;height:32px;background:transparent;border:1px solid transparent;border-radius:8px;color:#94A3B8;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-remove:hover{background:#FEE2E2;border-color:#FECACA;color:#DC2626}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;margin-bottom:16px}.error-container h2{color:#1E293B;margin:0 0 8px}.error-container p{color:#64748B;margin:0 0 24px}.error-container button{padding:12px 24px;background:#2563EB;color:white;border:none;border-radius:8px;font-size:15px;cursor:pointer}@media (max-width:768px){.series-detail-page{padding:16px}.header-content{flex-direction:column;gap:16px}.header-info h1{font-size:24px}.btn-edit{width:100%}.series-detail-page .section-header{flex-direction:column;align-items:flex-start;gap:4px}.course-item{flex-wrap:wrap;padding:12px}.drag-handle{display:none}.course-thumbnail{width:60px;height:45px}.course-info{flex:1 1;min-width:calc(100% - 160px)}}.sight-words{max-width:800px;margin:0 auto;padding:32px 20px 80px}.sight-words__header{margin-bottom:24px}.sight-words__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--color-primary,#667eea);text-decoration:none;margin-bottom:16px}.sight-words__back:hover{text-decoration:underline}.sight-words__title{font-size:24px;font-weight:700;color:var(--color-text-primary,#1e293b);margin:0 0 6px}.sight-words__subtitle{font-size:14px;color:var(--color-text-secondary,#64748b);margin:0}.sight-words__intro{background:var(--color-bg-subtle,#f1f5f9);border-radius:12px;padding:16px 20px;margin-bottom:24px}.sight-words__intro p{font-size:14px;line-height:1.7;color:var(--color-text-primary,#1e293b);margin:0}.sight-words__toc{background:var(--color-surface,#fff);border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:28px}.sight-words__toc-title{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b);margin:0 0 12px}.sight-words__toc-levels{display:flex;flex-wrap:wrap;gap:8px}.sight-words__toc-level{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;text-decoration:none;transition:transform .15s,box-shadow .15s}.sight-words__toc-level:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.sight-words__toc-level--1{background:#dcfce7}.sight-words__toc-level--2{background:#dbeafe}.sight-words__toc-level--3{background:#fef3c7}.sight-words__toc-level--4{background:#ede9fe}.sight-words__toc-level--5{background:#fee2e2}.sight-words__toc-level-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.7);font-size:12px;font-weight:700;color:var(--color-text-primary,#1e293b)}.sight-words__toc-level-name{font-size:13px;font-weight:600;color:var(--color-text-primary,#1e293b)}.sight-words__toc-level-count{font-size:11px;color:var(--color-text-secondary,#64748b)}.sight-words__level-section{margin-bottom:36px;scroll-margin-top:20px}.sight-words__level-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.sight-words__level-badge{padding:4px 12px;border-radius:8px;font-size:14px;font-weight:700;color:var(--color-text-primary,#1e293b)}.sight-words__level-badge--1{background:#dcfce7;color:#166534}.sight-words__level-badge--2{background:#dbeafe;color:#1e40af}.sight-words__level-badge--3{background:#fef3c7;color:#92400e}.sight-words__level-badge--4{background:#ede9fe;color:#5b21b6}.sight-words__level-badge--5{background:#fee2e2;color:#991b1b}.sight-words__level-count{font-size:12px;color:var(--color-text-tertiary,#94a3b8);font-weight:500}.sight-words__level-desc{font-size:13px;color:var(--color-text-secondary,#64748b);margin:0 0 14px;line-height:1.5}.sight-words__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.sight-words__card{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 8px;border:1px solid var(--color-border,#e2e8f0);border-radius:10px;background:var(--color-surface,#fff);cursor:pointer;transition:all .15s;position:relative}.sight-words__card:hover{border-color:var(--color-primary,#667eea);background:#f5f3ff;transform:translateY(-1px);box-shadow:0 2px 6px rgba(102,126,234,.15)}.sight-words__card--playing{border-color:var(--color-primary,#667eea);background:#ede9fe;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.sight-words__card--loading{opacity:.7;cursor:wait}.sight-words__card--mastered{border-color:#22c55e;background:#f0fdf4}.sight-words__card--mastered .sight-words__word{color:#166534}.sight-words__card--developing{border-color:#eab308;background:#fefce8}.sight-words__card--developing .sight-words__word{color:#854d0e}.sight-words__card--struggling{border-color:#ef4444;background:#fef2f2}.sight-words__card--struggling .sight-words__word{color:#991b1b}.sight-words__word{font-size:15px;font-weight:600;color:var(--color-text-primary,#1e293b)}.sight-words__speaker{flex-shrink:0;opacity:.3}.sight-words__card--playing .sight-words__speaker,.sight-words__card:hover .sight-words__speaker{opacity:.8}.sight-words__spinner{flex-shrink:0;animation:sight-words-spin 1s linear infinite}@keyframes sight-words-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sight-words__legend{background:var(--color-surface,#fff);border-radius:12px;padding:14px 20px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin-bottom:20px}.sight-words__legend-label{font-size:12px;color:var(--color-text-secondary,#64748b);margin:0 0 10px}.sight-words__legend-items{display:flex;flex-wrap:wrap;gap:16px}.sight-words__legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-primary,#1e293b)}.sight-words__legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sight-words__legend-dot--mastered{background:#22c55e}.sight-words__legend-dot--developing{background:#eab308}.sight-words__legend-dot--struggling{background:#ef4444}.sight-words__legend-dot--unseen{background:#cbd5e1}.sight-words__toc-mastery{font-size:11px;font-weight:500;color:#22c55e;margin-left:auto}.sight-words__level-mastery{font-size:12px;font-weight:500;color:#22c55e;margin-left:auto}@media (max-width:600px){.sight-words__grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.sight-words__card{padding:8px 6px}.sight-words__word{font-size:13px}.sight-words__toc-levels{flex-direction:column}}.subscription-success{min-height:100vh;background:var(--color-bg-secondary);padding:clamp(48px,7vw,88px) 20px clamp(64px,8vw,96px)}.subscription-success__wrap{max-width:560px;margin:0 auto}.subscription-success__hero{text-align:center;margin:0 0 clamp(28px,4vw,40px)}.subscription-success__badge{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary);margin:0 auto 20px;animation:subscription-success-pop .45s cubic-bezier(.2,.9,.3,1.2) both}.subscription-success__badge svg{width:36px;height:36px}.subscription-success__title{margin:0 0 12px;line-height:1.2;text-wrap:balance}.subscription-success__title-greeting{display:block;font-size:clamp(16px,1.7vw,19px);font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em;margin-bottom:6px}.subscription-success__title-brand{display:block;font-size:clamp(30px,4.6vw,40px);font-weight:800;color:var(--color-text-primary);letter-spacing:-.025em;line-height:1.15}.subscription-success__subtitle{font-size:clamp(15px,1.5vw,17px);line-height:1.6;color:var(--color-text-secondary);margin:0;text-wrap:balance}.subscription-success__card{background:white;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(22px,3vw,30px);margin:0 0 clamp(18px,2.2vw,22px);box-shadow:var(--shadow-xs)}.subscription-success__heading{position:relative;padding-left:14px;font-size:clamp(16px,1.6vw,18px);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 16px}.subscription-success__heading:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--color-primary);border-radius:2px}.subscription-success__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.subscription-success__item{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:clamp(14px,1.3vw,15px);line-height:1.6;color:var(--color-text-secondary)}.subscription-success__check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary);flex-shrink:0;margin-top:1px}.subscription-success__check svg{width:12px;height:12px}.subscription-success__receipt{font-size:14px;line-height:1.6;color:var(--color-text-muted);text-align:center;margin:0 0 clamp(22px,3vw,30px)}.subscription-success__email{color:var(--color-text-secondary);font-weight:500;word-break:break-all}.subscription-success__actions{display:flex;flex-direction:column;align-items:center;gap:12px}.subscription-success__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:320px;padding:14px 28px;background:var(--color-primary);color:white;border-radius:var(--radius-lg);font-size:15px;font-weight:600;text-decoration:none;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.subscription-success__cta:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.subscription-success__cta:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.subscription-success__secondary{font-size:14px;color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid transparent;padding:6px 4px;transition:color var(--transition-fast),border-color var(--transition-fast)}.subscription-success__secondary:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}@keyframes subscription-success-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.subscription-success__badge{animation:none}.subscription-success__cta{transition:none;transform:none!important}}main:has(.subtitle-editor-page){padding:0!important}.subtitle-editor-page{position:fixed;top:56px;left:0;right:0;bottom:0;display:flex;flex-direction:column;background-color:#ffffff;z-index:10}.edit-mode-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff7ed;color:#9a3412;border-bottom:1px solid #fed7aa;font-size:13px;font-weight:500;flex-shrink:0}.edit-mode-banner svg{flex-shrink:0}.editor-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#ffffff;border-bottom:1px solid #e1e4e8;gap:24px}.editor-header h1{margin:0;font-size:15px;font-weight:700;color:#1a1a2e;letter-spacing:-.3px;white-space:nowrap}.header-controls{flex:1 1;justify-content:center;max-width:500px}.header-controls .player-controls{background:#f0f2f5;border-radius:24px;padding:4px 16px}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap;min-width:80px;justify-content:flex-end}.saving-indicator{color:#4CAF50;font-size:14px;font-weight:500;animation:pulse 1.5s infinite}.error-indicator{color:#f44336;font-size:14px;font-weight:500}.editor-content{flex:1 1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sticky-player-section{flex-shrink:0;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:50}.waveform-section{padding:12px 24px;background-color:white;min-height:70px}.subtitle-list-section{flex:1 1;height:0;min-height:0;overflow:hidden;padding:16px 24px;background-color:white}.editor-actions{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:white;border-top:1px solid #e1e4e8;box-shadow:0 -2px 4px rgba(0,0,0,.05)}.btn-primary,.btn-secondary{padding:8px 18px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#4285F4;color:white}.btn-primary:hover:not(:disabled){background-color:#357ae8;box-shadow:0 4px 12px rgba(66,133,244,.3)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#f0f2f5;color:#606770}.btn-secondary:hover{background-color:#e4e6ea;transform:translateY(-1px)}.subtitle-editor-page.loading{display:flex;justify-content:center;align-items:center}.subtitle-editor-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#666}.subtitle-editor-loading-text{font-size:16px}.subtitle-editor-page.error{display:flex;justify-content:center;align-items:center}.error-message{text-align:center;padding:40px;background-color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.error-message h2{color:#f44336;margin-bottom:15px}.error-message p{color:#666;margin-bottom:20px}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:500;animation:fadeIn .2s ease}.delete-modal{background-color:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:420px;overflow:hidden;animation:slideUp .2s ease}.delete-modal-header{display:flex;flex-direction:column;align-items:center;padding:24px 24px 16px;background-color:#fff5f5;border-bottom:1px solid #ffe0e0}.delete-modal-header svg{margin-bottom:12px}.delete-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#c53030}.delete-modal-body{padding:20px 24px}.delete-modal-body p{margin:0 0 12px;font-size:15px;color:#333}.delete-modal-preview{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:14px;color:#4a5568;font-style:italic;line-height:1.5;margin-bottom:12px}.delete-modal-warning{font-size:13px;color:#718096;margin:0}.delete-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background-color:#f7fafc;border-top:1px solid #e2e8f0}.subtitle-editor-page .btn-danger{padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#e53e3e;color:white}.subtitle-editor-page .btn-danger:hover{background-color:#c53030;transform:translateY(-1px);box-shadow:0 4px 12px rgba(229,62,62,.3)}.subtitle-editor-page .btn-danger:active{transform:translateY(0)}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);justify-content:center;z-index:2000;animation:fadeIn .3s ease}.processing-content,.processing-overlay{display:flex;flex-direction:column;align-items:center}.processing-content{gap:20px;padding:40px 60px;background-color:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}.processing-spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top-color:#4285f4;border-radius:50%;animation:spin 1s linear infinite}.processing-content h3{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.processing-content p{margin:0;font-size:14px;color:#666;text-align:center}@media (max-width:768px){.editor-header{padding:8px 16px;flex-wrap:wrap;gap:4px 16px}.editor-header h1{font-size:16px;width:100%}.header-controls{max-width:100%}.controls-section,.waveform-section{padding:8px 16px}.editor-actions,.subtitle-list-section{padding:12px 16px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:14px}.delete-modal{width:95%;margin:0 10px}.delete-modal-actions,.delete-modal-body,.delete-modal-header{padding:16px}}.annotation-parser-test{max-width:900px;margin:0 auto;padding:24px 16px 60px;font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}.annotation-parser-test h1{font-size:1.5rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary,#1e293b)}.annotation-parser-test .subtitle{color:var(--color-text-muted,#64748b);margin:0 0 20px;font-size:.9rem}.course-input{display:flex;gap:8px;margin-bottom:20px}.course-input input{flex:1 1;padding:8px 12px;border:1px solid var(--color-border,#e2e8f0);border-radius:6px;font-size:.85rem;font-family:monospace}.course-input button{padding:8px 16px;background:var(--color-primary,#667eea);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.course-input button:hover{opacity:.9}.loading{text-align:center;padding:40px;color:var(--color-text-muted,#64748b)}.error-msg{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px}.stats-bar{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:10px;padding:16px 20px;margin-bottom:16px}.stats-bar h2{font-size:1.1rem;margin:0 0 12px;color:var(--color-text-primary,#1e293b)}.stats-row{display:flex;gap:24px}.stat-value{font-size:1.3rem;font-weight:700;color:var(--color-primary,#667eea)}.stat-label{font-size:.75rem;color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px}.legend{display:flex;flex-wrap:wrap;gap:12px;padding:10px 16px;background:#f8fafc;border-radius:8px;margin-bottom:20px;font-size:.8rem;align-items:center}.legend-item{display:inline-flex;gap:4px}.highlight-stress{font-weight:700;color:var(--color-primary,#667eea);text-decoration:underline;text-decoration-color:var(--color-primary,#667eea);text-underline-offset:3px;text-decoration-thickness:2px}.highlight-link{position:relative;color:#0891b2;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#0891b2;text-underline-offset:3px}.link-arc{position:absolute;top:-6px;left:10%;right:10%;height:6px;border:1.5px solid #0891b2;border-bottom:none;border-radius:50% 50% 0 0;pointer-events:none}.highlight-reduction{color:#d97706;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#d97706;text-underline-offset:3px}.highlight-ipa{color:#7c3aed;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#7c3aed;text-underline-offset:3px}.hint-badge{position:absolute;bottom:-16px;left:0;font-size:.6rem;color:#7c3aed;white-space:nowrap;font-style:italic}.intonation-inline{font-size:.85rem;font-weight:700;margin-left:1px}.intonation-inline.rising{color:#059669}.intonation-inline.falling{color:#64748b}.pause-inline{color:#dc2626;font-weight:700;margin:0 2px;font-size:.75rem}.sentence-card-test{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:10px;padding:16px 20px;margin-bottom:16px}.sentence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sentence-idx{font-weight:700;font-size:.85rem;color:var(--color-text-muted,#64748b)}.sentence-stats{display:flex;gap:12px}.sentence-stats .stat{font-size:.75rem;color:var(--color-text-muted,#64748b);background:#f1f5f9;padding:2px 8px;border-radius:4px}.sentence-full{font-size:1.1rem;line-height:2.2;margin-bottom:8px;color:var(--color-text-primary,#1e293b)}.sentence-chunk-inline,.sentence-full{position:relative}.tone-label{font-size:.6rem;font-style:italic;color:var(--color-text-muted,#64748b);margin-right:6px;vertical-align:super}.sentence-tips{font-size:.8rem;color:var(--color-text-secondary,#475569);background:#f8fafc;padding:8px 12px;border-radius:6px;margin-bottom:12px;line-height:1.5}.chunks-grid{display:flex;flex-direction:column;gap:8px}.chunk-card{background:#fafbfc;border:1px solid #e8ecf1;border-radius:6px;padding:10px 12px;font-size:.85rem}.chunk-card.has-annotations{border-left:3px solid var(--color-primary,#667eea)}.chunk-card.no-annotations{border-left:3px solid #fbbf24}.chunk-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.chunk-idx{font-size:.7rem;font-weight:700;color:var(--color-text-muted,#64748b);min-width:24px}.chunk-text-display{font-size:1rem;font-weight:500;color:var(--color-text-primary,#1e293b);line-height:1.8;position:relative}.intonation-badge{font-size:1rem;font-weight:700}.intonation-badge.rising{color:#059669}.intonation-badge.falling{color:#64748b}.pause-badge{font-size:.75rem;color:#dc2626}.chunk-translation{font-size:.8rem;color:var(--color-text-muted,#64748b);margin-bottom:4px;padding-left:32px}.chunk-focus{font-size:.75rem;color:var(--color-text-secondary,#475569);padding-left:32px;line-height:1.4}.focus-label{font-weight:600;color:var(--color-text-muted,#64748b)}.chunk-annotations{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding-left:32px}.ann-badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;padding:2px 8px;border-radius:4px;white-space:nowrap}.ann-badge-stress{background:#eff0ff;color:var(--color-primary,#667eea)}.ann-badge-link{background:#e0f7fa;color:#0891b2}.ann-badge-reduction{background:#fef3c7;color:#d97706}.ann-badge-ipa{background:#f3e8ff;color:#7c3aed}.ann-hint{font-style:italic;opacity:.8}.no-extract{font-size:.75rem;color:#d97706;padding-left:32px;margin-top:4px}@media (max-width:640px){.stats-row{gap:12px}.sentence-full{font-size:1rem}.chunk-annotations,.chunk-focus,.chunk-translation,.no-extract{padding-left:0}}.asr-compare-page{padding:24px;max-width:1800px;margin:0 auto;font-size:14px}.asr-compare-header{margin-bottom:16px}.asr-compare-header h1{margin:0 0 4px;font-size:22px}.asr-compare-subtitle{margin:0 0 12px;color:#64748b}.asr-compare-actions{display:flex;gap:8px}.asr-compare-btn{padding:8px 14px;border-radius:8px;border:1px solid #cbd5e1;background:white;font-size:13px;cursor:pointer;font-family:inherit}.asr-compare-btn:hover{background:#f1f5f9}.asr-compare-btn:disabled{opacity:.6;cursor:not-allowed}.asr-compare-btn--primary{background:#667eea;color:white;border-color:#667eea}.asr-compare-btn--primary:hover{background:#5568d3}.asr-compare-btn--ghost{background:#f8fafc}.asr-compare-error{margin:8px 0;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px}.asr-compare-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width:720px){.asr-compare-layout{grid-template-columns:1fr}}.asr-compare-sentences{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:12px;max-height:80vh;overflow-y:auto}.asr-compare-sentences h2{margin:0 0 8px;font-size:13px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.asr-compare-sentence-row{display:block;width:100%;text-align:left;padding:10px 12px;margin-bottom:6px;border:1px solid #e2e8f0;border-radius:8px;background:white;cursor:pointer;font-family:inherit}.asr-compare-sentence-row:hover{background:#f8fafc}.asr-compare-sentence-row.active{border-color:#667eea;background:#eef0fd}.asr-compare-sentence-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#94a3b8;margin-bottom:4px}.asr-compare-course{text-transform:uppercase;letter-spacing:.3px}.asr-compare-done-badge{background:#dcfce7;color:#166534;padding:1px 6px;border-radius:8px;font-weight:600}.asr-compare-sentence-text{font-size:13px;color:#1e293b;line-height:1.45}.asr-compare-main{min-width:0}.asr-compare-empty{padding:40px;text-align:center;color:#94a3b8;background:white;border:1px dashed #cbd5e1;border-radius:12px}.asr-compare-active-sentence{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:12px}.asr-compare-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.asr-compare-active-course{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.asr-compare-active-text{margin:0 0 4px;font-size:18px;line-height:1.45;color:#0f172a}.asr-compare-active-translation{margin:0;color:#64748b;font-size:13px}.asr-compare-record{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;margin-bottom:12px}.asr-compare-record-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.asr-compare-record-btn{padding:10px 16px;border-radius:8px;border:none;background:#ef4444;color:white;font-weight:600;cursor:pointer;font-family:inherit}.asr-compare-record-btn.recording{background:#991b1b;animation:pulse 1.2s ease-in-out infinite}.asr-compare-record-audio{height:32px}.asr-compare-results{margin-bottom:16px}.asr-compare-coach{background:linear-gradient(135deg,#fefce8,#fff7ed);border:1px solid #fde68a;border-radius:12px;padding:14px 18px;margin-bottom:12px}.asr-compare-coach--loading{background:#f8fafc;border-color:#e2e8f0}.asr-compare-coach-title{font-size:11px;font-weight:700;color:#b45309;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}.asr-compare-coach-loading{font-size:13px;color:#94a3b8}.asr-compare-coach-encouragement{margin:0 0 8px;font-size:14px;color:#1e293b;line-height:1.55;font-weight:500}.asr-compare-coach-tips{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.asr-compare-coach-tips li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:baseline;padding:6px 8px;background:rgba(255,255,255,.6);border-radius:6px;font-size:13px;line-height:1.55;color:#334155}.asr-compare-coach-tip-marker{display:inline-flex;width:20px;height:20px;border-radius:50%;background:#f59e0b;color:white;align-items:center;justify-content:center;font-size:11px;font-weight:700}.asr-compare-coach-tip-body{color:#334155}.asr-compare-coach-tip-tag{font-size:10px;color:#94a3b8;font-family:SF Mono,Menlo,monospace}.asr-compare-coach-tip-link{display:inline-block;margin-top:2px;font-size:12px;color:#b45309;text-decoration:underline;text-decoration-color:#fcd34d;text-underline-offset:2px;font-weight:500;white-space:nowrap}.asr-compare-coach-tip-link:hover{color:#92400e;text-decoration-color:#f59e0b}.asr-compare-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}.asr-compare-result-card{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.asr-compare-result-header{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;border-bottom:3px solid}.asr-compare-result-header h3{margin:0;font-size:14px}.asr-compare-result-sub{font-size:11px;color:#94a3b8}.asr-compare-result-meta{text-align:right;display:flex;flex-direction:column;gap:2px;font-size:11px;color:#64748b}.asr-compare-result-error{padding:14px;color:#b91c1c;font-size:12px}.asr-compare-wer{padding:8px 14px;background:#f8fafc;font-size:12px;color:#475569;border-bottom:1px solid #e2e8f0}.asr-compare-transcript{padding:12px 14px;font-size:14px;line-height:1.85;flex:1 1;word-break:break-word}.asr-compare-token{display:inline;margin-right:4px}.asr-compare-token.op-substitute{font-weight:600}.asr-compare-token.op-delete{text-decoration:line-through;text-decoration-thickness:2px;font-style:italic}.asr-compare-token.op-insert{font-weight:600}.asr-compare-ref-hint{font-style:normal;font-size:11px;color:#94a3b8;font-weight:400;margin-left:1px}.asr-compare-azure-extra,.asr-compare-synth-extra{padding:12px 14px 16px;border-top:1px solid #e2e8f0;background:#f8fafc}.asr-compare-azure-extra h4,.asr-compare-synth-extra h4{margin:0 0 8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.asr-compare-azure-extra h4{color:#0078d4}.asr-compare-synth-extra h4{color:#667eea}.asr-compare-synth-debug{margin-top:8px;font-size:11px;color:#94a3b8;font-family:SF Mono,Menlo,monospace}.asr-compare-prosody-breakdown{margin-top:10px;padding:8px 10px;background:white;border:1px solid #e2e8f0;border-radius:8px}.asr-compare-prosody-breakdown-title{font-size:11px;font-weight:600;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.asr-compare-prosody-row{padding:6px 0;border-top:1px solid #f1f5f9}.asr-compare-prosody-row:first-of-type{border-top:none}.asr-compare-prosody-main{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:baseline;font-size:12px}.asr-compare-prosody-label{color:#1e293b;font-weight:600}.asr-compare-prosody-value{color:#94a3b8;font-family:SF Mono,Menlo,monospace;font-size:11px}.asr-compare-prosody-pts{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.asr-compare-prosody-explainer{margin:2px 0 0 78px;font-size:11px;color:#94a3b8}.asr-compare-prosody-hint{margin:4px 0 0 78px;padding:4px 8px;background:#fef3c7;border-left:2px solid #f59e0b;border-radius:3px;font-size:11px;color:#92400e}.asr-compare-prosody-contour{margin-top:10px;padding:10px;background:white;border:1px solid #e2e8f0;border-radius:8px}.asr-compare-prosody-contour-title{font-size:11px;font-weight:600;color:#475569;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.asr-compare-prosody-svg{display:block;width:100%;height:140px}.asr-compare-prosody-contour-legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:10px;color:#64748b;margin-top:4px}.asr-compare-prosody-contour-legend span{display:inline-flex;align-items:center;gap:4px}.asr-compare-prosody-contour-legend .dot{display:inline-block;width:6px;height:6px;border-radius:50%}.asr-compare-stats{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.asr-compare-stats h3{margin:0 0 10px;font-size:14px;color:#475569}.asr-compare-stats-table{width:100%;border-collapse:collapse;font-size:13px}.asr-compare-stats-table td,.asr-compare-stats-table th{padding:6px 10px;text-align:left;border-bottom:1px solid #f1f5f9}.asr-compare-stats-table th{color:#64748b;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.cefr-tree-page{min-height:100vh;background:#0c1929;overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cefr-tree-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(12,25,41,.88);border-bottom:1px solid rgba(255,255,255,.04)}.cefr-tree-header h1{font-size:.95rem;font-weight:600;color:#8fa3b8;margin:0;letter-spacing:.01em}.header-controls{display:flex;gap:5px}.cefr-tree-header button{padding:5px 12px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:transparent;color:#607080;font-size:.75rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.cefr-tree-header button:hover{color:#8fa3b8;border-color:rgba(255,255,255,.18)}.cefr-tree-header button.active{color:#8fa3b8;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}.cefr-tree-canvas{width:100%;height:100vh;padding-top:42px;box-sizing:border-box}.cefr-tree-canvas svg{width:100%;height:100%;display:block}.cefr-level-labels{position:fixed;left:12px;top:60px;bottom:50px;display:flex;flex-direction:column-reverse;justify-content:space-between;z-index:50;pointer-events:none}.cefr-level-label{font-size:.65rem;font-weight:700;letter-spacing:.06em;opacity:.5}.cefr-tree-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#607080;gap:10px;font-size:.85rem}.cefr-tree-loading .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.08);border-top-color:#607080;border-radius:50%;animation:tree-spin .7s linear infinite}@keyframes tree-spin{to{transform:rotate(1turn)}}.cefr-tree-tooltip{position:fixed;z-index:200;background:rgba(10,18,30,.92);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;pointer-events:none;max-width:260px;box-shadow:0 6px 20px rgba(0,0,0,.5)}.tooltip-title{font-size:.85rem;font-weight:600;color:#c8d6e0;margin-bottom:3px;line-height:1.3}.tooltip-subtitle{font-size:.7rem;color:#607080;margin-bottom:6px}.tooltip-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.tooltip-badge{display:inline-block;padding:2px 7px;border-radius:8px;font-size:.65rem;font-weight:600}.tooltip-badge-dim{background:rgba(255,255,255,.06);color:#607080}.tooltip-stats{font-size:.68rem;color:#4a5a68;margin-top:2px}.cefr-tree-legend{position:fixed;bottom:12px;right:14px;z-index:50;display:flex;align-items:center;gap:12px;background:rgba(12,25,41,.75);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:6px 12px}.legend-item{gap:5px;font-size:.65rem;color:#607080}.legend-dim{opacity:.6}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot-hollow{background:transparent;border:1.5px dashed #607080;width:7px;height:7px}.legend-dot-filled{background:#607080}.legend-sep{width:1px;height:12px;background:rgba(255,255,255,.06)}@media (max-width:768px){.cefr-tree-header{flex-direction:column;gap:6px;align-items:flex-start;padding:8px 14px}.cefr-level-labels{display:none}.cefr-tree-legend{bottom:8px;right:8px;gap:8px;padding:5px 10px}}.intonation-page{max-width:960px;margin:0 auto;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.intonation-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.intonation-header h1{font-size:22px;font-weight:600;margin:0 0 8px}.intonation-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.intonation-summary{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.intonation-stat{flex:1 1;min-width:140px;padding:14px 16px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb}.intonation-stat-value{font-size:28px;font-weight:700;color:#111;line-height:1}.intonation-stat-label{font-size:12px;color:#6b7280;margin-top:4px}.intonation-stat--warning .intonation-stat-value{color:#d97706}.intonation-stat--success .intonation-stat-value{color:#059669}.intonation-course{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;background:#fff;overflow:hidden}.intonation-course-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;background:#f8fafc;border-bottom:1px solid #e5e7eb;-webkit-user-select:none;user-select:none;transition:background .15s}.intonation-course-header:hover{background:#f1f5f9}.intonation-course-chevron{font-size:12px;color:#9ca3af;transition:transform .2s;flex-shrink:0}.intonation-course-chevron--open{transform:rotate(90deg)}.intonation-course-title{flex:1 1;font-size:14px;font-weight:600;color:#111}.intonation-course-cefr{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e0e7ff;color:#3730a3}.intonation-course-count{font-size:12px;color:#6b7280;white-space:nowrap}.intonation-course-match{color:#059669}.intonation-mismatches{padding:0}.intonation-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6;flex-wrap:wrap}.intonation-row:last-child{border-bottom:none}.intonation-row-index{font-size:12px;font-weight:700;color:#9ca3af;min-width:32px;flex-shrink:0}.intonation-row-text{flex:1 1;min-width:200px;font-size:14px;color:#111;line-height:1.4}.intonation-row-speaker{font-size:11px;font-weight:600;color:#6b7280}.intonation-row-arrows{display:flex;gap:4px;align-items:center;font-size:13px;flex-shrink:0}.intonation-arrow{font-size:16px;font-weight:700;padding:2px 8px;border-radius:6px}.intonation-arrow--expected{background:#d1fae5;color:#065f46}.intonation-arrow--detected{background:#fee2e2;color:#991b1b}.intonation-arrow-sep{color:#9ca3af;font-size:11px}.intonation-audio-btns{display:flex;gap:6px;align-items:center;flex-shrink:0}.intonation-play-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s;white-space:nowrap}.intonation-play-btn:hover{background:#eef2ff;border-color:#6366f1}.intonation-play-btn--playing{background:#6366f1;border-color:#6366f1;color:#fff}.intonation-play-btn--fix{border-color:#059669}.intonation-play-btn--fix:hover{background:#ecfdf5;border-color:#059669}.intonation-play-btn--fix.intonation-play-btn--playing{background:#059669;border-color:#059669;color:#fff}.intonation-metrics{display:flex;gap:8px;align-items:center;font-size:11px;font-family:monospace;color:#6b7280;flex-shrink:0}.intonation-metric-arrow{color:#9ca3af}.intonation-metric--improved{color:#059669;font-weight:600}.intonation-temp-badge{font-weight:600;background:#fef3c7;color:#92400e;white-space:nowrap;flex-shrink:0}.intonation-no-fix,.intonation-temp-badge{font-size:11px;padding:2px 8px;border-radius:10px}.intonation-no-fix{background:#fee2e2;color:#991b1b}.intonation-error,.intonation-loading{text-align:center;padding:48px 16px;color:#6b7280;font-size:14px}.intonation-error{color:#dc2626}@media (max-width:640px){.intonation-row{align-items:flex-start;gap:8px}.intonation-row,.intonation-summary{flex-direction:column}.intonation-stat{min-width:auto}}.lj-page{min-height:100vh;background:var(--color-bg-secondary,#f8fafc);color:var(--color-text-primary,#1e293b);display:flex;flex-direction:column}.lj-header{position:sticky;top:0;z-index:100;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border,#e2e8f0)}.lj-header-left{display:flex;align-items:baseline;gap:10px}.lj-header h1{font-size:1.1rem;font-weight:700;margin:0;color:var(--color-text-primary,#1e293b)}.lj-header-subtitle{font-size:.78rem;color:var(--color-text-muted,#64748b)}.lj-header-controls{display:flex;gap:4px;background:var(--color-bg-tertiary,#f1f5f9);border-radius:var(--radius-lg,8px);padding:3px}.lj-header-controls button{padding:6px 16px;border:none;border-radius:var(--radius-md,6px);background:transparent;color:var(--color-text-muted,#64748b);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.lj-header-controls button:hover{color:var(--color-text-primary,#1e293b)}.lj-header-controls button.active{background:white;color:var(--color-primary,#667eea);font-weight:600;box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,.05))}.lj-body{flex:1 1;display:flex;gap:0;overflow:hidden}.lj-main{flex:1 1;overflow-y:auto;padding:28px}.lj-detail-panel{width:340px;min-width:340px;border-left:1px solid var(--color-border,#e2e8f0);overflow-y:auto;background:white}.lj-heatmap-grid{display:grid;grid-template-columns:160px repeat(6,1fr);gap:6px}.lj-heatmap-col-header{text-align:center;padding:4px 4px 14px}.lj-col-level{display:block;font-size:1.05rem;font-weight:800;letter-spacing:.01em}.lj-col-label{display:block;font-size:.65rem;color:var(--color-text-light,#94a3b8);margin-top:2px}.lj-heatmap-row-header{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 0}.lj-row-indicator{width:4px;height:32px;border-radius:2px;flex-shrink:0}.lj-row-names{display:flex;flex-direction:column}.lj-row-name{font-size:.88rem;font-weight:600;line-height:1.25;color:var(--color-text-primary,#1e293b)}.lj-row-name-en{font-size:.66rem;color:var(--color-text-light,#94a3b8);font-weight:400}.lj-heatmap-cell{position:relative;border-radius:var(--radius-lg,8px);min-height:68px;cursor:pointer;overflow:hidden;transition:transform .12s,box-shadow .15s;border:1px solid var(--color-border-light,#f1f5f9);background:white}.lj-heatmap-cell:hover{transform:translateY(-2px);z-index:2;box-shadow:var(--shadow-md,0 4px 16px rgba(0,0,0,.1));border-color:var(--color-border,#e2e8f0)}.lj-heatmap-cell.selected{transform:translateY(-2px);z-index:3;border-color:var(--color-primary,#667eea);box-shadow:0 4px 16px rgba(102,126,234,.18)}.lj-heatmap-cell.empty{cursor:default;background:var(--color-bg-tertiary,#f1f5f9)}.lj-heatmap-cell.empty:hover{transform:none;box-shadow:none;border-color:var(--color-border-light,#f1f5f9)}.lj-cell-fill{position:absolute;inset:0;border-radius:var(--radius-lg,8px)}.lj-cell-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:10px 6px;gap:6px}.lj-cell-pct{font-size:.95rem;font-weight:700;color:var(--color-text-primary,#1e293b)}.lj-heatmap-cell.empty .lj-cell-pct{color:var(--color-text-light,#94a3b8);font-weight:400;font-size:.8rem}.lj-cell-bar{height:3px;border-radius:2px;opacity:.6;min-width:4px}.lj-cell-milestone-dot{width:6px;height:6px;border-radius:50%;background:var(--color-warning,#f59e0b);box-shadow:0 0 6px rgba(245,158,11,.4)}.lj-cell-milestone-dot.inline{display:inline-block;vertical-align:middle;margin-right:4px}.lj-heatmap-legend{display:flex;align-items:center;gap:16px;margin-top:24px;padding:10px 16px;background:white;border-radius:var(--radius-lg,8px);border:1px solid var(--color-border,#e2e8f0)}.lj-legend-label{font-size:.74rem;color:var(--color-text-muted,#64748b);font-weight:500}.lj-legend-scale{display:flex;align-items:center;gap:6px}.lj-legend-high,.lj-legend-low{font-size:.68rem;color:var(--color-text-light,#94a3b8)}.lj-legend-gradient{width:80px;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(102,126,234,.06),rgba(102,126,234,.7))}.lj-legend-dot-hint{font-size:.72rem;color:var(--color-text-muted,#64748b);display:flex;align-items:center;gap:2px}.lj-flow{display:flex;flex-direction:column;gap:12px}.lj-flow-track{background:white;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-xl,12px);padding:18px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,.05))}.lj-flow-track:hover{box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.08));border-color:var(--color-border,#e2e8f0)}.lj-flow-track.selected{border-color:var(--color-primary,#667eea);box-shadow:0 2px 12px rgba(102,126,234,.12)}.lj-flow-track-header{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--color-border-light,#f1f5f9)}.lj-flow-indicator{width:4px;height:28px;border-radius:2px;flex-shrink:0}.lj-flow-name{font-size:.92rem;font-weight:600;display:block;color:var(--color-text-primary,#1e293b)}.lj-flow-name-en{font-size:.7rem;color:var(--color-text-light,#94a3b8)}.lj-flow-levels{display:flex;align-items:center;gap:0;overflow-x:auto}.lj-flow-connector{width:20px;height:2px;flex-shrink:0;opacity:.25;border-radius:1px}.lj-flow-level-node{flex-shrink:0;border:1px solid;border-radius:var(--radius-lg,8px);padding:10px 14px;min-width:96px;text-align:center;position:relative;background:white}.lj-flow-level-node.inactive{opacity:.35}.lj-flow-level-name{font-size:.82rem;font-weight:700;display:block}.lj-flow-level-weight{font-size:.72rem;color:var(--color-text-muted,#64748b)}.lj-flow-features{margin-top:6px;display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.lj-flow-feature-tag{font-size:.6rem;padding:2px 6px;border-radius:var(--radius-sm,4px);background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-muted,#64748b);white-space:nowrap}.lj-flow-feature-more{font-size:.6rem;color:var(--color-text-light,#94a3b8)}.lj-flow-milestone{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;background:var(--color-warning,#f59e0b);border:2px solid white}.lj-detail{padding:24px}.lj-detail-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:2px solid}.lj-detail-indicator{width:6px;height:36px;border-radius:3px;flex-shrink:0;margin-top:2px}.lj-detail h3{font-size:1.05rem;font-weight:700;margin:0 0 4px;color:var(--color-text-primary,#1e293b)}.lj-detail h3 span{font-weight:800;margin-left:6px}.lj-detail-subtitle{font-size:.78rem;color:var(--color-text-muted,#64748b);margin:0}.lj-detail-weight{display:flex;align-items:center;gap:10px;margin-bottom:22px}.lj-detail-weight-label{font-size:.72rem;color:var(--color-text-muted,#64748b);white-space:nowrap;font-weight:500}.lj-detail-weight-bar-bg{flex:1 1;height:6px;border-radius:3px;background:var(--color-bg-tertiary,#f1f5f9);overflow:hidden}.lj-detail-weight-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.lj-detail-weight-value{font-size:.92rem;font-weight:700;min-width:36px;text-align:right}.lj-detail-section{margin-bottom:20px}.lj-detail-section h4{font-size:.72rem;font-weight:600;color:var(--color-text-muted,#64748b);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.lj-detail-section p{font-size:.84rem;color:var(--color-text-secondary,#475569);margin:0;line-height:1.55}.lj-detail-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.lj-feature-unlocked{font-size:.8rem;color:var(--color-success-text,#15803d);padding:6px 10px;background:var(--color-success-light,#dcfce7);border-radius:var(--radius-md,6px);border-left:3px solid var(--color-success,#16a34a)}.lj-feature-unlocked:before{content:"\2713  ";font-weight:600}.lj-feature-locked{font-size:.8rem;color:var(--color-text-muted,#64748b);padding:6px 10px;background:var(--color-bg-tertiary,#f1f5f9);border-radius:var(--radius-md,6px);border-left:3px solid var(--color-border,#e2e8f0)}.lj-feature-locked:before{content:"\2014  "}.lj-feature-milestone{font-size:.8rem;color:var(--color-text-secondary,#475569);padding:6px 10px;background:#fffbeb;border-radius:var(--radius-md,6px);border-left:3px solid var(--color-warning,#f59e0b)}.lj-feature-milestone span{font-weight:700;margin-right:6px}.lj-detail-milestone{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid;border-radius:var(--radius-lg,8px);margin-top:18px}.lj-milestone-icon{width:8px;height:8px;border-radius:50%;background:var(--color-warning,#f59e0b);flex-shrink:0}.lj-detail-milestone span:last-child{font-size:.8rem;color:var(--color-text-secondary,#475569);line-height:1.4}.lj-overview-weights{display:flex;flex-direction:column;gap:8px}.lj-overview-weight-row{display:flex;align-items:center;gap:8px}.lj-overview-level{font-size:.78rem;font-weight:700;width:28px;text-align:center}.lj-overview-bar-bg{flex:1 1;height:8px;border-radius:4px;background:var(--color-bg-tertiary,#f1f5f9);overflow:hidden}.lj-overview-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.lj-overview-pct{font-size:.74rem;color:var(--color-text-muted,#64748b);width:32px;text-align:right}.lj-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:48px;text-align:center}.lj-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--color-bg-tertiary,#f1f5f9);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.lj-empty-icon svg{width:20px;height:20px;color:var(--color-text-light,#94a3b8)}.lj-detail-empty>p{font-size:.84rem;color:var(--color-text-muted,#64748b);margin:0 0 28px}.lj-empty-summary{text-align:left;width:100%;padding:18px;background:var(--color-bg-secondary,#f8fafc);border-radius:var(--radius-xl,12px);border:1px solid var(--color-border,#e2e8f0)}.lj-empty-summary h4{font-size:.8rem;font-weight:600;color:var(--color-text-secondary,#475569);margin:0 0 10px}.lj-empty-summary>p{font-size:.78rem;color:var(--color-text-muted,#64748b);margin:0 0 16px;line-height:1.55}.lj-empty-tracks{display:flex;flex-direction:column;gap:8px}.lj-empty-track-row{display:flex;align-items:center;gap:10px;font-size:.78rem}.lj-empty-track-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.lj-empty-track-name{font-weight:600;min-width:48px;color:var(--color-text-primary,#1e293b)}.lj-empty-track-sub{color:var(--color-text-muted,#64748b)}@media (max-width:1024px){.lj-body{flex-direction:column}.lj-detail-panel{width:100%;min-width:0;border-left:none;border-top:1px solid var(--color-border,#e2e8f0);max-height:320px}.lj-heatmap-grid{grid-template-columns:120px repeat(6,1fr)}.lj-row-name-en{display:none}}@media (max-width:768px){.lj-header{flex-direction:column;gap:10px;align-items:flex-start;padding:12px 16px}.lj-main{padding:16px}.lj-heatmap-grid{grid-template-columns:80px repeat(6,1fr);gap:4px}.lj-row-indicator{display:none}.lj-cell-pct{font-size:.75rem}.lj-flow-level-node{min-width:74px;padding:8px 10px}.lj-flow-features{display:none}}.model-compare-page{max-width:1200px;margin:0 auto;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.model-compare-error,.model-compare-loading{text-align:center;padding:48px;font-size:16px;color:#666}.model-compare-error{color:#ef4444}.model-compare-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.model-compare-header h1{font-size:20px;font-weight:600;margin:0 0 8px}.model-compare-meta{display:flex;gap:16px;align-items:center;font-size:13px;color:#666;flex-wrap:wrap}.model-compare-meta select{margin-left:4px;padding:2px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.model-compare-sentences{display:flex;flex-direction:column;gap:20px}.model-compare-sentence{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.sentence-info{margin-bottom:12px}.sentence-index{font-size:12px;font-weight:600;color:#9ca3af;margin-bottom:4px}.sentence-text{font-size:15px;font-weight:500;color:#111;margin-bottom:4px;line-height:1.5}.sentence-reference{font-size:13px;color:#6b7280;line-height:1.4}.sentence-input-row{display:flex;gap:8px;margin-bottom:12px}.sentence-input-row input{flex:1 1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:border-color .15s}.sentence-input-row input:focus{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.test-btn{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.test-btn:hover:not(:disabled){background:#4f46e5}.test-btn:disabled{background:#c7d2fe;cursor:not-allowed}.model-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.model-result-card{border:1px solid #e5e7eb;border-radius:6px;padding:12px;background:#f9fafb;font-size:13px}.model-result-card.error{border-color:#fca5a5;background:#fef2f2}.model-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.model-name{font-weight:600;font-size:12px;color:#374151}.model-latency{font-size:11px;color:#9ca3af;font-family:monospace}.model-result-score{font-size:28px;font-weight:700;margin-bottom:6px}.model-result-error{color:#ef4444;font-size:12px;word-break:break-word}.model-result-feedback{font-size:12px;color:#4b5563;line-height:1.4;margin-bottom:8px}.model-result-errors{display:flex;flex-direction:column;gap:6px}.error-item{display:flex;flex-wrap:wrap;gap:4px;align-items:flex-start;font-size:11px;line-height:1.4}.error-type{display:inline-block;padding:1px 5px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.error-type-vocabulary{background:#dbeafe;color:#1d4ed8}.error-type-grammar{background:#fef3c7;color:#92400e}.error-type-structure{background:#fce7f3;color:#9d174d}.error-desc{color:#374151}.error-word{font-family:monospace;font-size:11px;color:#6366f1;background:#eef2ff;padding:0 4px;border-radius:2px}.model-compare-summary{margin-top:32px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.model-compare-summary h2{font-size:16px;font-weight:600;margin:0 0 12px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px}.summary-model{font-weight:600;font-size:13px;margin-bottom:8px;color:#374151}.summary-stat{font-size:12px;color:#6b7280;margin-bottom:4px}.summary-stat strong{font-weight:600}.model-compare-actions{margin-top:24px;text-align:center}.test-all-btn{padding:10px 32px;background:#059669;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.test-all-btn:hover:not(:disabled){background:#047857}.test-all-btn:disabled{background:#a7f3d0;cursor:not-allowed}@media (max-width:768px){.model-results-grid,.summary-grid{grid-template-columns:1fr}}.shadowing-experiment{max-width:800px;margin:0 auto;padding:20px 20px 80px}.shadowing-experiment h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary,#1e293b);margin-bottom:4px}.shadowing-experiment .subtitle{color:var(--color-text-muted,#64748b);font-size:.875rem;margin-bottom:24px}.phase-indicator{display:flex;gap:8px;margin-bottom:24px}.phase-step{flex:1 1;padding:8px 12px;border-radius:var(--radius-lg,8px);font-size:.8rem;font-weight:600;text-align:center;background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-light,#94a3b8);transition:all .2s ease-out}.phase-step.active{background:var(--color-primary,#667eea);color:#fff}.phase-step.completed{background:var(--color-success-light,#dcfce7);color:var(--color-success,#16a34a)}.phase-step.locked{opacity:.5}.lock-icon{font-size:.7rem}.sentence-card{background:#fff;border-radius:var(--radius-xl,12px);padding:20px 20px 28px;margin-bottom:20px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease-out}.sentence-card.text-hidden .sentence-text{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none}.text-hidden-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(102,126,234,.92);color:#fff;padding:8px 20px;border-radius:var(--radius-lg,8px);font-size:.85rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 16px rgba(102,126,234,.3)}.sentence-card .speaker{font-size:.75rem;color:var(--color-text-light,#94a3b8);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.sentence-text{font-size:1.25rem;line-height:2.4;color:var(--color-text-primary,#1e293b);transition:filter .3s ease-out;padding-bottom:8px}.chunk{display:inline;padding:2px 6px;border-radius:var(--radius-sm,4px);margin:0 1px}.chunk-0{background:#dbeafe}.chunk-1{background:#fef3c7}.chunk-2{background:#d1fae5}.ann-stress{font-weight:700;font-size:1.08em;border-bottom:2.5px solid var(--color-primary,#667eea);padding-bottom:1px}.ann-link{position:relative;display:inline-block;padding-top:10px}.ann-link:before{content:"";position:absolute;top:0;left:8%;right:8%;height:8px;border:2px solid var(--color-primary,#667eea);border-bottom:none;border-radius:50% 50% 0 0;pointer-events:none}.ann-pause{font-weight:500}.pause-mark{display:inline-block;color:var(--color-error,#dc2626);font-size:.7em;font-weight:700;margin:0 2px 0 4px;vertical-align:middle;opacity:.7}.ann-syllables{position:relative;display:inline-block;font-weight:600;border-bottom:2px dashed var(--color-text-muted,#64748b)}.syllable-hint{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:700;color:var(--color-primary,#667eea);white-space:nowrap;letter-spacing:.5px;pointer-events:none}.ann-reduction{position:relative;display:inline-block;font-weight:500;border-bottom:2px dotted #f59e0b}.reduction-hint{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:700;color:#f59e0b;white-space:nowrap;font-style:italic;pointer-events:none}.ann-intonation{display:inline-block;font-size:1.1em;font-weight:700;margin-left:2px;vertical-align:middle}.ann-intonation.rising{color:var(--color-primary,#667eea)}.ann-intonation.falling{color:var(--color-text-muted,#64748b)}.ann-tone-wrapper{position:relative;display:inline}.ann-tone{position:absolute;bottom:calc(100% + 2px);left:0;font-size:.55rem;font-weight:500;color:var(--color-text-muted,#64748b);text-transform:lowercase;letter-spacing:.2px;white-space:nowrap;font-style:italic;pointer-events:none}.annotation-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--color-border,#e2e8f0)}.legend-item{font-size:.7rem;color:var(--color-text-muted,#64748b);display:flex;align-items:center;gap:3px}.sentence-selector{margin-bottom:16px}.sentence-selector label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary,#475569);margin-bottom:4px}.sentence-selector select{width:100%;padding:8px 12px;border-radius:var(--radius-lg,8px);border:1px solid var(--color-border,#e2e8f0);font-size:.875rem;color:var(--color-text-primary,#1e293b);background:#fff;transition:border-color .15s ease-out,box-shadow .15s ease-out}.sentence-selector select:focus{outline:none;border-color:var(--color-primary,#667eea);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.mode-info{margin-top:12px;padding:10px 14px;background:var(--color-primary-light,#f0f4ff);border-radius:var(--radius-lg,8px);font-size:.85rem;color:var(--color-text-secondary,#475569)}.mode-info p{margin:0}.mode-badge-row{display:flex;justify-content:center;margin-bottom:12px}.mode-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.mode-badge.scripted{background:#dbeafe;color:#1e40af}.mode-badge.unscripted{background:#fef3c7;color:#92400e}.headphone-banner{display:flex;align-items:center;gap:10px;background:#fff9e6;border:1px solid var(--color-warning,#f59e0b);border-radius:var(--radius-lg,8px);padding:10px 14px;margin-bottom:20px;font-size:.85rem;color:#92400e}.headphone-banner .icon{font-size:1.2rem;flex-shrink:0}.waveform-section{margin-top:12px}.waveform-label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary,#475569);margin-bottom:4px}.waveform-label .dot{width:8px;height:8px;border-radius:50%}.waveform-label .dot.system{background:var(--color-primary,#667eea)}.waveform-label .dot.mic{background:var(--color-success,#16a34a)}.system-waveform{background:#1e1b4b;height:80px}.mic-waveform,.system-waveform{border-radius:var(--radius-lg,8px);overflow:hidden}.mic-waveform{background:#052e16;height:100px;position:relative}.mic-waveform canvas{width:100%;height:100%;display:block}.rec-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.7rem;font-weight:600;color:var(--color-error,#dc2626);background:var(--color-error-light,#fef2f2);padding:2px 8px;border-radius:10px}.rec-dot{width:7px;height:7px;background:var(--color-error,#dc2626);border-radius:50%;flex-shrink:0;animation:pulse-rec 1.5s ease-in-out infinite}@keyframes pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.action-btn{display:inline-flex;gap:8px;padding:12px 24px;border-radius:var(--radius-lg,8px);font-size:.95rem;transition:all .2s ease-out;width:100%}.action-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary,#667eea);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover,#5a67d8);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-record{background:var(--color-error,#dc2626);color:#fff}.btn-record:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.4)}.btn-secondary{background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-secondary,#475569);border:1px solid var(--color-border,#e2e8f0)}.btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.btn-text{background:transparent;color:var(--color-text-muted,#64748b);font-size:.85rem;padding:8px 16px}.btn-text:hover:not(:disabled){color:var(--color-text-secondary,#475569);background:var(--color-bg-tertiary,#f1f5f9)}.button-row{display:flex;gap:10px;margin-top:16px}.button-row .action-btn{flex:1 1}.results-section{margin-top:20px}.results-card{background:#fff;border-radius:var(--radius-xl,12px);padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:16px}.score-header{gap:24px;margin-bottom:20px}.overall-score,.score-header{display:flex;align-items:center}.overall-score{flex-direction:column;flex-shrink:0}.score-circle{width:80px;height:80px;border:3px solid;background:#fff}.score-circle .score-value{font-size:1.75rem;font-weight:700;line-height:1}.score-circle .score-label{font-size:.65rem;color:var(--color-text-muted,#64748b);margin-top:2px}.score-bars{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:0}.score-bar-item{display:flex;align-items:center;gap:10px}.score-bar-item .bar-label{width:90px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary,#475569);text-align:right;flex-shrink:0}.score-bar-item .bar-track{flex:1 1;height:6px;background:var(--color-bg-tertiary,#f1f5f9);border-radius:3px;overflow:hidden}.score-bar-item .bar-fill{height:100%;border-radius:3px;transition:width .5s ease-out}.score-bar-item .bar-value{width:36px;font-size:.8rem;font-weight:600;text-align:right}.word-analysis{margin-bottom:24px}.word-analysis h3{font-size:.9rem;font-weight:600;margin-bottom:10px;color:var(--color-text-secondary,#475569)}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chip{padding:4px 10px;border-radius:var(--radius-md,6px);font-size:.85rem;font-weight:500;border:1px solid}.word-chip.good{background:var(--color-success-light,#dcfce7);color:#065f46;border-color:#a7f3d0}.word-chip.ok{background:#fef3c7;color:#92400e;border-color:#fde68a}.word-chip.bad{background:var(--color-error-light,#fef2f2);color:#991b1b;border-color:#fca5a5}.word-chip.omission{background:var(--color-bg-tertiary,#f1f5f9);color:var(--color-text-light,#94a3b8);border-color:var(--color-border,#e2e8f0);text-decoration:line-through}.score-comparison{background:var(--color-bg-secondary,#f8fafc);border-radius:var(--radius-lg,8px);padding:12px 16px;margin-top:16px}.score-comparison h3{font-size:.8rem;font-weight:600;color:var(--color-text-muted,#64748b);margin-bottom:8px;text-align:center}.comparison-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.comparison-item{display:flex;align-items:baseline;gap:6px}.comparison-label{font-size:.75rem;color:var(--color-text-muted,#64748b);font-weight:500}.comparison-score{font-size:1.25rem;font-weight:700}.comparison-arrow{color:var(--color-text-light,#94a3b8);font-size:1rem}.comparison-delta{font-size:.8rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-md,6px)}.comparison-delta.positive{background:var(--color-success-light,#dcfce7);color:#065f46}.comparison-delta.negative{background:var(--color-error-light,#fef2f2);color:#991b1b}.unlock-hint{text-align:center;padding:10px;background:var(--color-bg-secondary,#f8fafc);border-radius:var(--radius-lg,8px);border:1px dashed var(--color-border,#e2e8f0);width:100%}.recognized-text,.unlock-hint{font-size:.85rem;color:var(--color-text-muted,#64748b)}.error-box,.recognized-text{margin-bottom:16px}.error-box{background:var(--color-error-light,#fef2f2);border:1px solid #fca5a5;color:#991b1b;border-radius:var(--radius-lg,8px);padding:12px 16px;font-size:.85rem}.assessing-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;background:#fff;border-radius:var(--radius-xl,12px);box-shadow:0 2px 8px rgba(0,0,0,.08);color:var(--color-text-muted,#64748b);font-size:.9rem;margin-bottom:16px}.spinner{width:32px;height:32px;border:3px solid var(--color-bg-tertiary,#f1f5f9);border-top-color:var(--color-primary,#667eea);border-radius:50%;animation:spin 1s linear infinite}.playback-section{margin-top:16px}.playback-section .playback-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary,#475569);margin-bottom:4px}.playback-section audio{width:100%;border-radius:var(--radius-lg,8px)}@media (prefers-reduced-motion:reduce){.rec-dot{animation-duration:.01ms!important;animation-iteration-count:1!important}.action-btn,.phase-step,.score-bar-item .bar-fill,.sentence-card,.sentence-text{transition-duration:.01ms!important}}@media (max-width:768px){.shadowing-experiment{padding:16px 12px 80px}.phase-step{padding:6px 8px;font-size:.72rem}.sentence-text{font-size:1.1rem}.score-header{flex-direction:column;gap:16px}.score-bar-item .bar-label{width:80px;font-size:.75rem}.comparison-row{gap:8px}.comparison-score{font-size:1.1rem}}@media (max-width:480px){.shadowing-experiment h1{font-size:1.25rem}.phase-step{padding:6px 4px;font-size:.68rem}.action-btn{padding:10px 16px;font-size:.9rem}.text-hidden-overlay{font-size:.75rem;padding:6px 14px}}.silence-exp-page{max-width:800px;margin:0 auto;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.silence-exp-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.silence-exp-header h1{font-size:22px;font-weight:600;margin:0 0 8px}.silence-exp-desc{font-size:13px;color:#6b7280;margin:0 0 12px;line-height:1.5}.silence-exp-desc code{background:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:12px}.silence-exp-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.silence-exp-btn:disabled{opacity:.5;cursor:not-allowed}.silence-exp-btn--primary{background:#6366f1;color:#fff}.silence-exp-btn--primary:hover:not(:disabled){background:#4f46e5}.silence-exp-btn--generate{background:#059669;color:#fff;padding:10px 24px;font-size:14px}.silence-exp-btn--generate:hover:not(:disabled){background:#047857}.silence-exp-cards{display:flex;flex-direction:column;gap:16px}.silence-exp-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden}.silence-exp-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.silence-exp-card-index{font-size:13px;font-weight:700;color:#9ca3af;min-width:28px}.silence-exp-card-text{flex:1 1;font-size:15px;font-weight:500;color:#111}.silence-exp-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.silence-exp-badge--evan{background:#dbeafe;color:#1d4ed8}.silence-exp-badge--sarah{background:#fce7f3;color:#be185d}.silence-exp-card-empty{display:flex;justify-content:center;padding:24px}.silence-exp-versions{display:flex;flex-direction:column;gap:0}.silence-exp-version-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f3f4f6}.silence-exp-version-row:last-child{border-bottom:none}.silence-exp-version-label{font-size:12px;font-weight:600;color:#374151;min-width:110px;padding-left:10px;border-left:3px solid #d1d5db}.silence-exp-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;flex-shrink:0}.silence-exp-play-btn:hover{background:#eef2ff;border-color:#6366f1}.silence-exp-play-btn--playing{background:#6366f1;border-color:#6366f1;color:#fff}.silence-exp-duration{font-size:13px;font-family:monospace;color:#374151;min-width:56px;text-align:right}.silence-exp-silence-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:10px}.silence-exp-silence-badge--low{background:#d1fae5;color:#065f46}.silence-exp-silence-badge--med{background:#fef3c7;color:#92400e}.silence-exp-silence-badge--high{background:#fee2e2;color:#991b1b}.silence-exp-card-summary{padding:10px 16px;background:#f0fdf4;border-top:1px solid #bbf7d0;font-size:13px;color:#166534}.silence-exp-card-summary strong{color:#15803d}@media (max-width:640px){.silence-exp-card-header{flex-wrap:wrap}.silence-exp-version-row{flex-wrap:wrap;gap:8px}.silence-exp-version-label{min-width:90px}}.speech-test-page{min-height:100vh;background:#f8f9fb;padding:2rem 1rem;display:flex;justify-content:center}.speech-test-container{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.speech-test-container h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0}.speech-test-subtitle{color:#6b7280;font-size:.95rem;margin:-.5rem 0 0}.speech-test-unsupported{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);max-width:400px;margin:4rem auto}.speech-test-mode-toggle{display:flex;gap:0;background:#e5e7eb;border-radius:10px;padding:3px}.mode-btn{padding:.5rem 1.25rem;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn.active{background:#fff;color:#667eea;box-shadow:0 1px 4px rgba(0,0,0,.08)}.speech-test-quiz-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.level-selector{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.level-btn{padding:.4rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.level-btn.active{border-color:#667eea;background:#667eea;color:#fff}.level-btn:hover:not(.active){border-color:#667eea;color:#667eea}.target-word-card{background:#fff;border-radius:16px;padding:1.5rem 2rem;box-shadow:0 2px 12px rgba(0,0,0,.06);text-align:center;width:100%;display:flex;flex-direction:column;gap:.5rem}.target-label{font-size:.85rem;color:#9ca3af}.target-word{font-size:2.5rem;font-weight:700;color:#1a1a2e;letter-spacing:.15em}.custom-word-input{display:flex;gap:.5rem;width:100%;max-width:320px}.custom-word-input input{flex:1 1;padding:.5rem .75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s}.custom-word-input input:focus{border-color:#667eea}.custom-word-input button{padding:.5rem 1rem;border:none;border-radius:8px;background:#667eea;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer}.custom-word-input button:disabled{opacity:.4;cursor:not-allowed}.letter-tiles-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.letter-tiles{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.letter-tiles-placeholder{color:#9ca3af;font-size:.9rem;padding:1rem}.letter-tile{width:48px;height:64px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;transition:all .2s;position:relative}.letter-tile.pending{background:#f3f4f6;border:2px dashed #d1d5db}.letter-tile.current{background:#eef2ff;border:2px solid #667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);animation:tile-pulse 1.5s ease-in-out infinite}.letter-tile.correct{background:#f0fdf4;border:2px solid #10b981}.letter-tile.incorrect{background:#fef2f2;border:2px solid #ef4444}.letter-tile.filled{background:#eef2ff;border:2px solid #667eea}.letter-tile.preview{background:#fffbeb;border:2px dashed #f59e0b;animation:preview-fade .6s ease-in-out infinite alternate}@keyframes preview-fade{0%{opacity:.6}to{opacity:1}}@keyframes tile-pulse{0%,to{box-shadow:0 0 0 4px rgba(102,126,234,.1)}50%{box-shadow:0 0 0 8px rgba(102,126,234,.05)}}.tile-expected{font-size:.7rem;color:#9ca3af;line-height:1}.tile-input{font-size:1.4rem;color:#10b981;line-height:1}.tile-input.wrong{color:#ef4444}.tile-input.free-input{color:#667eea;font-size:1.4rem}.tile-input.preview-text{color:#f59e0b;font-size:1.4rem}.tile-cursor{font-size:1.4rem;color:#667eea;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.spelled-word{font-size:1.1rem;color:#374151;letter-spacing:.05em}.spelled-word strong{color:#667eea;font-size:1.3rem;letter-spacing:.1em}.speech-test-mic-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mic-btn{width:80px;height:80px;border-radius:50%;border:none;background:#667eea;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 16px rgba(102,126,234,.3)}.mic-btn:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(102,126,234,.4)}.mic-btn.listening{background:#ef4444;transform:scale(1.05);box-shadow:0 0 0 6px rgba(239,68,68,.15),0 6px 24px rgba(239,68,68,.3);animation:pulse-ring 1.2s ease-in-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 6px rgba(239,68,68,.15),0 6px 24px rgba(239,68,68,.3)}50%{box-shadow:0 0 0 14px rgba(239,68,68,.05),0 6px 24px rgba(239,68,68,.3)}to{box-shadow:0 0 0 6px rgba(239,68,68,.15),0 6px 24px rgba(239,68,68,.3)}}.listening-indicator{display:flex;align-items:center;justify-content:center;gap:8px;height:80px}.listening-dot{width:14px;height:14px;border-radius:50%;background:#ef4444;animation:dot-bounce 1.2s ease-in-out infinite}.listening-dot:nth-child(2){animation-delay:.15s}.listening-dot:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.mic-hint{font-size:.85rem;color:#9ca3af;margin:0}.live-transcript-box{background:#1a1a2e;color:#fff;padding:.6rem 1.25rem;border-radius:10px;font-size:.95rem;min-width:200px;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center;gap:.5rem}.live-label{color:#9ca3af;font-size:.8rem;white-space:nowrap}.live-text{color:#667eea;font-weight:600;font-size:1.1rem;min-width:30px}.word-result{font-size:1.5rem;font-weight:700;padding:.75rem 2rem;border-radius:16px;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.word-result.word-correct{color:#10b981;background:#f0fdf4;border:2px solid #10b981}.word-result.word-incorrect{color:#ef4444;background:#fef2f2;border:2px solid #ef4444}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.backspace-btn{padding:.5rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.backspace-btn:hover{border-color:#f59e0b;color:#f59e0b}.next-word-btn{padding:.65rem 1.5rem;border:none;border-radius:10px;background:#667eea;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.next-word-btn:hover{background:#5a6fd6;transform:translateY(-1px)}.clear-btn{padding:.5rem 1.25rem;border:2px solid #e5e7eb;border-radius:10px;background:transparent;color:#9ca3af;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.clear-btn:hover{border-color:#ef4444;color:#ef4444}.speech-test-stats{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.stat-correct{color:#10b981}.stat-divider{color:#d1d5db}.stat-total{color:#374151}.stat-rate{color:#6b7280;font-weight:400}.speech-test-results{width:100%}.speech-test-results h3{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem}.letter-log{display:flex;flex-direction:column;gap:.35rem}.log-entry{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#fff;border-radius:8px;border-left:3px solid #e5e7eb;font-size:.85rem}.log-entry.correct{border-left-color:#10b981;background:#f0fdf4}.log-entry.incorrect{border-left-color:#ef4444;background:#fef2f2}.log-index{color:#9ca3af;font-size:.75rem;min-width:24px}.log-parsed{font-size:1.1rem;font-weight:700;color:#1a1a2e;min-width:24px;text-align:center}.log-raw{color:#9ca3af;font-size:.8rem;flex:1 1}.log-confidence{color:#6b7280;font-size:.8rem;font-weight:500}.result-card{background:#fff;border-radius:12px;padding:.75rem 1rem;margin-bottom:.5rem;box-shadow:0 1px 4px rgba(0,0,0,.04);border-left:4px solid #e5e7eb;animation:slide-in .2s ease}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.result-card.correct{border-left-color:#10b981;background:#f0fdf4}.result-card.incorrect{border-left-color:#ef4444;background:#fef2f2}.result-main{display:flex;align-items:center;gap:.75rem}.result-transcript{font-size:1rem;font-weight:600;color:#1a1a2e;flex:1 1;letter-spacing:.05em}.result-icon{font-size:1.2rem;font-weight:700}.correct-icon{color:#10b981}.incorrect-icon{color:#ef4444}@media (max-width:480px){.speech-test-page{padding:1rem .75rem}.target-word{font-size:2rem}.letter-tile{width:40px;height:54px}.tile-input,.tile-input.free-input{font-size:1.2rem}.tile-expected{font-size:.6rem}.mic-btn{width:72px;height:72px}.mic-btn svg{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.interim-transcript,.letter-tile.current,.mic-btn.listening,.result-card,.tile-cursor,.word-result{animation:none}.tile-cursor{opacity:1}}.tts-compare-page{max-width:960px;margin:0 auto;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tts-compare-header{margin-bottom:24px;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.tts-compare-header h1{font-size:20px;font-weight:600;margin:0 0 12px}.tts-compare-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tts-compare-controls label{font-size:13px;color:#374151;display:flex;align-items:center;gap:6px}.tts-compare-controls select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px}.tts-slider-label{font-size:13px;color:#374151;display:flex;align-items:center;gap:6px;white-space:nowrap}.tts-slider{width:100px;height:4px;appearance:none;background:#d1d5db;border-radius:2px;outline:none;cursor:pointer}.tts-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.tts-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#6366f1;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.tts-compare-btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.tts-compare-btn--primary{background:#6366f1;color:#fff}.tts-compare-btn--primary:hover:not(:disabled){background:#4f46e5}.tts-compare-btn--green{background:#059669;color:#fff}.tts-compare-btn--green:hover:not(:disabled){background:#047857}.tts-compare-btn:disabled{opacity:.5;cursor:not-allowed}.tts-compare-loading{text-align:center;padding:48px;color:#666}.tts-compare-list{display:flex;flex-direction:column;gap:8px}.tts-word-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;flex-wrap:wrap}.tts-word-index{font-size:12px;font-weight:600;color:#9ca3af;min-width:32px}.tts-word-info{flex:1 1;min-width:120px}.tts-word-text{font-size:15px;font-weight:600;color:#111}.tts-word-phonetic{font-size:12px;color:#6b7280;font-family:monospace}.tts-audio-group{display:flex;align-items:center;gap:6px}.tts-audio-label{font-size:11px;color:#6b7280;min-width:52px}.tts-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.tts-play-btn:hover:not(:disabled){background:#eef2ff;border-color:#6366f1}.tts-play-btn:disabled{opacity:.3;cursor:not-allowed}.tts-play-btn--playing{background:#6366f1;border-color:#6366f1}.tts-play-btn--playing svg{fill:#fff;stroke:#fff}.tts-generate-btn{padding:4px 10px;font-size:11px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;transition:all .15s;color:#374151}.tts-generate-btn:hover:not(:disabled){background:#f3f4f6;border-color:#6366f1;color:#6366f1}.tts-generate-btn:disabled{opacity:.5;cursor:not-allowed}.tts-latency{font-size:11px;font-family:monospace;color:#9ca3af;min-width:60px;text-align:right}.tts-rating-area{display:flex;gap:16px;width:100%;padding-top:6px;border-top:1px solid #f3f4f6;margin-top:4px}.tts-star-rating{display:flex;align-items:center;gap:4px}.tts-star-label{font-size:11px;color:#6b7280;min-width:48px}.tts-stars{display:flex;gap:2px}.tts-star{background:none;border:none;cursor:pointer;font-size:18px;padding:0 1px;color:#d1d5db;transition:color .1s,transform .1s;line-height:1}.tts-star:hover{transform:scale(1.2)}.tts-star--filled{color:#f59e0b}.tts-compare-footer{margin-top:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.tts-compare-stats{font-size:13px;color:#6b7280;display:flex;gap:16px;flex-wrap:wrap}.tts-compare-stats strong{color:#374151}.tts-compare-agg{font-size:12px;color:#6b7280;display:flex;flex-wrap:wrap;gap:12px;padding-top:8px;border-top:1px solid #e2e8f0}.tts-compare-agg strong{color:#374151}.tts-agg-voice{background:#eef2ff;padding:2px 8px;border-radius:4px;font-size:11px}@media (max-width:640px){.tts-word-row{flex-direction:column;align-items:flex-start;gap:8px}.tts-audio-group{width:100%}.tts-latency{text-align:left}.tts-rating-area{flex-direction:column;gap:8px}.tts-slider{width:80px}}.tokens-page{min-height:calc(100vh - 200px);padding:24px;background:#f8f9fa}.tokens-container{max-width:800px;margin:0 auto}.tokens-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#4b5563;font-size:15px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.tokens-header{margin-bottom:24px}.tokens-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.tokens-subtitle{font-size:16px;color:#4b5563;margin:0}.tokens-balance-card{background:#10b981;border-radius:20px;padding:32px;color:#ffffff;margin-bottom:24px;box-shadow:0 10px 40px rgba(16,185,129,.3)}.balance-main{gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.2)}.balance-icon,.balance-main{display:flex;align-items:center}.balance-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:20px;justify-content:center}.balance-icon svg{color:white}.balance-info{display:flex;flex-direction:column}.balance-label{font-size:14px;font-weight:500;color:rgba(255,255,255,.95);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:48px;font-weight:700;line-height:1}.balance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-item{flex-direction:column;gap:4px}.tokens-balance-card .stat-label{font-size:13px;font-weight:700;color:#ffffff;letter-spacing:.3px}.tokens-balance-card .stat-value{font-size:20px;font-weight:700;color:#ffffff}.tokens-balance-card .stat-value.positive{color:#ffffff}.tokens-balance-card .stat-value.negative{color:#fef2f2}.tokens-actions{display:flex;gap:16px;margin-bottom:24px}.action-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.daily-btn{background:#667eea;color:white;box-shadow:0 4px 15px rgba(102,126,234,.4)}.daily-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.ad-btn{background:#f59e0b;color:white;box-shadow:0 4px 15px rgba(245,158,11,.4)}.ad-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.5)}.action-btn.disabled,.action-btn:disabled{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none!important}.tokens-message{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:24px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tokens-message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.tokens-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.tokens-history{background:white;border-radius:16px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.history-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.history-filter{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:white;cursor:pointer;min-width:150px}.history-filter:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.history-empty{text-align:center;padding:48px 24px;color:#6b7280;font-size:15px}.history-list{display:flex;flex-direction:column}.history-item{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #f3f4f6}.history-item:last-child{border-bottom:none}.history-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-item.earn .history-item-icon{background:#d1fae5;color:#059669}.history-item.spend .history-item-icon{background:#fee2e2;color:#dc2626}.history-item-info{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.history-item-type{font-size:15px;font-weight:600;color:#111827}.history-item-date{font-size:13px;color:#6b7280}.history-item-desc{font-size:13px;color:#4b5563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-amount{font-size:16px;font-weight:600;flex-shrink:0}.history-item-amount.positive{color:#059669}.history-item-amount.negative{color:#dc2626}.history-loading{display:flex;justify-content:center;padding:24px}.load-more-btn{width:100%;padding:12px;margin-top:16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:#e5e7eb}@media (max-width:768px){.tokens-page{padding:16px}.tokens-balance-card{padding:24px}.balance-main{flex-direction:column;text-align:center}.balance-value{font-size:36px}.balance-stats{grid-template-columns:repeat(2,1fr)}.history-header,.tokens-actions{flex-direction:column}.history-header{align-items:flex-start;gap:12px}.history-filter{width:100%}}@media (max-width:480px){.tokens-header h1{font-size:24px}.balance-icon{width:60px;height:60px}.balance-icon svg{width:32px;height:32px}.balance-value{font-size:32px}.tokens-balance-card .stat-value{font-size:18px}}.topics-page{max-width:960px;margin:0 auto;padding:40px 24px}.topics-header{text-align:center;margin-bottom:40px}.topics-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.topics-subtitle{color:var(--color-text-muted);font-size:1rem}.topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 24px 28px;background:var(--topic-bg,var(--color-bg-primary));border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;text-align:left;font-family:inherit;color:inherit;overflow:hidden}.topic-card:hover{background:var(--topic-bg-hover,var(--color-bg-tertiary));border-color:var(--topic-color,var(--color-primary));box-shadow:var(--shadow-md)}.topic-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.topic-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--topic-color,var(--color-primary));border-radius:4px 0 0 4px}.topic-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--topic-bg-hover,var(--color-bg-tertiary));margin-bottom:12px;flex-shrink:0}.topic-icon-svg{width:22px;height:22px}.topic-name{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:0 0 6px;line-height:1.4}.topic-count-label{font-size:.8rem;color:var(--color-text-light)}.course-topic-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.badge.topic-badge{background:var(--color-primary-50);color:var(--color-primary);font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:500}.topics-page .empty-state{text-align:center;padding:64px 32px}.topics-page .empty-state h3{color:var(--color-text-primary);margin-bottom:8px}.topics-page .empty-state p{color:var(--color-text-muted)}.topics-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.error-banner{padding:16px 24px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.error-banner p{color:var(--color-error);margin:0}.error-banner button{padding:8px 20px;font-size:.875rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap}@media (max-width:860px){.topics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.topics-page{padding:24px 16px}.topics-header h1{font-size:1.375rem}.topics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.topic-card{padding:20px 20px 20px 24px}.topic-name{font-size:.95rem}.topic-icon-wrapper{width:38px;height:38px;border-radius:10px;margin-bottom:10px}.topic-icon-svg{width:18px;height:18px}}:root{--mastery-0:#9CA3AF;--mastery-1:#EF4444;--mastery-2:#F97316;--mastery-3:#EAB308;--mastery-4:#84CC16;--mastery-5:#22C55E}.vocab-book-page{padding:var(--space-6);max-width:1400px;margin:0 auto;background:var(--color-bg-secondary);min-height:100vh}.vocab-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;gap:var(--space-4)}.vocab-loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:vocab-spin 1s linear infinite}@keyframes vocab-spin{to{transform:rotate(1turn)}}.vocab-loading-text{font-size:16px;color:var(--color-text-muted)}.vocab-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px;gap:var(--space-4);text-align:center}.vocab-error-icon{width:64px;height:64px;color:var(--color-error)}.vocab-error p{font-size:18px;color:var(--color-text-primary);margin:0}.vocab-error button{padding:12px 28px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.vocab-error button:hover{background:var(--color-primary-hover)}.vocab-error button:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-5);flex-wrap:wrap}.vocab-header-left{display:flex;flex-direction:column;gap:var(--space-2)}.vocab-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.vocab-header h1 svg{color:var(--color-primary)}.vocab-stats{display:flex;gap:var(--space-5);flex-wrap:wrap}.stat-item{font-size:13px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.stat-item strong{font-size:16px;color:var(--color-primary);font-weight:700}.vocab-header-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.vocab-batch-toggle{display:flex;align-items:center;gap:var(--space-2);padding:10px 18px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.vocab-batch-toggle:hover{border-color:var(--color-primary);background:var(--color-bg-tertiary)}.vocab-batch-toggle:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-batch-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.vocab-batch-toggle svg{width:18px;height:18px}.vocab-practice-btn{display:flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.vocab-practice-btn:hover{background:var(--color-primary-hover)}.vocab-practice-btn:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-practice-btn:active{background:var(--color-primary-700)}.vocab-practice-btn svg{width:20px;height:20px}.vocab-statistics{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:20px 24px;margin-bottom:var(--space-6);box-shadow:var(--shadow-xs)}.vocab-statistics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.vocab-statistics-header h3{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.vocab-statistics-header h3 svg{color:var(--color-primary)}.vocab-statistics-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color .2s}.vocab-statistics-toggle:hover{color:var(--color-text-primary)}.vocab-statistics-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mastery-distribution{display:flex;gap:var(--space-3);align-items:flex-end;height:100px;padding-top:20px}.mastery-bar-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px}.mastery-bar-wrapper{width:100%;height:60px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:flex-end;overflow:hidden;position:relative}.mastery-bar{width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:height .5s ease-out}.mastery-bar-label{font-size:11px;color:var(--color-text-muted);text-align:center;white-space:nowrap}.mastery-bar-count{font-size:12px;font-weight:600;color:var(--color-text-primary)}.vocab-filters{margin-bottom:var(--space-6)}.vocab-filters-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.vocab-search-container{position:relative;flex:1 1;min-width:280px;max-width:400px}.vocab-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vocab-search-wrapper{position:relative;display:flex;align-items:center}.vocab-search-icon{position:absolute;left:14px;color:var(--color-text-muted);pointer-events:none}.vocab-search-input{width:100%;padding:12px 40px 12px 44px;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);transition:all .2s}.vocab-search-input::placeholder{color:var(--color-text-light)}.vocab-search-input:hover{border-color:var(--color-text-light)}.vocab-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.vocab-search-clear{position:absolute;right:10px;width:28px;height:28px;border:none;background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.vocab-search-clear:hover{background:var(--color-border);color:var(--color-text-primary)}.vocab-search-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.vocab-sort-container{position:relative}.vocab-sort-select{appearance:none;padding:12px 40px 12px 16px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;min-width:160px;transition:all .2s}.vocab-sort-select:hover{border-color:var(--color-text-light)}.vocab-sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.vocab-sort-select:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-sort-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.vocab-filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vocab-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:24px;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .2s}.vocab-filter-chip:hover{border-color:var(--color-text-light);background:var(--color-bg-tertiary)}.vocab-filter-chip:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.vocab-filter-chip svg{width:14px;height:14px}.vocab-filter-chip--clear{background:var(--color-error);border-color:var(--color-error);color:white}.vocab-filter-chip--clear:hover{background:#DC2626;border-color:#DC2626}.vocab-batch-actions{display:flex;align-items:center;gap:var(--space-4);padding:12px 20px;background:var(--color-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-5);animation:batchBarIn .2s ease-out}@keyframes batchBarIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.vocab-batch-count{font-size:14px;font-weight:600;color:white}.vocab-batch-buttons{display:flex;gap:var(--space-2);margin-left:auto}.vocab-batch-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,.2);border:none;border-radius:var(--radius-lg);font-size:13px;font-weight:500;color:white;cursor:pointer;transition:background .2s}.vocab-batch-btn:hover{background:rgba(255,255,255,.3)}.vocab-batch-btn:focus-visible{outline:2px solid white;outline-offset:2px}.vocab-batch-btn--danger{background:rgba(239,68,68,.8)}.vocab-batch-btn--danger:hover{background:rgba(239,68,68,1)}.vocab-batch-btn svg{width:16px;height:16px}.vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-5);align-items:start}.vocab-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.vocab-empty-illustration{width:200px;height:200px;margin-bottom:var(--space-6);color:var(--color-border)}.vocab-empty h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.vocab-empty p{font-size:15px;color:var(--color-text-muted);margin:0 0 24px;max-width:400px;line-height:1.6}.vocab-empty-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;background:var(--color-primary);color:white;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}.vocab-empty-btn:hover{background:var(--color-primary-hover)}.vocab-empty-btn:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-skeleton-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xs)}.vocab-skeleton-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.vocab-skeleton-word{height:28px;width:120px;border-radius:var(--radius-md)}.vocab-skeleton-phonetic,.vocab-skeleton-word{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.vocab-skeleton-phonetic{height:18px;width:80px;border-radius:var(--radius-sm);margin-top:6px}.vocab-skeleton-actions{display:flex;gap:var(--space-2)}.vocab-skeleton-btn{width:32px;height:32px;border-radius:50%}.vocab-skeleton-btn,.vocab-skeleton-definition{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.vocab-skeleton-definition{height:16px;width:100%;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.vocab-skeleton-definition:last-child{width:70%}.vocab-skeleton-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-light);margin-top:var(--space-4)}.vocab-skeleton-ring{width:48px;height:48px;border-radius:50%}.vocab-skeleton-date,.vocab-skeleton-ring{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.vocab-skeleton-date{height:14px;width:60px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vocab-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:20px;box-shadow:var(--shadow-xs);transition:box-shadow .2s,border-color .2s;border:1px solid transparent;cursor:pointer;position:relative}.vocab-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.vocab-card:focus-within{border-color:var(--color-primary)}.vocab-card.selected{border-color:var(--color-primary);background:var(--color-primary-50)}.vocab-card.expanded{grid-column:span 1}.vocab-card-checkbox{position:absolute;top:16px;left:16px;width:22px;height:22px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.vocab-card-checkbox.checked,.vocab-card-checkbox:hover{border-color:var(--color-primary)}.vocab-card-checkbox.checked{background:var(--color-primary)}.vocab-card-checkbox svg{width:14px;height:14px;color:white;opacity:0}.vocab-card-checkbox.checked svg{opacity:1}.vocab-card.batch-mode{padding-left:52px}.vocab-due-badge{position:absolute;top:-8px;right:16px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-warning);color:white;font-size:11px;font-weight:600;border-radius:var(--radius-xl);box-shadow:0 2px 8px rgba(245,158,11,.4)}.vocab-due-badge svg{width:12px;height:12px}.vocab-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.vocab-word-section{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vocab-word{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.vocab-phonetic{font-size:14px;color:var(--color-primary);font-weight:500;font-family:Lucida Sans Unicode,sans-serif}.vocab-play-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-primary);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.vocab-play-btn:hover{background:var(--color-primary-hover)}.vocab-play-btn:focus-visible{outline:3px solid var(--color-primary-100);outline-offset:2px}.vocab-play-btn.playing{background:var(--color-accent);animation:pulse .8s infinite}.vocab-play-btn svg{width:16px;height:16px}.vocab-actions{display:flex;gap:4px}.vocab-action-btn{width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;color:var(--color-text-muted)}.vocab-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.vocab-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.vocab-action-btn.active{color:var(--color-warning)}.vocab-action-btn--delete:hover{background:var(--color-error-light);color:var(--color-error)}.vocab-action-btn svg{width:20px;height:20px}.vocab-card__content{margin-bottom:var(--space-4)}.vocab-definition{margin:0;font-size:15px;line-height:1.7;color:var(--color-text-primary)}.vocab-notes{display:flex;align-items:flex-start;gap:var(--space-2);margin:12px 0 0;padding:10px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-size:13px;color:var(--color-text-muted);line-height:1.5}.vocab-notes svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.vocab-expanded-content{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-border);animation:fadeIn .3s ease-out}.vocab-examples{margin-bottom:var(--space-3)}.vocab-examples-title{font-size:13px;font-weight:600;color:var(--color-text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.vocab-example-item{font-size:14px;color:var(--color-text-primary);line-height:1.6;padding:10px 14px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-2);border-left:3px solid var(--color-primary)}.vocab-example-pos{font-size:12px;color:var(--color-primary);font-weight:600;margin-bottom:4px}.vocab-example-en{font-weight:500;margin-bottom:4px}.vocab-example-zh,.vocab-no-examples{font-size:13px;color:var(--color-text-muted)}.vocab-no-examples{margin:0;font-style:italic}.vocab-synonyms{display:flex;flex-wrap:wrap;gap:6px}.vocab-synonym-tag{padding:4px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-xl);font-size:12px;color:var(--color-text-primary)}.vocab-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.vocab-mastery{display:flex;align-items:center;gap:var(--space-3)}.mastery-ring-container{position:relative;width:52px;height:52px;cursor:pointer}.mastery-ring-container:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:50%}.mastery-ring{width:52px;height:52px;transform:rotate(-90deg)}.mastery-ring-bg{fill:none;stroke:var(--color-border-light);stroke-width:4}.mastery-ring-progress{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .5s ease-out,stroke .3s}.mastery-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700}.mastery-info{display:flex;flex-direction:column;gap:2px}.mastery-label{font-size:12px;color:var(--color-text-muted)}.mastery-text{font-size:14px;font-weight:600;color:var(--color-text-primary)}.mastery-dropdown{position:absolute;top:100%;left:0;margin-top:var(--space-2);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);min-width:160px;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mastery-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:background .2s;text-align:left}.mastery-option:hover{background:var(--color-bg-tertiary)}.mastery-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.mastery-option-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mastery-option-label{font-size:14px;color:var(--color-text-primary)}.mastery-option.selected .mastery-option-label{font-weight:600}.vocab-date{font-size:12px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.vocab-date svg{width:14px;height:14px}.vocab-expand-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:background .2s,color .2s}.vocab-expand-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.vocab-expand-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.vocab-expand-btn svg{width:14px;height:14px;transition:transform .2s}.vocab-expand-btn.expanded svg{transform:rotate(180deg)}@media (max-width:768px){.vocab-book-page{padding:var(--space-3)}.vocab-header{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3)}.vocab-header-left{flex:1 1;min-width:0;gap:var(--space-1)}.vocab-header h1{font-size:20px;gap:var(--space-2)}.vocab-header h1 svg{width:22px;height:22px}.vocab-stats{gap:var(--space-3)}.vocab-header-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.vocab-batch-toggle{padding:6px 10px;font-size:12px;gap:4px}.vocab-batch-toggle svg{width:14px;height:14px}.vocab-practice-btn{padding:6px 10px;font-size:12px;gap:4px}.vocab-practice-btn svg{width:16px;height:16px}.vocab-filters{margin-bottom:var(--space-3)}.vocab-filters-row{flex-direction:row;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.vocab-search-container{max-width:100%;min-width:0}.vocab-search-input{padding:10px 36px 10px 40px;font-size:14px}.vocab-sort-container{flex-shrink:0}.vocab-sort-select{padding:10px 32px 10px 12px;font-size:13px;min-width:110px}.vocab-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch;gap:6px}.vocab-filter-chip{flex-shrink:0;padding:6px 12px;font-size:12px}.vocab-statistics{padding:var(--space-3);margin-bottom:var(--space-3)}.mastery-distribution{height:70px;padding-top:var(--space-3)}.vocab-list{grid-template-columns:1fr;gap:var(--space-3)}.vocab-card{padding:var(--space-3)}.vocab-card__footer{flex-direction:column;gap:var(--space-3);align-items:flex-start}.vocab-batch-actions{flex-wrap:wrap}.vocab-batch-buttons{width:100%;margin-left:0;margin-top:var(--space-2)}}@media (max-width:480px){.vocab-header h1{font-size:18px}.stat-item{font-size:12px}.stat-item strong{font-size:14px}.vocab-word{font-size:20px}.mastery-ring,.mastery-ring-container{width:52px;height:52px}.mastery-ring-text{font-size:10px}}.welcome-page{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#ede9fe 50%,#ddd6fe)}.welcome-hero{padding:4rem 1.5rem 3rem;text-align:center}.welcome-hero-content{max-width:800px;margin:0 auto}.welcome-referral-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#667eea;color:white;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:pulse 2s infinite}.welcome-referral-badge svg{width:18px;height:18px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.welcome-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#1e1b4b;line-height:1.2;margin-bottom:1rem}.welcome-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#4c1d95;line-height:1.6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.welcome-hero-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.welcome-hero-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:1rem;transition:all .2s}.welcome-hero-actions .btn-primary{background:#667eea;color:white;border:none;box-shadow:0 4px 14px rgba(139,92,246,.4)}.welcome-hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(139,92,246,.5)}.welcome-hero-actions .btn-outline{background:white;color:#7c3aed;border:2px solid #7c3aed}.welcome-hero-actions .btn-outline:hover{background:#7c3aed;color:white}.welcome-reward{padding:0 1.5rem;margin-top:-1rem}.welcome-reward-content{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:1rem;box-shadow:0 4px 20px rgba(251,191,36,.3)}.welcome-reward-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f59e0b;color:white;border-radius:50%}.welcome-reward-text{flex:1 1}.welcome-reward-text h3{font-size:1.125rem;font-weight:700;color:#78350f;margin:0 0 .25rem}.welcome-reward-text p{font-size:.875rem;color:#92400e;margin:0}.welcome-reward-tokens{flex-shrink:0;text-align:center}.welcome-reward-tokens .reward-label{display:block;font-size:.75rem;color:#92400e;margin-bottom:.25rem}.welcome-reward-tokens .reward-value{display:block;font-size:1.5rem;font-weight:800;color:#78350f}.welcome-benefits{padding:4rem 1.5rem}.welcome-section-title{text-align:center;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#1e1b4b;margin-bottom:2.5rem}.welcome-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.welcome-benefit-card{background:white;padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s}.welcome-benefit-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;border-radius:1rem;margin-bottom:1rem}.welcome-benefit-card h3{font-size:1.125rem;font-weight:600;color:#1e1b4b;margin:0 0 .5rem}.welcome-benefit-card p{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.welcome-cta{padding:4rem 1.5rem;background:#5a67d8}.welcome-cta-content{max-width:600px;margin:0 auto;text-align:center;color:white}.welcome-cta-content>svg{width:48px;height:48px;margin-bottom:1rem;opacity:.9}.welcome-cta-content h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0 0 .5rem}.welcome-cta-content p{font-size:1rem;opacity:.9;margin:0 0 2rem}.welcome-cta .btn-xl{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:white;color:#7c3aed;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s}.welcome-cta .btn-xl:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}@media (max-width:640px){.welcome-hero{padding:2rem 1rem}.welcome-reward-content{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.welcome-benefit-card{padding:1.5rem}}.wishlist-page{max-width:960px;margin:0 auto;padding:32px 20px}.wishlist-page__header{margin-bottom:24px}.wishlist-page__header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 4px}.wishlist-page__subtitle{color:#64748b;font-size:.95rem;margin:0 0 16px}.wishlist-page__create-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.wishlist-page__create-btn:hover{background:#5a6fd6}.wishlist-page__filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.wishlist-page__search{flex:1 1;min-width:200px}.wishlist-page__search input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s}.wishlist-page__search input:focus{border-color:#667eea}.wishlist-page__filter-group{display:flex;gap:8px}.wishlist-page__filter-group select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#334155;background:#fff;cursor:pointer;outline:none}.wishlist-page__filter-group select:focus{border-color:#667eea}.wishlist-page__error{padding:12px 16px;background:#fef2f2;color:#dc2626;border-radius:8px;margin-bottom:16px;font-size:.9rem}.wishlist-page__empty,.wishlist-page__loading{text-align:center;padding:60px 20px;color:#94a3b8;font-size:1rem}.wishlist-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.wishlist-page__pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px 0}.wishlist-page__pagination button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:.875rem;cursor:pointer;transition:border-color .15s}.wishlist-page__pagination button:hover:not(:disabled){border-color:#667eea;color:#667eea}.wishlist-page__pagination button:disabled{opacity:.4;cursor:not-allowed}.wishlist-page__pagination span{color:#64748b;font-size:.875rem}.wishlist-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:box-shadow .15s}.wishlist-card--clickable{cursor:pointer}.wishlist-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.wishlist-card__header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wishlist-card__status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600;color:#fff}.wishlist-card__tag{font-size:.75rem;color:#667eea;background:#eef2ff;padding:2px 8px;border-radius:6px}.wishlist-card__topic{font-size:1.05rem;font-weight:600;color:#1e293b;margin:0 0 8px;line-height:1.4}.wishlist-card__description{font-size:.875rem;color:#64748b;margin:0 0 14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.wishlist-card__footer{display:flex;justify-content:space-between;align-items:center}.wishlist-card__user{font-size:.8rem;color:#94a3b8}.wishlist-card__vote-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;background:#f8fafc;color:#94a3b8;font-size:.85rem;font-weight:500}.wishlist-card__vote-badge--voted{background:#eef2ff;color:#667eea}.wishlist-card__fulfilled{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:6px;font-size:.85rem;color:#667eea}.wishlist-card__fulfilled a{color:#667eea;text-decoration:none;font-weight:500}.wishlist-card__fulfilled a:hover{text-decoration:underline}.wishlist-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wishlist-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:28px}.wishlist-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wishlist-modal__header h2{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.wishlist-modal__close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.wishlist-modal__close:hover{color:#334155}.wishlist-modal__field{margin-bottom:16px}.wishlist-modal__field label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:6px}.wishlist-modal__field input,.wishlist-modal__field textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;resize:vertical;font-family:inherit;box-sizing:border-box}.wishlist-modal__field input:focus,.wishlist-modal__field textarea:focus{border-color:#667eea}.wishlist-modal__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.wishlist-modal__btn--cancel{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.9rem;cursor:pointer}.wishlist-modal__btn--cancel:hover{background:#f8fafc}.wishlist-modal__btn--submit{padding:10px 20px;border:none;border-radius:8px;background:#667eea;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.wishlist-modal__btn--submit:hover:not(:disabled){background:#5a6fd6}.wishlist-modal__btn--submit:disabled{opacity:.5;cursor:not-allowed}.wishlist-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;padding:28px}.wishlist-detail__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.wishlist-detail__author{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:#94a3b8;margin-left:auto}.wishlist-detail__description{padding:16px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.wishlist-detail__description p{margin:0;font-size:.9rem;color:#475569;line-height:1.6;white-space:pre-wrap}.wishlist-detail__vote-section{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid #f1f5f9}.wishlist-detail__vote-count{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#334155}.wishlist-detail__vote-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:2px solid #e2e8f0;border-radius:24px;background:#fff;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.wishlist-detail__vote-btn:hover{border-color:#667eea;color:#667eea;background:#f5f3ff}.wishlist-detail__vote-btn--voted{border-color:#667eea;background:#eef2ff;color:#667eea}.wishlist-detail__vote-btn--voted:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2}.wishlist-detail__fulfilled{display:flex;align-items:center;gap:6px;padding-top:16px;border-top:1px solid #f1f5f9;font-size:.85rem;color:#667eea}.wishlist-detail__fulfilled span{color:#64748b}.wishlist-detail__fulfilled a{color:#667eea;text-decoration:none;font-weight:500}.wishlist-detail__fulfilled a:hover{text-decoration:underline}@media (max-width:640px){.wishlist-page__filters{flex-direction:column}.wishlist-page__search{min-width:100%}.wishlist-page__filter-group{width:100%}.wishlist-page__filter-group select{flex:1 1}.wishlist-page__grid{grid-template-columns:1fr}}.quest-page{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.quest-scroll-area{flex:1 1;overflow-y:auto;padding:1.5rem 1rem 3rem}.quest-scroll-area>*{max-width:800px;margin-left:auto;margin-right:auto}.quest-gate__icon-svg{display:flex;align-items:center;justify-content:center}.quest-gate__icon-svg svg{width:24px;height:24px}.quest-page--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.quest-loading{text-align:center;color:#64748b}.quest-loading__spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.quest-page--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.quest-error{text-align:center;color:#64748b;padding:2rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.quest-error h3{color:#dc2626;margin:0 0 .5rem}.quest-error p{margin:0 0 1rem}.quest-error__retry{padding:.625rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.quest-error__retry:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.quest-page--auth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.quest-auth{text-align:center;background:#fff;padding:3rem 2rem;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(0,0,0,.05)}.quest-auth h2{color:#1e293b;margin:0 0 .5rem}.quest-auth p{color:#64748b;margin:0 0 1.5rem}.quest-auth__btn{display:inline-block;padding:.625rem 1.5rem;background:#667eea;color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}.quest-auth__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.quest-page--start{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem}.quest-start{max-width:600px;width:100%;text-align:center}.quest-start__course-name{font-size:1rem;color:#6366f1;font-weight:600;margin-bottom:.5rem}.quest-start__title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.quest-start__subtitle{display:block;font-size:1rem;color:#64748b;font-weight:400;margin-top:.5rem}.quest-start__journey{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.quest-start__gates{display:flex;flex-direction:column;gap:.75rem}.quest-preview-gate{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:12px;position:relative;border:1px solid #e2e8f0}.quest-preview-gate__line{position:absolute;left:2rem;top:-.75rem;width:2px;height:.75rem;background:linear-gradient(180deg,#6366f1,#c7d2fe)}.quest-preview-gate__icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:#eef2ff;border-radius:12px;flex-shrink:0;color:#667eea}.quest-preview-gate__icon svg{width:20px;height:20px}.quest-preview-gate__info{flex:1 1;text-align:left}.quest-preview-gate__name{display:block;font-size:1rem;font-weight:600;color:#1e293b}.quest-preview-gate__cost{display:block;font-size:.8rem;color:#64748b;margin-top:.25rem}.quest-start__summary{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;color:#1e293b}.quest-start__balance,.quest-start__cost{display:flex;flex-direction:column;align-items:center;gap:.25rem}.quest-start__label{font-size:.8rem;color:#64748b}.quest-start__value{font-size:1.125rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.25rem}.quest-start__value--low{color:#dc2626}.quest-start__btn{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;background:#667eea;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .15s;box-shadow:0 4px 12px rgba(99,102,241,.25)}.quest-start__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.35)}.quest-start__btn--disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.quest-start__get-tokens{display:inline-block;margin-top:1rem;color:#6366f1;text-decoration:none;font-weight:500;font-size:.875rem}.quest-start__get-tokens:hover{text-decoration:underline}.quest-header__back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border:none;border-radius:8px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s;white-space:nowrap}.quest-header__back:hover{background:#e2e8f0;color:#1e293b}.quest-journey{padding:0;max-width:100%;margin:0}.quest-journey__path{display:flex;flex-direction:column;gap:.75rem}.quest-gate{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:16px;border:2px solid #cbd5e1;transition:all .2s;cursor:default}.quest-gate--accessible{cursor:pointer;border-color:#818cf8}.quest-gate--accessible:hover{background:#f8fafc;border-color:#6366f1;transform:translateX(4px);box-shadow:0 4px 16px rgba(99,102,241,.15)}.quest-gate--completed{border-color:#4ade80;background:linear-gradient(90deg,#f0fdf4,#fff)}.quest-gate--in_progress{border-color:#6366f1;background:linear-gradient(90deg,#eef2ff,#fff)}.quest-gate--locked{opacity:.55;border-color:#94a3b8}.quest-gate__connector{position:absolute;left:2.5rem;top:-.75rem;width:2px;height:.75rem;background:#c7d2fe;border-radius:1px}.quest-gate--completed+.quest-gate .quest-gate__connector{background:#86efac}.quest-gate__icon{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#f1f5f9;border-radius:12px;flex-shrink:0}.quest-gate--completed .quest-gate__icon{background:#dcfce7}.quest-gate--in_progress .quest-gate__icon{background:#eef2ff}.quest-gate--locked .quest-gate__icon{background:#f1f5f9}.quest-gate__content{flex:1 1;min-width:0}.quest-gate__name{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .125rem}.quest-gate__name-en{display:block;font-size:.8rem;font-weight:400;color:#94a3b8}.quest-gate__description{font-size:.85rem;color:#64748b;margin:.5rem 0}.quest-gate__meta{display:flex;gap:1rem;margin-top:.5rem}.quest-gate__cost,.quest-gate__reward{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#64748b}.quest-gate__score{margin-top:.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:600;display:inline-block}.quest-gate__score--pass{background:#dcfce7;color:#16a34a}.quest-gate__score--fail{background:#fef2f2;color:#dc2626}.quest-gate__best-score{font-size:.75rem;font-weight:400;color:#94a3b8;margin-left:.5rem}.quest-gate__action{flex-shrink:0}.quest-gate__play,.quest-gate__view{display:inline-block;padding:.5rem 1rem;background:#667eea;color:#fff;border-radius:8px;font-weight:600;font-size:.85rem}.quest-gate__view{background:#f1f5f9;color:#475569}.quest-completion{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;margin-top:1.5rem;background:#fff;border-radius:20px;border:2px solid #c7d2fe;box-shadow:0 4px 20px rgba(99,102,241,.1);overflow:hidden}.quest-completion__trophy{font-size:4rem;margin-bottom:1rem;animation:trophy-bounce 1s ease-out}@keyframes trophy-bounce{0%{transform:scale(0) rotate(-15deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}70%{transform:scale(.95) rotate(-3deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.quest-completion__title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;animation:title-fade-in .6s ease-out .3s both}@keyframes title-fade-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.quest-completion__message{color:#64748b;font-size:1rem;margin-bottom:2rem;animation:title-fade-in .6s ease-out .5s both}.quest-completion__actions{display:flex;flex-direction:row;gap:1rem;align-items:stretch;justify-content:center;width:100%;max-width:400px;animation:title-fade-in .6s ease-out .7s both}.quest-completion__diagnostic-btn,.quest-completion__retry-btn,.quest-completion__view-report-btn{flex:1 1;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s;min-width:150px}.quest-completion__retry-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.quest-completion__retry-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}.quest-completion__retry-btn:disabled{opacity:.5;cursor:not-allowed}.quest-completion__diagnostic-btn,.quest-completion__view-report-btn{background:#667eea;color:#fff;border:none;box-shadow:0 4px 12px rgba(99,102,241,.25)}.quest-completion__diagnostic-btn:hover:not(:disabled),.quest-completion__view-report-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.35)}.quest-completion__diagnostic-btn:disabled{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.quest-diagnostic-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.quest-diagnostic-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.quest-diagnostic-modal__content{position:relative;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 20px 40px rgba(0,0,0,.15)}.quest-diagnostic-modal__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.quest-diagnostic-modal__close:hover{background:#e2e8f0;color:#1e293b}.quest-diagnostic__title{text-align:center;font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem}.quest-diagnostic__score{text-align:center;margin-bottom:2rem}.quest-diagnostic__score-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#eef2ff,#f3e8ff);border:3px solid #6366f1;border-radius:50%}.quest-diagnostic__score-value{font-size:2rem;font-weight:700;color:#6366f1}.quest-diagnostic__score-label{font-size:.75rem;color:#64748b}.quest-diagnostic__diagnosis h3,.quest-diagnostic__progress h3,.quest-diagnostic__recommendations h3,.quest-diagnostic__weak-points h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.quest-diagnostic__bars{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.quest-diagnostic__bar{display:flex;align-items:center;gap:.75rem}.quest-diagnostic__bar-label{width:70px;font-size:.85rem;color:#64748b;flex-shrink:0}.quest-diagnostic__bar-track{flex:1 1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.quest-diagnostic__bar-fill{height:100%;background:#667eea;border-radius:4px;transition:width .5s ease}.quest-diagnostic__bar-value{width:40px;font-size:.85rem;color:#64748b;text-align:right}.quest-diagnostic__diagnosis{margin-bottom:1.5rem}.quest-diagnostic__diagnosis p{color:#475569;line-height:1.6;margin:0}.quest-diagnostic__recommendations,.quest-diagnostic__weak-points{margin-bottom:1.5rem}.quest-diagnostic__recommendations ul,.quest-diagnostic__weak-points ul{list-style:none;padding:0;margin:0}.quest-diagnostic__weak-point{padding:.75rem 1rem;background:#fef2f2;border-radius:8px;margin-bottom:.5rem;border-left:3px solid #dc2626}.quest-diagnostic__weak-point-name{display:block;font-weight:600;color:#dc2626;margin-bottom:.25rem;font-size:.9rem}.quest-diagnostic__weak-point-desc{display:block;font-size:.85rem;color:#64748b}.quest-diagnostic__recommendations li{padding:.75rem 1rem;background:#f0fdf4;border-radius:8px;margin-bottom:.5rem;border-left:3px solid #16a34a;color:#475569;font-size:.9rem}@media (max-width:768px){.quest-scroll-area{padding:1rem}.quest-start__title{font-size:1.5rem}.quest-start__summary{flex-direction:column;gap:.75rem}.quest-gate{flex-direction:column;text-align:center;padding:1rem}.quest-gate__connector{left:50%;transform:translateX(-50%)}.quest-gate__content{text-align:center}.quest-gate__meta{justify-content:center}.quest-completion__actions{flex-direction:column;max-width:280px}.quest-completion__diagnostic-btn,.quest-completion__retry-btn,.quest-completion__view-report-btn{width:100%;min-width:unset}.quest-completion__trophy{font-size:3rem}.quest-completion__title{font-size:1.5rem}.quest-diagnostic-modal__content{padding:1.5rem 1rem}.quest-diagnostic__bar{flex-wrap:wrap}.quest-diagnostic__bar-label{width:100%;margin-bottom:.25rem}}.quest-header__left{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.quest-header__daily-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:#667eea;border:none;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff}.quest-header__daily-badge:before{content:"✨";font-size:.875rem}.quest-start__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.quest-header__history{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:8px;text-decoration:none;color:#475569;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.quest-header__history:hover{background:#e2e8f0;color:#1e293b}.quest-header__subtitle{font-size:.875rem;color:#64748b;font-weight:400;margin:.25rem 0 0}.standalone-quest__history-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:8px;text-decoration:none;color:#475569;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;white-space:nowrap;flex-shrink:0}.standalone-quest__history-link:hover{background:#e2e8f0;color:#1e293b}.standalone-quest__error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.standalone-quest__error p{margin:0}.standalone-quest__error button{padding:.25rem .5rem;background:transparent;color:#dc2626;border:none;cursor:pointer;font-size:1.25rem;font-weight:500}.standalone-quest__error button:hover{opacity:.7}.streak-banner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fde68a;border-radius:12px;margin-bottom:1.25rem}.streak-banner__fire{font-size:1.5rem;animation:sq-pulse 1.5s ease-in-out infinite}@keyframes sq-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.streak-banner__count{font-weight:600;color:#b45309;font-size:1rem}.streak-banner__multiplier{margin-left:auto;padding:.25rem .75rem;background:rgba(180,83,9,.1);border-radius:9999px;font-size:.8rem;color:#b45309;font-weight:600}.standalone-quest__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.sq-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;display:flex;gap:1rem;transition:all .2s}.sq-card:hover{border-color:#c7d2fe;box-shadow:0 4px 16px rgba(99,102,241,.1)}.sq-card__icon{font-size:2rem;flex-shrink:0}.sq-card__body{flex:1 1;min-width:0}.sq-card__title{font-size:.8rem;color:#94a3b8;margin:0 0 .375rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.sq-card__value{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.sq-card__sub{font-size:.8rem;color:#64748b}.sq-card__milestone{font-size:.75rem;color:#8b5cf6;margin-top:.375rem}.sq-card__bonus{font-size:.8rem;color:#16a34a;font-weight:600;margin-top:.25rem}.standalone-quest__source-section{margin-bottom:1.5rem}.standalone-quest__section-title{font-size:1.1rem;font-weight:600;margin:0 0 1rem;color:#1e293b}.standalone-quest__not-enough{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.standalone-quest__not-enough p{margin:0;color:#b45309;font-size:.875rem}.sq-source-list{display:flex;flex-direction:column;gap:.5rem}.sq-source{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s}.sq-source:hover{background:#f8fafc;border-color:#c7d2fe}.sq-source--selected{background:#eef2ff;border-color:#6366f1}.sq-source--disabled{opacity:.5;cursor:not-allowed}.sq-source input[type=radio]{accent-color:#6366f1;margin-top:3px;flex-shrink:0}.sq-source__content{flex:1 1;min-width:0}.sq-source__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.sq-source__name{font-weight:600;color:#1e293b}.sq-source__count{padding:.125rem .5rem;background:#f1f5f9;border-radius:9999px;font-size:.75rem;color:#64748b;font-weight:500}.sq-source__desc{font-size:.8rem;color:#64748b}.sq-source__badge{display:inline-block;margin-top:.375rem;padding:.125rem .5rem;background:#dcfce7;color:#16a34a;border-radius:9999px;font-size:.7rem;font-weight:600}.sq-source__course-select{width:100%;margin-top:.625rem;padding:.625rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem}.sq-source__course-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}@media (max-width:768px){.quest-header__left{width:100%}.standalone-quest__cards{grid-template-columns:1fr}.sq-card{padding:1rem}.quest-start__header{flex-direction:column;gap:1rem}.standalone-quest__history-link{align-self:flex-start}}.gate-page{height:100%;background:#f8f9fa;display:flex;flex-direction:column;color:#333}.quest-back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;transition:all .2s;flex-shrink:0}.quest-back-btn:hover{background:#667eea;border-color:#667eea;color:white}.gate-title-icon{display:inline-flex;vertical-align:middle;margin-right:6px}.gate-title-icon svg{width:20px;height:20px}.gate-review-badge{padding:4px 12px;background:#fff3cd;color:#856404;border-radius:12px;font-size:.85rem;font-weight:600}.gate-spacer{flex:1 1}.gate-page--complete,.gate-page--error,.gate-page--loading{justify-content:center;align-items:center;padding:40px}.gate-loading{text-align:center;color:#333}.gate-loading__spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.gate-error{text-align:center;color:#333;max-width:400px}.gate-error h3{color:#ff6b6b;margin-bottom:16px}.gate-error__back,.gate-error__retry{margin:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.gate-error__retry{background:#667eea;color:white}.gate-error__back{background:#f1f5f9;color:#475569}.gate-complete{text-align:center;max-width:400px;padding:40px;background:white;border-radius:20px;border:2px solid #c7d2fe}.gate-complete__icon{font-size:4rem;margin-bottom:16px}.gate-complete__title{font-size:1.8rem;font-weight:700;color:#667eea;margin:0 0 16px}.gate-complete__score{margin-bottom:16px}.gate-complete__score-value{font-size:3rem;font-weight:700}.gate-complete__score-value.pass{color:#16a34a}.gate-complete__score-value.fail{color:#dc2626}.gate-complete__rewards{margin-bottom:16px}.gate-complete__xp{display:inline-block;padding:8px 20px;background:rgba(102,126,234,.1);border-radius:20px;color:#667eea;font-weight:600}.gate-complete__message{color:#64748b;margin-bottom:24px;line-height:1.6}.gate-complete__btn{padding:16px 32px;font-size:1.1rem;font-weight:600;background:#667eea;color:white;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.gate-complete__btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.3)}.gate-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:white;border-bottom:1px solid #e0e0e0}.gate-header__back{background:#f1f5f9;border:none;color:#475569;font-size:.95rem;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s}.gate-header__back:hover{background:#e2e8f0}.gate-header__info{display:flex;align-items:center;gap:8px}.gate-header__icon{font-size:1.5rem}.gate-header__name{font-size:1.2rem;font-weight:600;color:#333}.gate-header__progress{padding:8px 16px;background:#f0f0f0;border-radius:20px;font-size:.9rem;color:#333}.gate-progress-bar{height:4px;background:#e0e0e0}.gate-progress-bar__fill{height:100%;background:#667eea;transition:width .3s ease}.gate-content{padding:24px;max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;flex:1 1;overflow-y:auto}.gate-footer{padding:16px 24px;border-top:1px solid #e0e0e0}.gate-footer,.gate-inline-result{background:white;display:flex;align-items:center;justify-content:space-between}.gate-inline-result{margin-top:24px;padding:20px 24px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:12px;gap:16px}.gate-result-summary{display:flex;align-items:center;gap:12px}.gate-result-badge{padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.gate-result-badge.pass{background:#dcfce7;color:#16a34a}.gate-result-badge.fail{background:#fef2f2;color:#dc2626}.gate-result-score{font-size:1.2rem;font-weight:700;color:#333}.gate-next-btn{padding:12px 32px;font-size:1rem;font-weight:600;background:#667eea;color:white;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.gate-next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.gate-header__review-badge{padding:6px 12px;background:#fff3cd;color:#856404;border-radius:12px;font-size:.85rem;font-weight:600}.gate-page--review .gate-content{padding:24px}.gate-review{max-width:800px;margin:0 auto}.gate-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px 20px;background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px}.gate-review-header__badge{padding:6px 16px;background:#fff3cd;color:#856404;border-radius:20px;font-size:.9rem;font-weight:600}.gate-review-header__score{font-size:2rem;font-weight:700}.gate-review-header__score.pass{color:#16a34a}.gate-review-header__score.fail{color:#dc2626}.gate-review-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.gate-review-item{background:white;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.gate-review-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.gate-review-item__number{font-weight:600;color:#64748b}.gate-review-item__status{font-size:1.2rem;font-weight:700}.gate-review-item__status.correct{color:#16a34a}.gate-review-item__status.incorrect{color:#dc2626}.gate-review-item__question{margin-bottom:16px;padding:12px 16px;background:#f8f9fa;border-radius:8px;color:#1e293b;line-height:1.6}.gate-review-item__seed,.gate-review-item__sentence,.gate-review-item__topic{margin:0}.gate-review-item__sentences p{margin:4px 0}.gate-review-item__answer,.gate-review-item__correct{margin-top:12px}.gate-review-item__label{display:block;font-size:.85rem;color:#64748b;margin-bottom:6px}.gate-review-item__user-answer{margin:0;padding:12px 16px;border-radius:8px;line-height:1.6}.gate-review-item__user-answer.correct{background:#dcfce7;border:1px solid #bbf7d0}.gate-review-item__user-answer.incorrect{background:#fef2f2;border:1px solid #fecaca}.gate-review-item__user-answer em{color:#94a3b8}.gate-review-item__correct-value{margin:0;padding:12px 16px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.gate-review-feedback{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0}.gate-review-feedback__title{margin:0 0 16px;font-size:1.1rem;color:#667eea}.gate-review-feedback__section{margin-bottom:16px}.gate-review-feedback__label{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:8px}.gate-review-feedback__list{margin:0;padding-left:20px;color:#475569}.gate-review-feedback__list li{margin-bottom:6px;line-height:1.5}.gate-review-feedback__list--improve li{color:#b45309}.gate-review-feedback__encouragement{margin:16px 0 0;padding:12px 16px;background:rgba(102,126,234,.08);border-radius:8px;color:#475569;line-height:1.5}.gate-review-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.gate-review-actions__retry{padding:14px 32px;font-size:1rem;font-weight:600;background:#667eea;color:white;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.gate-review-actions__retry:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.gate-review-actions__retry:disabled{opacity:.6;cursor:not-allowed}.gate-review-actions__back{padding:14px 32px;font-size:1rem;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease}.gate-review-actions__back:hover{background:#e2e8f0}@media (max-width:768px){.gate-header{flex-wrap:wrap;gap:12px}.gate-header__info{order:-1;width:100%;justify-content:center}.gate-content{padding:16px}.gate-footer,.gate-inline-result{flex-direction:column;gap:16px}.gate-next-btn{width:100%}.gate-review-actions{flex-direction:column}.gate-review-actions__back,.gate-review-actions__retry{width:100%}}.quest-history-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem;min-height:100vh}.quest-history-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.quest-history-page .page-header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700;color:#1a1a2e}.quest-history-page .subtitle{margin:0;color:#64748b;font-size:.9rem}.quest-history-page .back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;border-radius:8px;text-decoration:none;color:#475569;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;white-space:nowrap}.quest-history-page .back-btn:hover{background:#e2e8f0;color:#1e293b}.quest-history-page .error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quest-history-page .error-banner button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#dc2626;padding:0 .25rem}.quest-history-page .filter-bar{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.quest-history-page .filter-btn{padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;cursor:pointer;font-size:.875rem;color:#64748b;font-weight:500;transition:all .15s}.quest-history-page .filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.quest-history-page .filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.quest-history-page .empty-state{text-align:center;padding:3rem 2rem;background:#f8fafc;border-radius:16px;border:1px dashed #e2e8f0}.quest-history-page .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.quest-history-page .empty-state h3{margin:0 0 .5rem;font-size:1.125rem;color:#1e293b}.quest-history-page .empty-state p{margin:0 0 1.5rem;color:#64748b;font-size:.9rem}.quest-history-page .start-btn{display:inline-block;padding:.625rem 1.5rem;background:#667eea;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .15s,box-shadow .15s}.quest-history-page .start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.quest-history-page .sessions-list{display:flex;flex-direction:column;gap:1rem}.quest-history-page .session-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}.quest-history-page .session-card:hover{border-color:#c7d2fe;box-shadow:0 4px 16px rgba(99,102,241,.1);transform:translateY(-2px)}.quest-history-page .session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.quest-history-page .session-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0;flex:1 1}.quest-history-page .course-title{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b;line-height:1.3}.quest-history-page .cefr-badge{font-weight:700;letter-spacing:.025em}.quest-history-page .cefr-badge,.quest-history-page .personal-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;flex-shrink:0}.quest-history-page .personal-badge{background:#f3e8ff;color:#7c3aed;font-weight:600}.quest-history-page .session-meta-top{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.quest-history-page .session-date{font-size:.8rem;color:#94a3b8}.quest-history-page .gates-completed{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.125rem .5rem;border-radius:4px}.quest-history-page .gate-scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.quest-history-page .gate-score-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem .5rem;text-align:center;transition:all .15s}.quest-history-page .gate-score-card.completed{background:#fff}.quest-history-page .gate-score-card.incomplete{background:#f8fafc;opacity:.7}.quest-history-page .gate-score-card.excellent{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4,#fff)}.quest-history-page .gate-score-card.good{border-color:#fde047;background:linear-gradient(180deg,#fefce8,#fff)}.quest-history-page .gate-score-card.needs-work{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2,#fff)}.quest-history-page .gate-label{font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:.375rem;white-space:nowrap}.quest-history-page .gate-score-value{line-height:1}.quest-history-page .score-number{font-size:1.5rem;font-weight:700;color:#1e293b}.quest-history-page .gate-score-card.excellent .score-number{color:#16a34a}.quest-history-page .gate-score-card.good .score-number{color:#ca8a04}.quest-history-page .gate-score-card.needs-work .score-number{color:#dc2626}.quest-history-page .no-score{font-size:1.25rem;color:#cbd5e1;font-weight:500}.quest-history-page .session-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f1f5f9}.quest-history-page .avg-score-section{display:flex;align-items:center;gap:.5rem}.quest-history-page .avg-label{font-size:.8rem;color:#94a3b8}.quest-history-page .avg-value{font-size:1.125rem;font-weight:700}.quest-history-page .avg-value.excellent{color:#16a34a}.quest-history-page .avg-value.good{color:#ca8a04}.quest-history-page .avg-value.needs-work{color:#dc2626}.quest-history-page .xp-section{display:flex;align-items:center}.quest-history-page .xp-value{font-size:.875rem;font-weight:600;color:#8b5cf6;background:#f3e8ff;padding:.25rem .75rem;border-radius:9999px}.quest-history-page .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.quest-history-page .pagination button{padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#475569;transition:all .15s}.quest-history-page .pagination button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.quest-history-page .pagination button:disabled{opacity:.4;cursor:not-allowed}.quest-history-page .page-info{font-size:.875rem;color:#64748b}.quest-history-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#64748b}.quest-history-page .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@media (max-width:600px){.quest-history-page{padding:1rem}.quest-history-page .page-header{flex-direction:column;gap:1rem}.quest-history-page .page-header h1{font-size:1.25rem}.quest-history-page .back-btn{align-self:flex-start}.quest-history-page .session-header{flex-direction:column;gap:.5rem}.quest-history-page .session-meta-top{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.quest-history-page .gate-scores-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.quest-history-page .gate-score-card{padding:.625rem .375rem}.quest-history-page .gate-label{font-size:.75rem}.quest-history-page .score-number{font-size:1.25rem}}.quest-history-detail{max-width:800px;margin:0 auto;padding:2rem 1rem}.quest-history-detail .page-header{margin-bottom:1.5rem}.quest-history-detail .back-link{font-size:.85rem;color:#6366f1;text-decoration:none}.quest-history-detail .page-header h1{margin:.25rem 0 0;font-size:1.5rem}.quest-history-detail .session-summary{display:flex;align-items:center;gap:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.quest-history-detail .summary-score{font-size:3rem;font-weight:700;min-width:80px;text-align:center}.quest-history-detail .summary-info p{margin:.15rem 0;font-size:.9rem;color:#666}.quest-history-detail .session-type-label{font-weight:600;color:#333!important}.quest-history-detail .gate-result{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1rem;overflow:hidden}.quest-history-detail .gate-result.passed{border-left:4px solid #16a34a}.quest-history-detail .gate-result.failed{border-left:4px solid #dc2626}.quest-history-detail .gate-result-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb}.quest-history-detail .gate-icon{font-size:1.2rem}.quest-history-detail .gate-name{flex:1 1;font-weight:600}.quest-history-detail .gate-score{font-size:1.5rem;font-weight:700}.quest-history-detail .gate-status{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.quest-history-detail .gate-status.pass{background:#dcfce7;color:#16a34a}.quest-history-detail .gate-status.fail{background:#fef2f2;color:#dc2626}.quest-history-detail .gate-feedback{padding:1rem}.quest-history-detail .feedback-section{margin-bottom:.75rem}.quest-history-detail .feedback-section h4{margin:0 0 .25rem;font-size:.85rem;color:#555}.quest-history-detail .feedback-section ul{margin:0;padding-left:1.25rem}.quest-history-detail .feedback-section li{font-size:.875rem;margin-bottom:.2rem}.quest-history-detail .strengths h4{color:#16a34a}.quest-history-detail .improvements h4{color:#ca8a04}.quest-history-detail .corrected-text{background:#f0fdf4;padding:.75rem;border-radius:6px;font-size:.875rem;line-height:1.5;border-left:3px solid #16a34a}.quest-history-detail .encouragement{color:#6366f1;font-size:.875rem;margin-top:.5rem}.quest-history-detail .no-results{text-align:center;padding:2rem;color:#999}.quest-history-detail .error-container,.quest-history-detail .loading-container{text-align:center;padding:4rem 0;color:#666}.gate-question{display:flex;flex-direction:column;gap:24px}.gate-question__card{background:white;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden}.gate-question__header{padding:12px 20px;background:#f8f9fa;border-bottom:1px solid #e2e8f0}.gate-question__type{font-size:.9rem;font-weight:600;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.gate-question__content{padding:24px}.gate-question__translation{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:.95rem;color:#94a3b8;letter-spacing:.02em}.gate-submit-btn{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;background:#667eea;color:white;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.gate-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px rgba(102,126,234,.3)}.gate-submit-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.gate-feedback{padding:24px;border-radius:16px;border:2px solid}.gate-feedback.pass{background:rgba(22,163,106,.08);border-color:rgba(22,163,106,.15)}.gate-feedback.fail{background:rgba(180,83,9,.08);border-color:rgba(180,83,9,.15)}.gate-feedback__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gate-feedback__status{font-size:1.1rem;font-weight:600}.gate-feedback.pass .gate-feedback__status{color:#16a34a}.gate-feedback.fail .gate-feedback__status{color:#b45309}.gate-feedback__score{font-size:1.5rem;font-weight:700;color:#333}.gate-feedback__text{color:#333;line-height:1.6;margin-bottom:16px}.gate-feedback__issues,.gate-feedback__suggestions{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.gate-feedback__issues-label,.gate-feedback__suggestions-label{display:block;font-size:.9rem;font-weight:600;color:#64748b;margin-bottom:8px}.gate-feedback__issues ul,.gate-feedback__suggestions ul{margin:0;padding-left:20px;color:#475569}.gate-feedback__issues li,.gate-feedback__suggestions li{margin-bottom:16px}.gate-feedback__item{display:flex;align-items:flex-start;gap:8px}.gate-feedback__item-text{flex:1 1;min-width:0}.gate-feedback__item-save-btn{flex-shrink:0;width:24px;height:24px;padding:0;border:1px solid #cbd5e1;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:.85rem;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-top:2px}.gate-feedback__item-save-btn:hover:not(:disabled){background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.5);color:#667eea}.gate-feedback__item-save-btn:active{transform:scale(.9)}.gate-feedback__improved{margin-top:16px;padding:16px;background:white;border-radius:8px}.gate-feedback__improved-label{display:block;font-size:.9rem;font-weight:600;color:#16a34a;margin-bottom:8px}.gate-feedback__improved-text{color:#333;line-height:1.6}.translation-source{font-size:1.3rem;line-height:1.8;color:#333;margin:0;padding:16px 20px;background:#f0f4ff;border-left:4px solid #667eea;border-radius:8px}.translation-keywords{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:0 4px}.translation-keywords__label{font-size:.85rem;color:#64748b;font-weight:500}.translation-keywords__tag{display:inline-block;padding:4px 12px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.25);border-radius:16px;font-size:.85rem;color:#667eea;font-weight:500}.translation-hint{margin-top:8px;font-size:.9rem;color:#94a3b8}.translation-input-container{padding:0 24px 24px}.translation-input{width:100%;padding:16px;font-size:1.1rem;background:#f8f9fa;border:2px solid #d1d5db;border-radius:8px;color:#333;transition:border-color .2s;resize:vertical;min-height:80px;font-family:inherit;box-sizing:border-box}.translation-input:focus{outline:none;border-color:#667eea}.translation-result{padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.translation-result__section{display:flex;flex-direction:column;gap:4px}.translation-result__label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.translation-result__answer{padding:12px 16px;border-radius:8px;font-size:1rem;line-height:1.6;margin:0}.translation-result__answer.correct{background:rgba(22,163,106,.08);border:1px solid rgba(22,163,106,.2);color:#16a34a}.translation-result__answer.incorrect{background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);color:#dc2626}.translation-result__reference{padding:12px 16px;background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.15);border-radius:8px;color:#667eea;font-style:italic;line-height:1.6;margin:0}.translation-result__feedback{padding:12px 16px;background:#f8f9fa;border-radius:8px;color:#475569;line-height:1.6;margin:0}.translation-result__issues{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.translation-result__issues li{padding:8px 12px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:6px;color:#dc2626;font-size:.9rem}.combine-instruction{font-size:1rem;color:#475569;margin:0 0 20px}.combine-relationship{display:flex;align-items:center;gap:8px;margin-bottom:16px}.combine-relationship__label{font-size:.9rem;color:#94a3b8}.combine-relationship__value{padding:4px 12px;background:rgba(102,126,234,.1);border-radius:20px;font-size:.9rem;color:#667eea}.combine-sentences{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.combine-sentence{display:flex;align-items:flex-start;gap:12px;padding:16px;background:white;border-radius:8px}.combine-sentence__number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(102,126,234,.1);border-radius:50%;font-weight:600;color:#667eea;flex-shrink:0}.combine-sentence__text{font-size:1.1rem;color:#333;line-height:1.5}.combine-connectors{margin-bottom:16px}.combine-connectors__label{font-size:.9rem;color:#94a3b8;margin-right:8px}.combine-connectors__list{display:inline-flex;flex-wrap:wrap;gap:8px}.combine-connector{padding:4px 12px;background:rgba(22,163,106,.1);border-radius:4px;font-size:.9rem;color:#16a34a}.combine-input-container{padding:0 24px 24px}.combine-input{width:100%;padding:16px;font-size:1.1rem;background:#f8f9fa;border:2px solid #d1d5db;border-radius:8px;color:#333;resize:vertical;font-family:inherit;line-height:1.6}.combine-input:focus{outline:none;border-color:#667eea}.combine-input-hint{margin-top:8px;font-size:.85rem;color:#94a3b8}.combine-submitted{padding:0 24px 24px}.combine-submitted__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.combine-submitted__text{padding:16px;background:white;border-radius:8px;color:#333;line-height:1.6}.expansion-instruction{font-size:1rem;color:#475569;margin:0 0 20px}.expansion-seed{margin-bottom:20px}.expansion-seed__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.expansion-seed__text{font-size:1.3rem;color:#667eea;margin:0;padding:16px;background:rgba(102,126,234,.08);border-radius:8px;border-left:4px solid #667eea}.expansion-theme{margin-bottom:16px}.expansion-theme__label{font-size:.9rem;color:#94a3b8;margin-right:8px}.expansion-theme__text{color:#475569}.expansion-vocab{margin-bottom:16px}.expansion-vocab__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.expansion-vocab__list{display:flex;flex-wrap:wrap;gap:8px}.expansion-vocab__word{padding:6px 14px;background:#f8f9fa;border:2px solid #d1d5db;border-radius:20px;font-size:.95rem;color:#64748b;transition:all .2s ease}.expansion-vocab__word.used{background:rgba(22,163,106,.1);border-color:#16a34a;color:#16a34a}.expansion-vocab__check{margin-left:4px}.expansion-requirements{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.expansion-requirement{font-size:.9rem;color:#94a3b8}.expansion-requirement.met{color:#16a34a}.expansion-requirement__current{margin-left:4px;opacity:.7}.expansion-input-container{padding:0 24px 24px}.expansion-input{width:100%;padding:16px;font-size:1.1rem;background:#f8f9fa;border:2px solid #d1d5db;border-radius:8px;color:#333;resize:vertical;font-family:inherit;line-height:1.6}.expansion-input:focus{outline:none;border-color:#667eea}.expansion-input-stats{display:flex;gap:16px;margin-top:8px}.expansion-input-stat{font-size:.85rem;color:#94a3b8}.expansion-submitted{padding:0 24px 24px}.expansion-submitted__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.expansion-submitted__text{padding:16px;background:white;border-radius:8px;color:#333;line-height:1.6;white-space:pre-wrap}.essay-topic{margin-bottom:20px}.essay-topic__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.essay-topic__text{font-size:1.5rem;color:#667eea;margin:0}.essay-instructions{margin-bottom:20px;padding:16px;background:white;border-radius:8px}.essay-instructions p{margin:0;color:#475569;line-height:1.6}.essay-keypoints{margin-bottom:20px}.essay-keypoints__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.essay-keypoints__list{margin:0;padding-left:20px;color:#475569}.essay-keypoints__list li{margin-bottom:4px}.essay-limit{margin-bottom:16px;padding:12px 16px;background:rgba(102,126,234,.08);border-radius:8px;display:inline-block}.essay-limit__label{font-size:.9rem;color:#94a3b8;margin-right:8px}.essay-limit__value{font-weight:600;color:#667eea}.essay-input-container{padding:0 24px 24px}.essay-input{width:100%;padding:16px;font-size:1.05rem;background:#f8f9fa;border:2px solid #d1d5db;border-radius:8px;color:#333;resize:vertical;font-family:inherit;line-height:1.8;min-height:200px}.essay-input:focus{outline:none;border-color:#667eea}.essay-input-stats{margin-top:8px;text-align:right}.essay-word-count{font-size:.9rem;color:#94a3b8}.essay-word-count.ok{color:#16a34a}.essay-word-count.too-short{color:#b45309}.essay-word-count.too-long{color:#dc2626}.essay-word-hint{opacity:.8}.essay-submitted{padding:0 24px 24px}.essay-submitted__label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.essay-submitted__text{padding:20px;background:white;border-radius:8px;color:#333;line-height:1.8;white-space:pre-wrap;max-height:300px;overflow-y:auto}.essay-submitted__wordcount{display:block;margin-top:8px;font-size:.85rem;color:#94a3b8;text-align:right}.essay-improved{max-height:300px;overflow-y:auto}.gate-feedback__save-note-btn{padding:12px 16px;font-size:.95rem;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.gate-feedback__save-note-btn:hover{background:#e2e8f0;border-color:#6366f1;color:#4f46e5}@media (max-width:768px){.gate-question__content{padding:16px}.translation-sentence{font-size:1.1rem}.combine-input-container,.essay-input-container,.expansion-input-container,.translation-input-container,.translation-options{padding:0 16px 16px}.expansion-seed__text{font-size:1.1rem}.essay-topic__text{font-size:1.2rem}}.gate-question__card.has-result{position:relative}.result-stamp{position:absolute;bottom:16px;right:16px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;border:3px solid;animation:stampIn .3s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.08)}@keyframes stampIn{0%{transform:scale(1.5);opacity:0}50%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.result-stamp--correct{background:rgba(22,163,106,.1);border-color:#16a34a;color:#16a34a}.result-stamp--incorrect{background:rgba(220,38,38,.1);border-color:#dc2626;color:#dc2626}.result-note{font-size:.9rem;color:#64748b;background:rgba(102,126,234,.1);padding:8px 16px;border-radius:8px;text-align:center}.gate-feedback--compact{padding:20px}.gate-feedback__vocab-summary{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.vocab-progress-badge{background:rgba(102,126,234,.1);color:#667eea}.new-words-badge,.vocab-progress-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:600}.new-words-badge{background:rgba(16,185,129,.1);color:#16a34a}.gate-feedback__btn-row{display:flex;gap:10px;margin:16px 0}.gate-feedback__view-details-btn{flex:1 1;padding:12px 20px;background:#667eea;color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gate-feedback__view-details-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(99,102,241,.3)}.gate-feedback__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.action-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#f1f5f9;color:#64748b;border-radius:12px;font-size:.8rem}@media (max-width:480px){.gate-feedback__vocab-summary{flex-direction:column;align-items:flex-start}.gate-feedback__view-details-btn{padding:10px 16px;font-size:.95rem}}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-modal{background:var(--color-bg,#ffffff);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feedback-progress{height:4px;background:var(--color-border,#333);border-radius:16px 16px 0 0;overflow:hidden;position:relative}.feedback-progress-bar{height:100%;background:#667eea;transition:width .3s ease}.feedback-progress-text{position:absolute;top:8px;right:12px;font-size:.75rem;color:var(--color-text-secondary,#888)}.feedback-modal-content{flex:1 1;padding:40px 24px;overflow-y:auto;min-height:300px}.feedback-close-btn,.feedback-modal-content{display:flex;align-items:center;justify-content:center}.feedback-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;font-size:1.25rem;cursor:pointer;transition:background .2s}.feedback-close-btn:hover{background:#e2e8f0}.feedback-navigation{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--color-border,#333)}.nav-btn{flex:1 1;padding:12px 20px;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:all .2s}.nav-btn--prev{background:#f1f5f9;color:#475569}.nav-btn--prev:hover:not(:disabled){background:#e2e8f0}.nav-btn--prev:disabled{opacity:.4;cursor:not-allowed}.nav-btn--next{background:#667eea;color:white}.nav-btn--next:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.feedback-item{width:100%;text-align:center;animation:itemFadeIn .4s ease-out}@keyframes itemFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.feedback-label{font-size:.85rem;color:var(--color-text-secondary,#888);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.feedback-icon{font-size:2.5rem;margin-bottom:16px}.feedback-content{font-size:1.1rem;line-height:1.6;color:var(--color-text,#fff)}.save-note-btn{margin-top:16px;padding:10px 20px;border-radius:8px;border:1px solid #667eea;background:rgba(102,126,234,.08);color:#667eea;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.save-note-btn:hover{background:rgba(79,70,229,.2);border-color:#6366f1;color:#c7d2fe}.feedback-item--score,.score-circle{display:flex;flex-direction:column;align-items:center}.score-circle{width:150px;height:150px;border-radius:50%;justify-content:center;border:4px solid;animation:scoreAppear .5s ease-out}@keyframes scoreAppear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.score-circle.passed{border-color:#10b981;background:rgba(16,185,129,.1)}.score-circle.failed{border-color:#f59e0b;background:rgba(245,158,11,.1)}.score-value{font-size:2.5rem;font-weight:700}.score-circle.passed .score-value{color:#10b981}.score-circle.failed .score-value{color:#f59e0b}.score-label{font-size:.9rem;color:var(--color-text-secondary,#888);margin-top:4px}.feedback-item--grammar .feedback-content{background:rgba(239,68,68,.1);border-left:3px solid #ef4444;padding:16px;border-radius:8px;text-align:left}.grammar-parsed{background:transparent!important;border-left:none!important;padding:0!important;display:flex;flex-direction:column;gap:8px;width:100%}.grammar-wrong{display:flex;align-items:flex-start;gap:8px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;font-size:1.1rem;color:#dc2626;text-decoration:line-through;text-decoration-color:#ef4444}.grammar-arrow{text-align:center;color:#9ca3af;font-size:1.2rem}.grammar-correct{display:flex;align-items:flex-start;gap:8px;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:12px 16px;font-size:1.1rem;color:#16a34a}.grammar-tag{flex-shrink:0;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:4px;margin-top:2px}.grammar-tag--wrong{background:rgba(239,68,68,.2);color:#ef4444}.grammar-tag--correct{background:rgba(16,185,129,.2);color:#10b981}.grammar-explanation{background:#f8f9fa;border-radius:8px;color:#475569}.grammar-example,.grammar-explanation{padding:10px 16px;font-size:.9rem;line-height:1.5;text-align:left}.grammar-example{background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.15);border-radius:8px;color:#667eea;font-style:italic}.grammar-example-label{font-style:normal;font-weight:600;color:#4f46e5;margin-right:4px}.feedback-item--suggestion .feedback-content{background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;padding:16px;border-radius:8px;text-align:left}.feedback-item--improved .improved-text{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);padding:20px;border-radius:12px;text-align:left;font-style:italic}.familiarity-card{background:var(--color-bg-secondary,#f8f9fa);border-radius:12px;padding:24px;width:100%}.familiarity-word{font-size:1.5rem;font-weight:700;color:var(--color-text,#fff)}.familiarity-change-display,.familiarity-word{margin-bottom:16px}.familiarity-bar-container{height:12px;background:var(--color-border,#333);border-radius:6px;overflow:hidden;position:relative;margin-bottom:8px}.familiarity-bar{height:100%;position:absolute;top:0;left:0;border-radius:6px}.familiarity-bar--previous{background:#4b5563}.familiarity-bar--new{background:#667eea;transition:width .8s ease-out}.familiarity-bar--new.animating{animation:barGrow .8s ease-out}@keyframes barGrow{0%{width:0}}.familiarity-values{display:flex;align-items:center;justify-content:center;gap:12px;font-size:1.1rem}.familiarity-previous{color:#6b7280}.familiarity-arrow{color:#9ca3af}.familiarity-new{color:#8b5cf6;font-weight:600}.familiarity-delta{padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.familiarity-delta.positive{background:rgba(16,185,129,.2);color:#10b981}.familiarity-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:12px}.familiarity-badge.new-word{background:rgba(99,102,241,.2);color:#6366f1}.familiarity-encouragement{background:rgba(102,126,234,.06);border-radius:8px;padding:12px;color:#667eea;font-size:.9rem;margin-bottom:12px}.familiarity-reason{font-size:.85rem;color:var(--color-text-secondary,#888)}.feedback-item--strengths{align-items:center}.feedback-item--strengths,.strengths-list{display:flex;flex-direction:column;width:100%}.strengths-list{list-style:none;padding:0;margin:0;gap:8px}.strengths-list li{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.15);border-radius:8px;padding:10px 16px;color:#16a34a;font-size:.95rem;text-align:left;line-height:1.5}.strengths-list li:before{content:"✓ ";font-weight:700;color:#10b981}.feedback-item--ai-encouragement{display:flex;flex-direction:column;align-items:center}.ai-encouragement-content{font-size:1.15rem;font-weight:500;color:#667eea;text-align:center;line-height:1.6;background:rgba(102,126,234,.06);border:1px solid rgba(102,126,234,.15);border-radius:12px;padding:16px 20px}.feedback-item--encouragement{display:flex;flex-direction:column;align-items:center}.encouragement-icon{font-size:4rem;margin-bottom:16px;animation:starPulse 1s infinite}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.encouragement-content{font-size:1.3rem;font-weight:600;color:var(--color-text,#fff);margin-bottom:16px}.total-gain{font-size:1rem;color:#10b981;background:rgba(16,185,129,.1);padding:8px 16px;border-radius:20px}@media (max-width:480px){.feedback-modal{width:95%;max-height:90vh;border-radius:12px}.feedback-modal-content{padding:30px 16px;min-height:250px}.score-circle{width:120px;height:120px}.score-value{font-size:2rem}.feedback-navigation{padding:12px 16px 20px}.nav-btn{padding:10px 16px;font-size:.9rem}}.notes-page{min-height:100vh;background:#F8FAFC;padding:24px}.notes-container{max-width:900px;margin:0 auto}.notes-header{justify-content:space-between;margin-bottom:24px;gap:16px}.notes-header,.notes-title{display:flex;align-items:center}.notes-title{gap:12px}.notes-title h1{font-size:24px;font-weight:700;color:#1E293B;margin:0}.notes-count{background:#E2E8F0;color:#64748B;font-size:13px;font-weight:600;padding:4px 10px;border-radius:12px}.notes-header-actions{display:flex;gap:12px}.notes-search{position:relative;flex:1 1;max-width:320px}.notes-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94A3B8;pointer-events:none}.notes-search-input{width:100%;padding:10px 14px 10px 42px;font-size:14px;border:1px solid #e2e8f0;border-radius:10px;background:white;color:#1E293B;transition:all .2s ease-out}.notes-search-input:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.notes-search-input::placeholder{color:#94A3B8}.create-note-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#2563EB;color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-out;white-space:nowrap}.create-note-btn:hover{background:#1D4ED8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.create-note-btn:active{transform:translateY(0)}.notes-filters{display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.notes-filters::-webkit-scrollbar{display:none}.filter-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;min-width:max-content;background:white;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#64748B;cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out;white-space:nowrap;box-sizing:border-box}.filter-tab:hover{background:#F1F5F9;border-color:#CBD5E1}.filter-tab--active{background:#2563EB;border-color:#2563EB;color:white}.filter-tab--starred{color:#F59E0B}.filter-tab--starred.filter-tab--active{background:#F59E0B;border-color:#F59E0B;color:white}.filter-tab-count{background:rgba(0,0,0,.1);padding:2px 6px;border-radius:6px;font-size:11px}.filter-tab--active .filter-tab-count{background:rgba(255,255,255,.2)}.notes-timeline{gap:32px}.notes-date-group,.notes-timeline{display:flex;flex-direction:column}.notes-date-group{gap:16px}.notes-date-header{display:flex;align-items:center;gap:12px;color:#64748B;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notes-date-header:after{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,#E2E8F0,transparent)}.notes-list{display:flex;flex-direction:column;gap:12px}.notes-empty{text-align:center;padding:80px 20px;background:white;border-radius:16px;border:2px dashed #e2e8f0}.notes-empty-icon{width:64px;height:64px;margin:0 auto 16px;color:#CBD5E1}.notes-empty-title{font-size:18px;font-weight:600;color:#1E293B;margin:0 0 8px}.notes-empty-desc{font-size:14px;color:#64748B;margin:0}.note-card{background:white;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease-out;cursor:pointer}.note-card:hover{border-color:#CBD5E1;box-shadow:0 4px 16px rgba(0,0,0,.06)}.note-card--pinned{border-left:3px solid #f59e0b}.note-card__type{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#F8FAFC;border-bottom:1px solid #f1f5f9}.note-type-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.note-type-badge--vocabulary{color:#7C3AED}.note-type-badge--grammar{color:#0891B2}.note-type-badge--pronunciation{color:#EA580C}.note-type-badge--ai{color:#059669}.note-type-badge--general{color:#64748B}.note-card__actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease-out}.note-card:hover .note-card__actions{opacity:1}.note-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#94A3B8;cursor:pointer;transition:all .15s ease-out}.note-action-btn:hover{background:#F1F5F9;color:#64748B}.note-action-btn--pin{color:#F59E0B}.note-action-btn--pin.note-action-btn--active{color:#F59E0B;background:#FEF3C7}.note-action-btn--delete:hover{background:#FEE2E2;color:#EF4444}.note-card__content{padding:16px}.note-card__title{font-size:15px;font-weight:600;color:#1E293B;margin:0 0 8px;line-height:1.4}.note-card__body{font-size:14px;color:#475569;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#FAFAFA;border-top:1px solid #f1f5f9}.note-course-link{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#64748B;text-decoration:none;transition:color .15s;min-width:0;flex:1 1}.note-course-link svg{flex-shrink:0;margin-top:2px}.note-course-link:hover{color:#2563EB}.note-course-link:hover .note-course-link__text{text-decoration:underline}.note-course-link__text{min-width:0;line-height:1.3}.note-timestamp{display:flex;align-items:center;gap:4px;font-size:12px;color:#94A3B8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.note-card__tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.note-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#F1F5F9;color:#475569;border-radius:6px;font-size:12px;font-weight:500;transition:background .15s}.note-tag:hover{background:#E2E8F0}.note-tag--vocabulary{background:#EDE9FE;color:#7C3AED}.note-tag--grammar{background:#CFFAFE;color:#0891B2}.note-tag--pronunciation{background:#FFEDD5;color:#EA580C}.note-tag--ai-generated{background:#D1FAE5;color:#059669}.notes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.notes-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.notes-loading-text{font-size:14px;color:#64748B}@media (max-width:768px){.notes-page{padding:16px}.notes-header{flex-direction:column;align-items:stretch}.notes-title{justify-content:space-between}.notes-header-actions{flex-direction:column}.notes-search{max-width:100%}.create-note-btn{justify-content:center}.notes-filters{padding-bottom:12px;margin-bottom:16px}.note-card__actions{opacity:1}.note-card__content{padding:12px}.note-card__footer{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px}}.create-note-btn:focus-visible,.filter-tab:focus-visible,.note-action-btn:focus-visible,.notes-search-input:focus-visible{outline:2px solid #2563EB;outline-offset:2px}@media (prefers-reduced-motion:reduce){.create-note-btn,.filter-tab,.note-action-btn,.note-card{transition:none}.notes-loading-spinner{animation:none}}.note-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;padding:20px}.note-editor-modal{background:white;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.15)}.note-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.note-editor-header h2{font-size:20px;color:#333;margin:0}.close-button{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-button:hover{background:#f0f0f0;color:#333}.associated-content{margin:20px 24px 0;padding:12px;background:#f8f9fa;border-radius:8px}.associated-content__label{font-size:12px;text-transform:uppercase;color:#666;margin-bottom:8px;font-weight:600}.associated-content__box{padding:12px;background:white;border:2px dashed #667eea;border-radius:6px;font-size:15px;color:#333;line-height:1.5}.note-editor-body{flex:1 1;padding:24px;overflow-y:auto}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.note-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px;line-height:1.5;resize:vertical;transition:border-color .2s}.note-textarea:focus{outline:none;border-color:#667eea}.note-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:border-color .2s}.note-input:focus{outline:none;border-color:#667eea}.tags-container{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:1px solid #ddd;border-radius:6px;min-height:44px}.tag-chip{display:inline-flex;gap:4px;padding:4px 10px;background:#e3f2fd;border-radius:16px;font-size:14px;font-weight:500}.tag-chip,.tag-remove{align-items:center;color:#1976d2}.tag-remove{background:none;border:none;cursor:pointer;font-size:16px;padding:0;width:16px;height:16px;display:flex;justify-content:center;opacity:.7;transition:opacity .2s}.tag-remove:hover{opacity:1}.tag-input-wrapper{position:relative;flex:1 1;min-width:150px}.tag-input{width:100%;border:none;outline:none;font-size:14px;padding:4px 0}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:6px;margin-top:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:10}.tag-suggestion{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;font-size:14px;color:#333;cursor:pointer;transition:background .2s}.tag-suggestion:hover{background:#f0f0f0}.tag-hints{font-size:12px;color:#999;margin-top:8px}.note-editor-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa}.button{padding:10px 24px;font-size:15px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.button--cancel{background:white;color:#666;border:1px solid #ddd}.button--cancel:hover{background:#f0f0f0}.button--save{background:#667eea;color:white}.button--save:hover{background:#5a67d8}@media (max-width:600px){.note-editor-overlay{padding:0}.note-editor-modal{max-width:100%;max-height:100vh;border-radius:0}.note-editor-body,.note-editor-footer{padding:16px}.button{flex:1 1}}.parental-controls{max-width:64rem;margin:0 auto;padding:1.5rem}.parental-controls__title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text-primary)}.parental-controls__subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.95rem}.parental-controls__skeleton{display:flex;flex-direction:column;gap:1rem}.parental-controls__skeleton-row{background:#f3f4f6;border-radius:8px;animation:parental-controls-pulse 1.5s ease-in-out infinite}.parental-controls__skeleton-row--header{height:2rem;width:33%}.parental-controls__skeleton-row--card{height:8rem}@keyframes parental-controls-pulse{0%,to{opacity:1}50%{opacity:.5}}.parental-controls__empty{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:2rem;text-align:center}.parental-controls__empty p{margin:0 0 1rem;color:var(--color-text-secondary)}.parental-controls__link{color:var(--color-primary);text-decoration:none}.parental-controls__link:hover{text-decoration:underline}.parental-controls__alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.parental-controls__alert-close{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.parental-controls__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.parental-controls__grid{grid-template-columns:1fr 2fr}}.parental-controls__list{display:flex;flex-direction:column;gap:.5rem}.parental-controls__list-heading{font-size:.75rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.parental-controls__list-item{background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem;text-align:left;cursor:pointer;width:100%;transition:border-color .15s,background-color .15s}.parental-controls__list-item:hover{border-color:#d1d5db}.parental-controls__list-item--active{border-color:var(--color-primary);background:var(--color-primary-50)}.parental-controls__list-name{font-weight:500;color:#111827;margin:0;font-size:.95rem}.parental-controls__list-email{font-size:.75rem;color:#6b7280;margin:.25rem 0 0}.parental-controls__badge{display:inline-block;margin-top:.5rem;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.parental-controls__badge--granted{background:#d1fae5;color:#166534}.parental-controls__badge--pending{background:#fef3c7;color:#92400e}.parental-controls__badge--revoked{background:#fee2e2;color:#991b1b}.parental-controls__badge--none{background:#f3f4f6;color:#374151}.parental-controls__card{background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.parental-controls__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.parental-controls__card-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.parental-controls__card-email{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.parental-controls__dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.875rem;margin:0 0 1.5rem}.parental-controls__dl dt{color:#6b7280;margin:0}.parental-controls__dl dd{color:#111827;margin:.25rem 0 0}.parental-controls__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.parental-controls__btn{font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;border:1px solid transparent;background:var(--color-primary);color:white;transition:background-color .15s,opacity .15s}.parental-controls__btn:hover{background:var(--color-primary-hover)}.parental-controls__btn:disabled{opacity:.6;cursor:not-allowed}.parental-controls__btn--outline{background:white;border-color:#d1d5db;color:#111827}.parental-controls__btn--outline:hover{background:#f9fafb}.parental-controls__log-heading{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.parental-controls__log{border-top:1px solid #f3f4f6}.parental-controls__log-empty{font-size:.875rem;color:#6b7280;padding:1rem 0;margin:0}.parental-controls__log ul{list-style:none;padding:0;margin:0}.parental-controls__log li{border-bottom:1px solid #f3f4f6;padding:.75rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.parental-controls__action{font-size:.875rem;font-weight:500;margin:0;color:#374151}.parental-controls__action--granted{color:#15803d}.parental-controls__action--revoked{color:#b91c1c}.parental-controls__action--pending{color:#b45309}.parental-controls__log-time{font-size:.75rem;color:#6b7280;margin:.125rem 0 0}.parental-controls__log-ip{font-size:.75rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;margin:0}.my-courses-page .search-bar{display:inline-flex;align-items:center;gap:.5rem;background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem .75rem;min-width:0;flex:1 1;max-width:480px}.my-courses-page .search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.my-courses-page .search-bar__icon{color:#9ca3af;display:inline-flex;align-items:center;flex-shrink:0}.my-courses-page .search-bar__input{border:0;outline:0;background:transparent;font:inherit;color:var(--color-text-primary);flex:1 1;min-width:0}.my-courses-page .search-bar__clear{border:0;background:transparent;color:#9ca3af;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center}.my-courses-page .search-bar__clear:hover{color:var(--color-text-secondary)}.sight-words__review-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:10px 22px;background:var(--color-primary,#6366f1);color:#fff;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .15s}.sight-words__review-cta:hover{filter:brightness(1.05)}