@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--danger-50: #fff1f2;--danger-100: #ffe4e6;--danger-200: #fecdd3;--danger-500: #f43f5e;--danger-600: #e11d48;--danger-700: #be123c;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--glow-primary: 0 0 20px -5px rgba(59, 130, 246, .5);--radius-sm: .5rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--navbar-height: 80px}html{scroll-behavior:smooth;font-size:16px;touch-action:manipulation}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);min-height:100vh;color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}main#app{max-width:1200px;margin:0 auto;padding:2rem;width:100%;flex:1}main#app h2{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}main#app h2 i{color:var(--primary-500)}@keyframes flame-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(245,158,11,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(245,158,11,.8))}to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(245,158,11,.5))}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes correctPulse{0%,to{background:#fff}50%{background:var(--success-50)}}@keyframes incorrectPulse{0%,to{background:#fff}50%{background:var(--danger-50)}}@keyframes correctPulseDark{0%,to{background:#1c1c1e}50%{background:#064e3b}}@keyframes incorrectPulseDark{0%,to{background:#1c1c1e}50%{background:#7f1d1d}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .3s ease}.streak-flame{color:#f59e0b;animation:flame-pulse 2s infinite}.navbar{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:var(--navbar-height);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(0,0,0,.05)}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.4rem;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-decoration:none;cursor:pointer;transition:all var(--transition)}.logo i{font-size:1.5rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform var(--transition)}.logo:hover{transform:scale(1.02)}.logo:hover i{transform:rotate(-5deg)}.nav-links{display:flex;align-items:center;gap:.5rem;list-style:none}.nav-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.6rem 1.2rem;border-radius:var(--radius-full);color:var(--gray-600);font-weight:500;font-size:.95rem;transition:all var(--transition);position:relative;overflow:hidden;line-height:1}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);opacity:0;transition:opacity var(--transition);border-radius:var(--radius-full)}.nav-link:hover{color:var(--primary-600)}.nav-link.active{color:#fff}.nav-link.active:before{opacity:1}.nav-link i,.nav-link span{position:relative;z-index:1}.nav-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:10px;position:relative;z-index:2;margin-left:4px;box-shadow:0 2px 4px #ef444466;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);color:var(--gray-600);font-size:1.1rem}.theme-toggle:hover{background:var(--primary-100);border-color:var(--primary-300);color:var(--primary-600);transform:rotate(15deg)}.theme-toggle:active{transform:scale(.95)}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition:background-color .3s ease,background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease!important}.footer{background:#fff;padding:1.5rem 2rem;border-top:1px solid var(--gray-200);text-align:center}.footer-content{display:flex;flex-direction:column;gap:.5rem;align-items:center;color:var(--gray-500);font-size:.9rem}.footer p{margin:0}.footer a{color:var(--primary-600);text-decoration:none;font-weight:500;transition:color var(--transition)}.footer a:hover{color:var(--primary-700);text-decoration:underline}.primary-btn,.add-word-btn,.restart-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-md)}.primary-btn:hover,.add-word-btn:hover,.restart-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.primary-btn{border-radius:var(--radius);padding:.75rem 1.75rem;box-shadow:var(--shadow)}.primary-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.secondary-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:1rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition)}.secondary-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-full);font-size:.9rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition)}.action-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-800)}.action-btn i{font-size:1rem}.back-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition);font-size:1rem}.back-btn:hover{background:var(--gray-50);color:var(--primary-600);border-color:var(--primary-200)}.clear-btn{position:absolute;right:.75rem;background:var(--gray-200);border:none;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-500);transition:all var(--transition)}.clear-btn:hover{background:var(--gray-300);color:var(--gray-700)}.review-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.review-btn:disabled{opacity:.5;cursor:not-allowed}.review-btn .btn-icon{font-size:1.5rem}.review-btn .btn-shortcut{font-size:.75rem;font-weight:400;opacity:.7}.success-btn{background:var(--success-100);color:var(--success-700)}.success-btn:not(:disabled):hover{background:var(--success-500);color:#fff}.danger-btn{background:var(--danger-100);color:var(--danger-700)}.danger-btn:not(:disabled):hover{background:var(--danger-500);color:#fff}.reveal-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:2px solid var(--primary-300);border-radius:var(--radius-full);color:var(--primary-600);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.reveal-btn:hover{background:var(--primary-50);border-color:var(--primary-500)}.skip-btn,.shuffle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-500);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.skip-btn:hover,.shuffle-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.preview-btn{padding:0 1rem;background:var(--gray-100);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);color:var(--gray-600)}.preview-btn:hover{background:var(--gray-200);color:var(--gray-800)}.remove-preview-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.remove-preview-btn:hover{background:var(--danger-600)}.btn-cancel{padding:.75rem 1.25rem;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all var(--transition)}.btn-cancel:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition)}.btn-save:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.import-packs-btn{background:var(--gray-200);color:var(--gray-500);border:none;padding:.6rem 1.2rem;border-radius:var(--radius);font-weight:600;cursor:not-allowed;transition:all var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.import-packs-btn.active{background:var(--primary-600);color:#fff;cursor:pointer;box-shadow:0 4px 12px #6366f14d}.import-packs-btn.active:hover{background:var(--primary-700);transform:translateY(-2px)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:all var(--transition);border:1px solid transparent}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.stat-total .stat-icon{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);color:var(--primary-600)}.stat-remembered .stat-icon{background:linear-gradient(135deg,var(--success-50) 0%,var(--success-100) 100%);color:var(--success-600)}.stat-forgotten .stat-icon{background:linear-gradient(135deg,var(--warning-50) 0%,var(--warning-100) 100%);color:var(--warning-600)}.stat-retention .stat-icon{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0284c7}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.stat-label{font-size:.85rem;color:var(--gray-500);font-weight:500}.word-card{background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-100);overflow:hidden}.word-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--primary-200)}.word-card:hover .speak-btn{opacity:1;transform:translate(0)}.word-card img.word-image{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1.25rem;height:180px;object-fit:cover}.word-card .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.word-card .mastery-progress-bar{height:4px;background:var(--gray-700);border-radius:2px;margin-bottom:1rem;overflow:hidden}[data-theme=light] .word-card .mastery-progress-bar{background:var(--gray-200)}.word-card .mastery-progress-bar .mastery-progress-fill{height:100%;border-radius:2px;transition:width .5s ease}.word-card .mastery-progress-bar.mastery-new .mastery-progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.word-card .mastery-progress-bar.mastery-apprentice .mastery-progress-fill{background:linear-gradient(90deg,#eab308,#facc15)}.word-card .mastery-progress-bar.mastery-guru .mastery-progress-fill{background:linear-gradient(90deg,#f97316,#fb923c)}.word-card .mastery-progress-bar.mastery-master .mastery-progress-fill{background:linear-gradient(90deg,#d946ef,#e879f9)}.word-info{flex:1;display:flex;flex-direction:column}.word-info h3{font-size:1.5rem;font-weight:800;color:var(--gray-900);margin-bottom:.2rem;line-height:1.2;letter-spacing:-.02em}.word-info .meaning-text{font-size:1.1rem;color:var(--gray-600);margin-bottom:1.25rem;font-weight:500}.word-info .card-section{padding:1rem;border-radius:12px;margin-bottom:.75rem;position:relative}.word-info .card-section.emotion-section{background:linear-gradient(135deg,#fff1f280,#ffffff80);border-left:3px solid #fda4af}.word-info .card-section.emotion-section .section-label i{color:#f43f5e}.word-info .card-section.example-section{background:var(--gray-50);border-left:3px solid var(--gray-300)}.word-info .section-label{display:flex;align-items:center;gap:.5rem;font-size:.65rem;color:var(--gray-500);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.word-info .section-label i{font-size:.75rem}.word-info .emotion-text,.word-info .example{font-size:.95rem;color:var(--gray-700);line-height:1.5}.word-info .example{font-style:italic;color:var(--gray-600)}.word-header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.speak-btn{background:var(--primary-50);border:none;color:var(--primary-600);cursor:pointer;font-size:1rem;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.speak-btn:hover{background:var(--primary-600);color:#fff;transform:scale(1.1)!important}.word-meta{display:flex;gap:1rem;margin-top:auto;padding-top:1rem;margin-left:.5rem}.meta-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--gray-400);font-weight:500}.actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--gray-100)}.actions .action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;height:48px;padding:0 1.25rem;font-size:.9rem;font-weight:600;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;flex:1}.actions .edit-btn,.actions .delete{flex:0 0 48px;width:48px;padding:0;font-size:1.1rem}.actions .edit-btn{background:#fff;border-color:var(--gray-200);color:var(--gray-600)}.actions .edit-btn:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50);transform:translateY(-2px)}.actions .toggle{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.actions .toggle:hover{background:var(--success-600);color:#fff;border-color:var(--success-600);box-shadow:0 4px 6px -1px #16a34a33;transform:translateY(-2px)}.actions .toggle.unmark{background:var(--gray-50);border-color:var(--gray-200);color:var(--gray-600)}.actions .toggle.unmark:hover{background:var(--gray-100);color:var(--gray-800)}.actions .delete{background:#fff;border-color:var(--gray-200);color:var(--gray-400)}.actions .delete:hover{background:#fef2f2;border-color:#fee2e2;color:#ef4444;transform:translateY(-2px)}.mode-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:2px solid transparent;cursor:pointer;transition:all var(--transition);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.mode-card:hover{border-color:var(--primary-400);transform:translateY(-5px);box-shadow:var(--shadow-lg)}.mode-card:hover .mode-icon{background:var(--primary-600);color:#fff}.mode-icon{width:64px;height:64px;border-radius:50%;background:var(--primary-50);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:.5rem;transition:all var(--transition)}.mode-title{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.mode-desc{font-size:.9rem;color:var(--gray-500)}.review-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;transition:all var(--transition)}.review-card.correct-flash{animation:correctPulse .3s ease}.review-card.incorrect-flash{animation:incorrectPulse .3s ease}.review-card-inner{display:flex;flex-direction:column;align-items:center}.streak-card{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;color:#b45309}.streak-count{font-size:2.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.daily-goal-card{background:#fff;display:flex;align-items:center;justify-content:space-between}.pack-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:.75rem;position:relative}.pack-card:hover{border-color:var(--primary-400);transform:translateY(-3px);box-shadow:var(--shadow-md)}.pack-card.selected{border-color:var(--primary-500);background:var(--primary-50)}.pack-card.selected .pack-check{opacity:1;transform:scale(1)}.pack-icon{width:40px;height:40px;background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.pack-info h4{font-size:1rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.pack-info p{font-size:.85rem;color:var(--gray-500);margin:0;line-height:1.4}.pack-count{font-size:.75rem;font-weight:600;color:var(--gray-400);margin-top:auto;display:flex;align-items:center;gap:.3rem}.pack-check{position:absolute;top:.75rem;right:.75rem;font-size:1.2rem;color:var(--primary-600);opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.chart-card{background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chart-title{font-weight:600;color:var(--gray-700);font-size:1rem}.chart-title i{color:var(--primary-500);margin-right:.5rem}.empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;color:var(--primary-300)}.empty-state h3{font-size:1.5rem;color:var(--gray-800);margin-bottom:.5rem}.empty-state p{color:var(--gray-500);margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto}.empty-review-state{text-align:center;padding:2rem}.empty-review-state .empty-icon{font-size:4rem;color:var(--primary-400);margin-bottom:1rem}.empty-review-state h3{font-size:1.5rem;color:var(--gray-800);margin-bottom:.5rem}.empty-review-state p{color:var(--gray-500);margin-bottom:1.5rem}.form-grid{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);max-width:800px;margin:0 auto}.form-header{text-align:center;margin-bottom:2rem}.form-title-add{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-title-add i{color:var(--primary-500)}.form-subtitle{color:var(--gray-500);font-size:1rem;margin-bottom:1rem}.row.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-field{margin-bottom:1.25rem}.form-field label{display:flex;align-items:center;gap:.4rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:.9rem}.form-field label i{color:var(--primary-500);font-size:.85rem}.form-field .required{color:var(--danger-500)}.form-field .optional{color:var(--gray-400);font-weight:400;font-size:.8rem}.form-field input,.form-field textarea,.form-field select{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);font-size:.95rem;transition:all var(--transition);background:#fff;font-family:inherit}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px #3b82f61a}.form-field input::placeholder,.form-field textarea::placeholder,.form-field select::placeholder{color:var(--gray-400)}.form-field small{display:block;color:var(--gray-500);font-size:.8rem;margin-top:.4rem}.field-tip{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem;background:var(--primary-50);border-radius:var(--radius);font-size:.85rem;color:var(--primary-700)}.field-tip i{color:var(--primary-500);margin-top:2px}.image-input-wrapper{display:flex;gap:.5rem}.image-input-wrapper input{flex:1}.image-source-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.image-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius);background:#fff;color:var(--gray-600);font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition)}.image-tab i{font-size:.9rem}.image-tab:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-600)}.image-tab.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-600)}.image-tab-content{display:none}.image-tab-content.active{display:block}.upload-area{position:relative;border:2px dashed var(--gray-300);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--gray-50)}.upload-area input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-area .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--gray-500);pointer-events:none}.upload-area .upload-placeholder i{font-size:2.5rem;color:var(--gray-400);transition:all var(--transition)}.upload-area .upload-placeholder span{font-weight:500}.upload-area .upload-placeholder .upload-hint{font-size:.85rem;color:var(--gray-400);font-weight:400}.upload-area:hover,.upload-area.dragover{border-color:var(--primary-400);background:var(--primary-50)}.upload-area:hover .upload-placeholder,.upload-area.dragover .upload-placeholder{color:var(--primary-600)}.upload-area:hover .upload-placeholder i,.upload-area.dragover .upload-placeholder i{color:var(--primary-500);transform:translateY(-4px)}.upload-area.has-file{border-color:var(--success-400);background:var(--success-50)}.upload-area.has-file .upload-placeholder{color:var(--success-600)}.upload-area.has-file .upload-placeholder i{color:var(--success-500)}.image-preview{position:relative;margin-top:1rem;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--gray-200)}.image-preview img{width:100%;max-height:200px;object-fit:cover;display:block}.image-preview .remove-preview-btn{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-preview .remove-preview-btn:hover{background:var(--danger-500);transform:scale(1.1)}.image-preview .remove-preview-btn i{font-size:.9rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-100)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid var(--gray-100)}.edit-form{padding:1.5rem}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:1rem;color:var(--gray-400);font-size:.9rem}.search-box input{width:100%;padding:1rem 2.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-full);font-size:.95rem;transition:all var(--transition);background:#fff}.search-box input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 4px #3b82f61a}.search-box input::placeholder{color:var(--gray-400)}.filters{display:flex;gap:.75rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;justify-content:center;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{height:4px}.filters::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.filters .filter-group{position:relative;display:flex;align-items:center;flex-shrink:0}.filters .filter-group .filter-icon{position:absolute;left:1rem;color:var(--primary-500);font-size:.9rem;pointer-events:none;z-index:10}.filters .filter-group select{appearance:none;padding:.6rem 2.5rem;border-radius:50px;border:1px solid var(--gray-200);background:#fff;font-size:.9rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .2s;white-space:nowrap}.filters .filter-group select:hover{border-color:var(--primary-300);background:var(--primary-50)}.filters .filter-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.filters .filter-group:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:1rem;font-size:.7rem;color:var(--gray-400);pointer-events:none}.typing-input{width:100%;font-size:1.5rem;padding:1rem;text-align:center;border:2px solid var(--gray-300);border-radius:var(--radius-lg);margin:2rem 0;font-family:monospace}.typing-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.typing-input.correct{border-color:var(--success-500);background:var(--success-50);color:var(--success-700)}.typing-input.wrong{border-color:var(--danger-500);background:var(--danger-50);color:var(--danger-700);animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.feedback-message{display:none;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-radius:var(--radius);margin-top:1.5rem;font-weight:500}.feedback-message.success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.feedback-message.error{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-100)}.feedback-message.warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-100)}[data-theme=dark] .image-source-tabs .image-tab{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .image-source-tabs .image-tab:hover{background:var(--gray-700);border-color:var(--primary-500);color:var(--primary-400)}[data-theme=dark] .image-source-tabs .image-tab.active{background:#3b82f626;border-color:var(--primary-500);color:var(--primary-400)}[data-theme=dark] .upload-area{background:var(--gray-800);border-color:var(--gray-600)}[data-theme=dark] .upload-area .upload-placeholder{color:var(--gray-400)}[data-theme=dark] .upload-area .upload-placeholder i{color:var(--gray-500)}[data-theme=dark] .upload-area .upload-placeholder span{color:var(--gray-300)}[data-theme=dark] .upload-area .upload-placeholder .upload-hint{color:var(--gray-500)}[data-theme=dark] .upload-area:hover,[data-theme=dark] .upload-area.dragover{background:#3b82f61a;border-color:var(--primary-500)}[data-theme=dark] .upload-area:hover .upload-placeholder,[data-theme=dark] .upload-area.dragover .upload-placeholder,[data-theme=dark] .upload-area:hover .upload-placeholder i,[data-theme=dark] .upload-area.dragover .upload-placeholder i{color:var(--primary-400)}[data-theme=dark] .upload-area.has-file{background:#10b9811a;border-color:#10b98180}[data-theme=dark] .upload-area.has-file .upload-placeholder,[data-theme=dark] .upload-area.has-file .upload-placeholder i{color:#34d399}[data-theme=dark] .image-tab-content small{color:var(--gray-500)}[data-theme=dark] .image-preview{border-color:var(--gray-700)}.word-card .tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.4rem .75rem;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em;transition:all var(--transition-fast);border:1px solid transparent}.word-card .tag i{font-size:.7rem}.type-tag{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);color:var(--primary-700);border-color:var(--primary-200)}.type-tag:hover{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);transform:translateY(-1px)}.type-tag.type-word{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-color:#bfdbfe}.type-tag.type-phrasal{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#5b21b6;border-color:#ddd6fe}.type-tag.type-expression{background:linear-gradient(135deg,#fff7ed,#ffedd5);color:#9a3412;border-color:#fed7aa}.type-tag.type-connector{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-color:#a7f3d0}.mastery-tag.mastery-new{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border-color:#bbf7d0}.mastery-tag.mastery-new i{color:#22c55e}.mastery-tag.mastery-apprentice{background:linear-gradient(135deg,#fefce8,#fef9c3);color:#854d0e;border-color:#fde047}.mastery-tag.mastery-apprentice i{color:#eab308}.mastery-tag.mastery-guru{background:linear-gradient(135deg,#fff7ed,#fed7aa);color:#9a3412;border-color:#fdba74}.mastery-tag.mastery-guru i{color:#f97316}.mastery-tag.mastery-master{background:linear-gradient(135deg,#fdf4ff,#f5d0fe);color:#86198f;border-color:#e879f9}.mastery-tag.mastery-master i{color:#d946ef}.due-tag{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#fcd34d;animation:pulse-due 2s infinite}.due-tag i{color:#f59e0b}@keyframes pulse-due{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.category-tag{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);color:var(--gray-700);border-color:var(--gray-200)}.category-tag i{color:var(--gray-500)}.remembered{background:var(--success-100)!important;color:var(--success-700)!important}.forgotten{background:var(--warning-100)!important;color:var(--warning-600)!important}.review-meta{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.5rem}.review-meta .tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em;border:1px solid transparent;box-shadow:0 2px 4px #0000000d}.review-meta .tag i{font-size:.75rem}.review-meta .type-tag{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);color:var(--primary-800);border-color:var(--primary-300)}.review-meta .category-tag{background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);color:var(--gray-700);border-color:var(--gray-300)}.review-count-tag{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);color:var(--gray-600);border-color:var(--gray-200)}.difficulty-tag.easy{background:linear-gradient(135deg,var(--success-50) 0%,var(--success-100) 100%);color:var(--success-700);border-color:var(--success-200)}.difficulty-tag.hard{background:linear-gradient(135deg,var(--danger-50) 0%,var(--danger-100) 100%);color:var(--danger-700);border-color:var(--danger-200)}.word-meta .next-review{color:var(--success-600)}.word-meta .next-review i{color:var(--success-500)}.edit-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-slow);padding:1rem}.edit-modal.active{opacity:1}.edit-modal.active .modal-content{transform:scale(1)}.modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform var(--transition-slow)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100)}.modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--gray-800)}.modal-header h3 i{color:var(--primary-500)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--gray-500);transition:all var(--transition)}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.audio-settings-body{padding:1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section .settings-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}.settings-section .settings-label i{color:var(--primary-500)}.accent-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.accent-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s}.accent-option .flag{font-size:2rem}.accent-option .label{font-size:.9rem;font-weight:600;color:var(--gray-700)}.accent-option:hover{border-color:var(--primary-400);background:var(--primary-50)}.accent-option.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.accent-option.active .label{color:var(--primary-700)}.speed-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.speed-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s}.speed-option i{font-size:1.5rem;color:var(--gray-500)}.speed-option span{font-size:.85rem;font-weight:600;color:var(--gray-600)}.speed-option:hover{border-color:var(--primary-400);background:var(--primary-50)}.speed-option:hover i{color:var(--primary-500)}.speed-option.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.speed-option.active i{color:var(--primary-600)}.speed-option.active span{color:var(--primary-700)}.preview-section{text-align:center;padding-top:.5rem}.preview-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all .2s}.preview-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.preview-btn:active{transform:scale(.98)}[data-theme=dark] .accent-option,[data-theme=dark] .speed-option{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .accent-option .label,[data-theme=dark] .accent-option span,[data-theme=dark] .speed-option .label,[data-theme=dark] .speed-option span{color:var(--gray-300)}[data-theme=dark] .accent-option i,[data-theme=dark] .speed-option i{color:var(--gray-400)}[data-theme=dark] .accent-option:hover,[data-theme=dark] .speed-option:hover{background:#3b82f61a;border-color:var(--primary-500)}[data-theme=dark] .accent-option.active,[data-theme=dark] .speed-option.active{background:#3b82f626;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .accent-option.active .label,[data-theme=dark] .accent-option.active span,[data-theme=dark] .speed-option.active .label,[data-theme=dark] .speed-option.active span,[data-theme=dark] .accent-option.active i,[data-theme=dark] .speed-option.active i{color:var(--primary-400)}[data-theme=dark] .settings-label{color:var(--gray-300)}.image-tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.image-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;background:var(--gray-100);border:2px solid transparent;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s}.image-tab:hover{background:var(--gray-200)}.image-tab.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-600)}[data-theme=dark] .image-tab{background:var(--gray-800);color:var(--gray-400)}[data-theme=dark] .image-tab:hover{background:var(--gray-700)}[data-theme=dark] .image-tab.active{background:#3b82f626;border-color:var(--primary-500);color:var(--primary-400)}.image-preview-mini{margin-top:.75rem;border-radius:8px;overflow:hidden;max-height:120px}.image-preview-mini img{width:100%;height:100%;max-height:120px;object-fit:cover;border-radius:8px}.file-dropzone{position:relative;border:2px dashed var(--gray-300);border-radius:12px;padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--gray-50)}.file-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-dropzone .dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.file-dropzone .dropzone-content i{font-size:2rem;color:var(--primary-400);margin-bottom:.25rem}.file-dropzone .dropzone-content .dropzone-text{font-size:.95rem;font-weight:600;color:var(--gray-700)}.file-dropzone .dropzone-content .dropzone-subtext{font-size:.8rem;color:var(--gray-500)}.file-dropzone:hover,.file-dropzone.dragover{border-color:var(--primary-500);background:var(--primary-50)}.file-dropzone:hover .dropzone-content i,.file-dropzone.dragover .dropzone-content i{color:var(--primary-500);transform:translateY(-2px)}.file-dropzone.has-file{border-color:var(--success-500);background:#10b9810d}.file-dropzone.has-file .dropzone-content i{color:var(--success-500)}[data-theme=dark] .file-dropzone{background:var(--gray-800);border-color:var(--gray-600)}[data-theme=dark] .file-dropzone .dropzone-content .dropzone-text{color:var(--gray-200)}[data-theme=dark] .file-dropzone .dropzone-content .dropzone-subtext{color:var(--gray-400)}[data-theme=dark] .file-dropzone:hover,[data-theme=dark] .file-dropzone.dragover{background:#3b82f61a;border-color:var(--primary-500)}.packs-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:0 1.5rem;max-height:400px;overflow-y:auto}.pack-card-modal{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.pack-card-modal .pack-check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:var(--gray-300);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;opacity:.5;transition:all .2s}.pack-card-modal .pack-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.pack-card-modal .pack-info{flex:1}.pack-card-modal .pack-info h4{font-size:.95rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.pack-card-modal .pack-info p{font-size:.8rem;color:var(--gray-500);margin-bottom:.5rem;line-height:1.3}.pack-card-modal .pack-info .pack-count{font-size:.75rem;color:var(--primary-600);font-weight:500}.pack-card-modal:hover{border-color:var(--primary-400);background:var(--primary-50)}.pack-card-modal.selected{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.pack-card-modal.selected .pack-check{background:var(--primary-500);opacity:1}.pack-card-modal.added{border-color:var(--success-500);background:#10b9810d;opacity:.8;cursor:default}.pack-card-modal.added .pack-check{background:var(--success-500);opacity:1}.pack-card-modal.added:hover{background:#10b9810d;border-color:var(--success-500)}[data-theme=dark] .pack-card-modal{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .pack-card-modal .pack-icon{background:#3b82f626;color:var(--primary-400)}[data-theme=dark] .pack-card-modal .pack-info h4{color:var(--gray-100)}[data-theme=dark] .pack-card-modal .pack-info p{color:var(--gray-400)}[data-theme=dark] .pack-card-modal .pack-info .pack-count{color:var(--primary-400)}[data-theme=dark] .pack-card-modal:hover{border-color:var(--primary-500);background:#3b82f61a}[data-theme=dark] .pack-card-modal.selected{background:#3b82f626;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .pack-card-modal.added{background:#10b9811a;border-color:#10b9814d;box-shadow:none}[data-theme=dark] .pack-card-modal.added .pack-check{background:var(--success-500)}.settings-divider{border:0;height:1px;background:var(--gray-200);margin:1.5rem 0}[data-theme=dark] .settings-divider{background:var(--gray-700)}.settings-section-title{font-size:1rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.settings-section-title i{color:var(--primary-500)}[data-theme=dark] .settings-section-title{color:var(--gray-200)}.full-width-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all .2s}.full-width-btn i{color:var(--gray-400)}.full-width-btn:hover{background:var(--white);border-color:var(--primary-400);box-shadow:var(--shadow-sm);color:var(--primary-600);transform:translateY(-2px)}.full-width-btn:hover i{color:var(--primary-500)}.full-width-btn:active{transform:scale(.99)}[data-theme=dark] .full-width-btn{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .full-width-btn i{color:var(--gray-500)}[data-theme=dark] .full-width-btn:hover{background:var(--gray-800);border-color:var(--primary-500);color:var(--primary-400)}[data-theme=dark] .full-width-btn:hover i{color:var(--primary-400)}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:9999}.toast{background:#fff;padding:1rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease forwards;max-width:350px;border-left:4px solid var(--primary-500)}.toast.removing{animation:slideOut .3s ease forwards}.toast i{font-size:1.25rem}.toast.info{border-left-color:var(--primary-500)}.toast.info i{color:var(--primary-500)}.toast.success{border-left-color:var(--success-500)}.toast.success i{color:var(--success-500)}.toast.warning{border-left-color:var(--warning-500)}.toast.warning i{color:var(--warning-500)}.toast.error{border-left-color:var(--danger-500)}.toast.error i{color:var(--danger-500)}.toast-content{display:flex;flex-direction:column}.toast-title{font-weight:600;font-size:.95rem;color:var(--gray-900)}.toast-message{font-size:.85rem;color:var(--gray-600)}.onboarding-overlay{position:fixed;inset:0;z-index:9999;pointer-events:all}.onboarding-overlay.fade-out{animation:fadeOut .3s ease forwards}.onboarding-backdrop{position:fixed;inset:0;background:#00000080}.onboarding-spotlight{position:fixed;border-radius:12px;background:transparent;border:3px solid var(--primary-500);box-shadow:0 0 0 4px #3b82f64d,0 0 20px #3b82f680,0 0 40px #3b82f64d;pointer-events:none;transition:all .3s ease;z-index:10000;animation:spotlightPulse 2s ease-in-out infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #3b82f64d,0 0 20px #3b82f680,0 0 40px #3b82f64d}50%{box-shadow:0 0 0 6px #3b82f666,0 0 30px #3b82f699,0 0 60px #3b82f666}}.onboarding-tooltip{position:fixed;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--gray-900);border:1px solid var(--gray-700);border-radius:16px;box-shadow:0 25px 50px -12px #0009;z-index:10001;opacity:0;transform:scale(.95);transition:all .25s ease;overflow:hidden;display:flex;flex-direction:column}.onboarding-tooltip.visible{opacity:1;transform:scale(1)}.onboarding-tooltip.centered{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.onboarding-tooltip.centered.visible{transform:translate(-50%,-50%) scale(1)!important}.onboarding-tooltip:before{content:"";position:absolute;width:0;height:0}.onboarding-tooltip.arrow-down:before{bottom:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--gray-900)}.onboarding-tooltip.arrow-up:before{top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--gray-900)}.tooltip-progress-bar{height:4px;background:var(--gray-800);width:100%;flex-shrink:0}.tooltip-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));transition:width .3s ease}.tooltip-header-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gray-800);background:var(--gray-900);flex-shrink:0;position:sticky;top:0;z-index:1}.tooltip-step{font-size:.8rem;font-weight:600;color:var(--gray-400)}.tooltip-skip{width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--gray-500);cursor:pointer;border-radius:8px;transition:all .2s;font-size:1rem}.tooltip-skip:hover{background:var(--gray-800);color:var(--gray-300)}.tooltip-body{padding:1.5rem;text-align:center;overflow-y:auto;flex:1;min-height:0}.tooltip-icon{width:56px;height:56px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#3b82f633,#6366f11a);border:1px solid rgba(59,130,246,.3)}.tooltip-icon i{font-size:1.4rem;color:var(--primary-400)}.tooltip-title{font-size:1.2rem;font-weight:700;color:var(--gray-100);margin-bottom:.5rem}.tooltip-content{font-size:.95rem;color:var(--gray-400);line-height:1.5}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem}.level-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:var(--gray-800);border:2px solid var(--gray-700);border-radius:12px;cursor:pointer;transition:all .2s}.level-btn .level-code{font-size:1.1rem;font-weight:700;color:var(--gray-200)}.level-btn .level-label{font-size:.75rem;color:var(--gray-500);font-weight:500}.level-btn:hover{border-color:var(--primary-400);background:var(--gray-750)}.level-btn:hover .level-code{color:var(--primary-400)}.level-btn.active{border-color:var(--primary-500);background:#3b82f626}.level-btn.active .level-code{color:var(--primary-400)}.level-btn.active .level-label{color:var(--primary-300)}.tooltip-next:disabled{opacity:.5;cursor:not-allowed}.tooltip-next:disabled:hover{background:var(--primary-600)}[data-theme=light] .level-btn{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=light] .level-btn .level-code{color:var(--gray-800)}[data-theme=light] .level-btn .level-label{color:var(--gray-500)}[data-theme=light] .level-btn:hover{border-color:var(--primary-400);background:var(--primary-50)}[data-theme=light] .level-btn.active{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=light] .level-btn.active .level-code{color:var(--primary-600)}[data-theme=light] .level-btn.active .level-label{color:var(--primary-500)}.tooltip-actions{display:flex;gap:.5rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem 1.5rem;background:var(--gray-900);flex-shrink:0;position:sticky;bottom:0;z-index:1;border-top:1px solid var(--gray-800)}.tooltip-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s}.tooltip-actions .tooltip-prev{background:var(--gray-800);border:1px solid var(--gray-700);color:var(--gray-400);width:44px;height:44px;min-width:44px;padding:0}.tooltip-actions .tooltip-prev:hover{background:var(--gray-700);color:var(--gray-200)}.tooltip-actions .tooltip-next{background:var(--primary-600);border:none;color:#fff;flex:1}.tooltip-actions .tooltip-next:hover{background:var(--primary-500)}.tooltip-actions .tooltip-next.finish{background:linear-gradient(135deg,var(--primary-600),#10b981)}@media(max-width:480px){.onboarding-tooltip{width:calc(100vw - 24px);max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);left:12px!important;right:12px!important}.onboarding-tooltip.centered{inset:12px!important;transform:none!important;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.onboarding-tooltip.centered.visible{transform:none!important}.tooltip-body{padding:1.25rem 1rem}.onboarding-tooltip.centered .tooltip-body{display:flex;flex-direction:column;justify-content:center}.tooltip-icon{width:48px;height:48px}.tooltip-icon i{font-size:1.2rem}.tooltip-title{font-size:1.1rem}.tooltip-content{font-size:.9rem}.tooltip-actions{padding:.75rem 1rem 1.25rem}.tooltip-actions button{padding:.7rem 1rem;font-size:.9rem}.tooltip-actions .tooltip-prev{width:40px;height:40px;min-width:40px}}[data-theme=light] .onboarding-backdrop{background:#0006}[data-theme=light] .onboarding-spotlight{border-color:var(--primary-600);box-shadow:0 0 0 4px #3b82f633,0 0 20px #3b82f666,0 0 40px #3b82f633}[data-theme=light] .onboarding-tooltip{background:#fff;border-color:var(--gray-200);box-shadow:0 25px 50px -12px #00000040}[data-theme=light] .onboarding-tooltip.arrow-down:before{border-top-color:#fff}[data-theme=light] .onboarding-tooltip.arrow-up:before{border-bottom-color:#fff}[data-theme=light] .tooltip-header-row{border-color:var(--gray-100);background:#fff}[data-theme=light] .tooltip-actions{background:#fff;border-top-color:var(--gray-100)}[data-theme=light] .tooltip-progress-bar{background:var(--gray-200)}[data-theme=light] .tooltip-step{color:var(--gray-500)}[data-theme=light] .tooltip-title{color:var(--gray-900)}[data-theme=light] .tooltip-content{color:var(--gray-600)}[data-theme=light] .tooltip-skip:hover{background:var(--gray-100)}[data-theme=light] .tooltip-prev{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-600)}[data-theme=light] .tooltip-prev:hover{background:var(--gray-200);color:var(--gray-800)}[data-theme=light] .tooltip-icon{background:linear-gradient(135deg,#3b82f61a,#6366f10d);border-color:#3b82f633}@keyframes fadeOut{to{opacity:0}}.packs-grid-onboarding{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;margin-bottom:.5rem}.pack-card-mini{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left}.pack-card-mini .pack-icon-mini{width:36px;height:36px;border-radius:8px;background:#3b82f626;display:flex;align-items:center;justify-content:center;color:var(--primary-400);flex-shrink:0}.pack-card-mini .pack-icon-mini i{font-size:1rem}.pack-card-mini .pack-info-mini{flex:1}.pack-card-mini .pack-info-mini h5{font-size:.95rem;font-weight:600;color:var(--gray-200);margin:0 0 .1rem}.pack-card-mini .pack-info-mini span{font-size:.75rem;color:var(--gray-500)}.pack-card-mini .pack-add-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--gray-600);background:transparent;color:var(--gray-400);display:flex;align-items:center;justify-content:center;transition:all .2s}.pack-card-mini .pack-add-btn i{font-size:.8rem}.pack-card-mini:hover{background:var(--gray-750);border-color:var(--gray-600)}.pack-card-mini:hover .pack-add-btn{border-color:var(--primary-400);color:var(--primary-400);background:#3b82f61a}.pack-card-mini.added{border-color:var(--primary-500);background:#10b9811a}.pack-card-mini.added .pack-icon-mini{background:#10b98133;color:#10b981}.pack-card-mini.added .pack-add-btn{background:#10b981;border-color:#10b981;color:#fff}.pack-card-mini.added:hover{cursor:default}.packs-note{font-size:.75rem;color:var(--gray-500);margin-top:.5rem}[data-theme=light] .pack-card-mini{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=light] .pack-card-mini .pack-icon-mini{background:#3b82f61a;color:var(--primary-600)}[data-theme=light] .pack-card-mini h5{color:var(--gray-800)}[data-theme=light] .pack-card-mini .pack-add-btn{border-color:var(--gray-300);color:var(--gray-500)}[data-theme=light] .pack-card-mini:hover{background:var(--primary-50);border-color:var(--primary-200)}[data-theme=light] .pack-card-mini.added{background:#10b9811a;border-color:#10b9814d}[data-theme=light] .pack-card-mini.added h5{color:#065f46}.welcome-hero{text-align:center;padding:10rem 2rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.welcome-hero .hero-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.welcome-hero .hero-icon{font-size:3.5rem;margin-bottom:1rem;color:var(--primary-500);opacity:.9;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:32px;background:linear-gradient(135deg,#3b82f61a,#6366f10d);border:1px solid rgba(59,130,246,.1)}.welcome-hero h1{font-size:4.5rem;font-weight:800;line-height:1.1;letter-spacing:-.04em;margin:0;background:linear-gradient(180deg,var(--gray-50) 0%,var(--gray-300) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .welcome-hero h1{background:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;background-clip:text}.welcome-hero p{font-size:1.5rem;color:var(--gray-400);line-height:1.6;margin-bottom:1rem}[data-theme=light] .welcome-hero p{color:var(--gray-600)}.welcome-hero .hero-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.welcome-hero .primary-hero-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:var(--primary-600);color:#fff;font-weight:600;font-size:1rem;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #3b82f633,0 2px 4px -1px #3b82f61a}.welcome-hero .primary-hero-btn:hover{background:var(--primary-500);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d,0 4px 6px -2px #3b82f61a}.welcome-hero .secondary-hero-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem;background:transparent;color:var(--gray-400);font-weight:500;font-size:1rem;border-radius:var(--radius-full);border:1px solid var(--gray-800);cursor:pointer;transition:all .2s ease}.welcome-hero .secondary-hero-btn:hover{border-color:var(--gray-600);color:var(--gray-200);background:#ffffff08}[data-theme=light] .welcome-hero .secondary-hero-btn{border-color:var(--gray-300);color:var(--gray-600)}[data-theme=light] .welcome-hero .secondary-hero-btn:hover{border-color:var(--gray-400);color:var(--gray-800);background:#00000008}@media(max-width:768px){.welcome-hero{padding:2rem 1.5rem 3rem}.welcome-hero .hero-content{gap:1.5rem}.welcome-hero .hero-icon{width:70px;height:70px;font-size:2rem;border-radius:20px;margin-bottom:.5rem}.welcome-hero h1{font-size:2.75rem;letter-spacing:-.02em}.welcome-hero p{font-size:1.1rem;margin-bottom:.5rem}.welcome-hero .hero-actions{flex-direction:column;width:100%;gap:.75rem}.welcome-hero .hero-actions button{width:100%;justify-content:center}}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.gamification-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}[data-theme=light] .stat-card{background:#fff;border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-500)}.stat-card .icon-bg{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-card .icon-bg.level{background:#f59e0b1a;color:#f59e0b}.stat-card .icon-bg.flame{background:#ef44441a;color:#ef4444}.stat-card .stat-content{display:flex;flex-direction:column;flex:1}.stat-card .stat-content.full{width:100%}.stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:var(--gray-100);line-height:1.1}[data-theme=light] .stat-card .stat-content .stat-value{color:var(--gray-800)}.stat-card .stat-content .stat-value small{font-size:.9rem;font-weight:400;color:var(--gray-500);margin-left:.3rem}.stat-card .stat-content .stat-value .separator{color:var(--gray-600);font-weight:400;margin:0 .2rem;font-size:1.25rem}.stat-card .stat-content .stat-label{font-size:.8rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-top:.2rem}[data-theme=light] .stat-card .stat-content .stat-label{color:var(--gray-500)}.stat-card.level-card .stat-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;width:100%}.stat-card.level-card .stat-header-row .stat-value-sm{font-weight:700;font-size:1.25rem;color:var(--gray-100)}[data-theme=light] .stat-card.level-card .stat-header-row .stat-value-sm{color:var(--gray-800)}.stat-card.level-card .xp-progress-container{height:8px;background:var(--gray-800);border-radius:4px;margin-bottom:.5rem;overflow:hidden;width:100%}[data-theme=light] .stat-card.level-card .xp-progress-container{background:var(--gray-200)}.stat-card.level-card .xp-progress-container{border-radius:4px;margin-bottom:.5rem;overflow:hidden;width:100%}.stat-card.level-card .xp-progress-container .xp-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width 1s ease}.stat-card.level-card .xp-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--gray-500)}.stat-card .streak-badge{margin-top:.5rem;font-size:.8rem;color:var(--gray-500);display:inline-flex;align-items:center;gap:.4rem}.stat-card .streak-badge.active{color:#ef4444;font-weight:600}.stat-card .streak-badge.active i{animation:pulse-flame 1.5s infinite}.stat-card.daily-goal-card{justify-content:space-between;padding-top:3rem}.stat-card.daily-goal-card .goal-msg-sm{font-size:.8rem;color:var(--primary-400);margin-top:.2rem}.goal-settings-btn{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:6px;border:1px solid var(--gray-700);background:var(--gray-800);color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease;z-index:10}.goal-settings-btn:hover{background:var(--gray-700);color:var(--primary-400);border-color:var(--primary-500);transform:rotate(45deg)}[data-theme=light] .goal-settings-btn{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-500)}[data-theme=light] .goal-settings-btn:hover{background:var(--gray-200);color:var(--primary-500);border-color:var(--primary-400)}.goal-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.5rem 0;padding:1.5rem}.goal-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;border-radius:12px;border:2px solid var(--gray-200);background:#fff;cursor:pointer;transition:all .2s ease}.goal-option .goal-number{font-size:1.5rem;font-weight:700;color:var(--gray-700)}.goal-option .goal-label{font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.goal-option:hover{border-color:var(--primary-400);background:var(--primary-50)}.goal-option:hover .goal-number{color:var(--primary-600)}.goal-option.active{border-color:var(--primary-500);background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);box-shadow:0 0 0 3px var(--primary-100)}.goal-option.active .goal-number{color:var(--primary-600)}.goal-option.active .goal-label{color:var(--primary-500)}[data-theme=dark] .goal-option{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .goal-option .goal-number{color:var(--gray-200)}[data-theme=dark] .goal-option .goal-label{color:var(--gray-500)}[data-theme=dark] .goal-option:hover{border-color:var(--primary-500);background:#3b82f61a}[data-theme=dark] .goal-option:hover .goal-number{color:var(--primary-400)}[data-theme=dark] .goal-option.active{border-color:var(--primary-500);background:#3b82f626;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .goal-option.active .goal-number,[data-theme=dark] .goal-option.active .goal-label{color:var(--primary-400)}.progress-ring-mini{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.progress-ring-mini svg{transform:rotate(-90deg);width:60px;height:60px}.progress-ring-mini .bg{stroke:var(--gray-800)}.progress-ring-mini .fg{stroke:var(--primary-500);stroke-linecap:round;transition:stroke-dashoffset 1s ease}.progress-ring-mini .check-mark{position:absolute;color:var(--success-500);font-size:1.25rem;animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pulse-flame{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.controls-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;background:#fff;padding:.75rem;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--gray-100)}.controls-bar .search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.controls-bar .search-box .search-icon{position:absolute;left:1rem;color:var(--gray-400);pointer-events:none}.controls-bar .search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--gray-200);border-radius:12px;font-size:.95rem;transition:all .2s;background:var(--gray-50)}.controls-bar .search-box input:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px var(--primary-100)}.controls-bar .search-box .clear-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem}.controls-bar .search-box .clear-btn:hover{color:var(--gray-600)}@media(max-width:800px){.controls-bar{flex-direction:column;align-items:stretch;padding:1.25rem 1rem;gap:1rem}.controls-bar .search-box{width:100%;min-width:0;flex:none}.controls-bar .action-buttons{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.controls-bar .action-buttons .action-btn{justify-content:center;padding:.75rem .5rem;width:100%}.controls-bar .action-buttons .action-btn span{font-size:.85rem}}@media(max-width:800px)and (max-width:400px){.controls-bar .action-buttons .action-btn span{display:none}}.action-buttons{display:flex;gap:.75rem}.action-buttons .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;font-weight:600;color:var(--gray-600);font-size:.9rem;cursor:pointer;transition:all .2s}.action-buttons .action-btn:hover{background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-300)}.action-buttons .action-btn i{color:var(--primary-500)}.results-info{padding:.75rem 1rem;background:var(--primary-50);border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem;color:var(--gray-600);border-left:3px solid var(--primary-500)}.results-count{font-weight:600;color:var(--primary-600)}.word-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.starter-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;text-align:left}.starter-packs-section{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;text-align:left}.packs-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:0 .5rem}.packs-header h4{margin:0;font-size:1.1rem;color:var(--gray-700)}.quick-tips{max-width:800px;margin:2rem auto 0;padding:1.5rem;background:linear-gradient(135deg,var(--primary-50) 0%,white 100%);border-radius:var(--radius-lg);border:1px solid var(--primary-100)}.quick-tips h3{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.quick-tips h3 i{color:var(--primary-500)}.quick-tips ul{list-style:none;display:grid;gap:.75rem}.quick-tips li{padding-left:1.5rem;position:relative;color:var(--gray-600);font-size:.9rem;line-height:1.5}.quick-tips li:before{content:"•";position:absolute;left:0;color:var(--primary-400);font-weight:700}.quick-tips li strong{color:var(--gray-700)}.review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.review-header h2{justify-content:center;margin-bottom:1.5rem}.review-progress{display:flex;gap:.75rem}.progress-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;color:var(--gray-700);box-shadow:var(--shadow-sm)}.progress-stat.session-correct{color:var(--success-600);background:var(--success-50)}.progress-stat.session-correct .progress-icon{color:var(--success-500)}.progress-stat.session-incorrect .progress-icon{color:var(--danger-500)}.progress-icon{font-size:.85rem;opacity:.8}.review-settings{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.review-settings h3{font-size:1.1rem;color:var(--gray-800);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.review-settings h3 i{color:var(--primary-500)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.setting-group .setting-label{display:block;font-size:.9rem;font-weight:600;color:var(--gray-600);margin-bottom:.75rem}.limit-options{display:flex;gap:.75rem;flex-wrap:wrap}.limit-options .limit-btn{padding:.5rem 1.25rem;border:1px solid var(--gray-300);border-radius:999px;background:transparent;color:var(--gray-600);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.limit-options .limit-btn:hover{border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.limit-options .limit-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff;box-shadow:0 4px 12px #4f46e533}.type-options{display:flex;gap:.75rem;flex-wrap:wrap}.type-options .type-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--gray-600);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background:#fff}.type-options .type-chip:hover{background:var(--gray-50);border-color:var(--gray-400)}.type-options .type-chip input{display:none}.type-options .type-chip.active{background:var(--primary-50);border-color:var(--primary-500);color:var(--primary-700)}.type-options .type-chip.active .check-icon{opacity:1;transform:scale(1)}.type-options .type-chip .check-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--primary-500);color:#fff;border-radius:50%;font-size:.6rem;opacity:0;transform:scale(0);transition:all .2s}.progress-label{font-size:.85rem;color:var(--gray-500)}.review-container{max-width:550px;margin:0 auto;min-height:400px;display:flex;flex-direction:column;justify-content:center}.review-image-wrapper{width:100%;margin-bottom:1.5rem;border-radius:var(--radius);overflow:hidden}.review-image{width:100%;max-height:200px;object-fit:cover}.review-word{font-size:2rem;font-weight:700;color:var(--gray-900);text-align:center;margin-bottom:1rem}.review-answer{margin-top:1.5rem;width:100%}.answer-content{text-align:center}.answer-content .meaning{font-size:1.25rem;font-weight:600;color:var(--primary-600);margin-bottom:1rem}.answer-section{text-align:left;padding:1rem;background:var(--gray-50);border-radius:var(--radius);margin-top:1rem}.answer-section .section-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;margin-bottom:.5rem}.answer-section .section-content{color:var(--gray-700);line-height:1.5}.answer-section .section-content.example{font-style:italic;color:var(--gray-600)}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.review-options{display:flex;justify-content:center;gap:1rem}.keyboard-hints{text-align:center;padding:1rem;color:var(--gray-400);font-size:.8rem}.keyboard-hints .hint{margin-right:.5rem}.keyboard-hints .key{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--gray-100);border-radius:var(--radius-sm);font-family:monospace;font-size:.75rem;margin:0 .25rem}.session-summary{background:var(--gray-50);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem}.streak-mini{margin:1.5rem 0;padding:1rem;background:var(--warning-50);border-radius:var(--radius);border:1px solid var(--warning-100);text-align:center}.streak-mini .streak-label{color:var(--warning-600);font-weight:700;margin-bottom:.25rem}.streak-mini .daily-meta{font-size:.9rem;color:var(--warning-600);opacity:.8}.summary-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.summary-stats .stat{display:flex;align-items:center;gap:.3rem;font-weight:600}.summary-stats .correct{color:var(--success-600)}.summary-stats .incorrect{color:var(--danger-600)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.mode-card.featured{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:2px solid var(--primary-300);position:relative;overflow:visible}.mode-card.featured .mode-icon{background:linear-gradient(135deg,var(--primary-500) 0%,#8b5cf6 100%);color:#fff}.mode-card.featured .mode-title{color:var(--primary-700)}.mode-card.featured:hover{border-color:var(--primary-500);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 20px #6366f133}.mode-badge{position:absolute;top:-10px;right:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);box-shadow:0 2px 8px #f59e0b66;animation:badge-shine 2s infinite}@keyframes badge-shine{0%,to{opacity:1}50%{opacity:.8}}.quiz-container{max-width:600px;margin:0 auto}.quiz-question{text-align:center;margin-bottom:2rem}.quiz-word{font-size:2.5rem;font-weight:800;color:var(--primary-700);margin-bottom:1rem}.quiz-options{display:grid;grid-template-columns:1fr;gap:1rem}.quiz-option{background:#fff;border:2px solid var(--gray-200);padding:1.25rem;border-radius:var(--radius-lg);font-size:1.1rem;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);text-align:left}.quiz-option:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.quiz-option.correct{background:var(--success-100);border-color:var(--success-500);color:var(--success-700)}.quiz-option.wrong{background:var(--danger-100);border-color:var(--danger-500);color:var(--danger-700);opacity:.7}.typing-container{max-width:600px;margin:0 auto;text-align:center}.empty-review-state{text-align:center;padding:3rem 2rem;max-width:500px;margin:0 auto 2rem;background:var(--gray-900);border-radius:16px;border:1px solid var(--gray-800)}.empty-review-state .empty-review-icon{width:70px;height:70px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.2)}.empty-review-state .empty-review-icon i{font-size:2rem;color:var(--success-500)}.empty-review-state h3{font-size:1.5rem;font-weight:700;color:var(--gray-100);margin-bottom:.75rem}.empty-review-state>p{font-size:1rem;color:var(--gray-400);line-height:1.6;margin-bottom:1.5rem}.empty-review-state .empty-review-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.empty-review-state .empty-review-actions .primary-btn,.empty-review-state .empty-review-actions .secondary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:50px;cursor:pointer;transition:all .2s}.empty-review-state .empty-review-actions .primary-btn{background:var(--primary-600);color:#fff;border:none}.empty-review-state .empty-review-actions .primary-btn:hover{background:var(--primary-500);transform:translateY(-2px)}.empty-review-state .empty-review-actions .secondary-btn{background:transparent;color:var(--gray-400);border:1px solid var(--gray-700)}.empty-review-state .empty-review-actions .secondary-btn:hover{border-color:var(--primary-500);color:var(--primary-400)}[data-theme=light] .empty-review-state{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=light] .empty-review-state h3{color:var(--gray-800)}[data-theme=light] .empty-review-state>p{color:var(--gray-600)}[data-theme=light] .empty-review-state .empty-review-actions .secondary-btn{border-color:var(--gray-300);color:var(--gray-600)}.stats-view{width:100%;max-width:1100px;margin:0 auto;padding:0 1rem 2rem;box-sizing:border-box}@media(max-width:480px){.stats-view{padding:0 .5rem 1.5rem}}.stats-hero{display:flex;align-items:center;gap:2rem;background:var(--gray-900);border:1px solid var(--gray-800);border-radius:20px;padding:1.5rem 2rem;margin:0 auto 1.5rem;width:100%;box-sizing:border-box;box-shadow:var(--shadow-lg)}@media(max-width:768px){.stats-hero{flex-direction:column;text-align:center;padding:1rem;gap:1.5rem;width:100%}}.hero-grade{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.hero-grade .grade-letter{font-size:2.5rem;font-weight:800;font-family:Outfit,sans-serif}.hero-grade.grade-s{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border:2px solid #f59e0b;box-shadow:0 0 30px #f59e0b4d}.hero-grade.grade-s .grade-letter{color:#fbbf24}.hero-grade.grade-a{background:linear-gradient(135deg,#10b98133,#10b9811a);border:2px solid #10b981;box-shadow:0 0 30px #10b9814d}.hero-grade.grade-a .grade-letter{color:#34d399}.hero-grade.grade-b{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:2px solid #3b82f6;box-shadow:0 0 30px #3b82f64d}.hero-grade.grade-b .grade-letter{color:#60a5fa}.hero-grade.grade-c{background:linear-gradient(135deg,#f9731633,#f973161a);border:2px solid #f97316;box-shadow:0 0 30px #f973164d}.hero-grade.grade-c .grade-letter{color:#fb923c}.hero-grade.grade-d{background:linear-gradient(135deg,#ef444433,#ef44441a);border:2px solid #ef4444;box-shadow:0 0 30px #ef44444d}.hero-grade.grade-d .grade-letter{color:#f87171}@media(max-width:768px){.hero-grade{width:70px;height:70px}.hero-grade .grade-letter{font-size:2rem}}.hero-kpis{display:flex;gap:1rem;flex:1;min-width:0}@media(max-width:768px){.hero-kpis{flex-direction:column;width:100%;gap:1rem}}.kpi-item{flex:1;display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid var(--gray-800);position:relative;overflow:hidden;transition:all .2s;min-width:0}.kpi-item:hover{border-color:var(--primary-600);background:#3b82f60d}@media(max-width:768px){.kpi-item{padding:.875rem}}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.kpi-icon.words{background:#3b82f626;color:#3b82f6}.kpi-icon.mastery{background:#f59e0b26;color:#f59e0b}.kpi-icon.accuracy{background:#10b98126;color:#10b981}.kpi-data{display:flex;flex-direction:column;min-width:60px}.kpi-data .kpi-value{font-size:1.5rem;font-weight:700;color:var(--gray-100);line-height:1.1}.kpi-data .kpi-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.kpi-mini-chart{margin-left:auto;opacity:.6;color:#3b82f6}.kpi-mini-chart .sparkline{width:50px;height:24px}.kpi-ring{width:36px;height:36px;margin-left:auto;transform:rotate(-90deg)}.kpi-ring svg{width:100%;height:100%}.kpi-ring .ring-bg{fill:none;stroke:var(--gray-800);stroke-width:3}.kpi-ring .ring-fill{fill:none;stroke:#f59e0b;stroke-width:3;stroke-dasharray:100 100;stroke-dashoffset:calc(100 - var(--percent));stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.kpi-progress{width:50px;height:6px;background:var(--gray-800);border-radius:3px;margin-left:auto;overflow:hidden}.kpi-progress .progress-fill{height:100%;background:#10b981;border-radius:3px;transition:width 1s ease}.stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:75rem){.stats-grid{grid-template-columns:1.6fr 1fr}}.stats-column-main,.stats-column-side{display:flex;flex-direction:column;gap:1.5rem;min-width:0;width:100%}.stats-card{background:var(--gray-900);border:1px solid var(--gray-800);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);transition:all .2s;overflow:hidden}@media(max-width:480px){.stats-card{padding:1rem;border-radius:12px}}.stats-card:hover{border-color:var(--gray-700)}.stats-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem;flex-wrap:wrap}.stats-card .card-header h3{font-size:.95rem;font-weight:600;color:var(--gray-200);display:flex;align-items:center;gap:.5rem;margin:0;min-width:0}.stats-card .card-header h3 i{color:var(--primary-500);font-size:.9rem}.stats-card .card-header .card-badge{font-size:.7rem;background:var(--gray-800);color:var(--gray-400);padding:.2rem .6rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.stats-card.collapsed .struggling-list,.stats-card.collapsed .levels-list{display:none}.collapse-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:.25rem;transition:color .2s}.collapse-btn:hover{color:var(--gray-300)}.chart-card .chart-container{position:relative;height:180px;background:linear-gradient(to bottom,transparent,rgba(59,130,246,.03));border-radius:8px;overflow:hidden}.chart-card .growth-svg{width:100%;height:100%}.chart-card .chart-label{position:absolute;top:.5rem;right:.75rem;font-size:.75rem;color:var(--primary-400);font-weight:600}.chart-card .chart-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-600);font-size:.9rem}.heatmap-card .heatmap-wrapper{overflow-x:auto;padding:.75rem 0;display:flex;justify-content:center;min-width:0;-webkit-overflow-scrolling:touch}@media(max-width:768px){.heatmap-card .heatmap-wrapper{justify-content:flex-start;padding-left:.5rem;padding-right:.5rem}}.heatmap-grid{display:flex;gap:4px;justify-content:center}.heatmap-week{display:flex;flex-direction:column;gap:4px}.heatmap-day{width:12px;height:12px;border-radius:2px;transition:transform .15s,box-shadow .15s}@media(min-width:480px){.heatmap-day{width:14px;height:14px;border-radius:3px}}.heatmap-day:hover{transform:scale(1.2);box-shadow:0 0 8px #3b82f666}.heatmap-day.level-0{background:var(--gray-800)}.heatmap-day.level-1{background:#3b82f64d}.heatmap-day.level-2{background:#3b82f680}.heatmap-day.level-3{background:#3b82f6bf}.heatmap-day.level-4{background:#3b82f6;box-shadow:0 0 6px #3b82f666}.heatmap-day.level-future{background:var(--gray-900);border:1px dashed var(--gray-700)}@media(min-width:75rem){.heatmap-day{width:16px;height:16px}}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--gray-500)}.heatmap-legend .legend-squares{display:flex;gap:3px}.heatmap-legend .sq{width:12px;height:12px;border-radius:3px}.heatmap-legend .sq.level-0{background:var(--gray-800)}.heatmap-legend .sq.level-1{background:#3b82f64d}.heatmap-legend .sq.level-2{background:#3b82f680}.heatmap-legend .sq.level-3{background:#3b82f6bf}.heatmap-legend .sq.level-4{background:#3b82f6}.levels-list{display:flex;flex-direction:column;gap:.75rem}.level-row{display:flex;align-items:center;gap:.75rem}.level-row .level-name{width:70px;font-size:.8rem;color:var(--gray-400)}.level-row .level-bar{flex:1;height:8px;background:var(--gray-800);border-radius:4px;overflow:hidden}.level-row .level-bar .bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.level-row .level-count{width:30px;text-align:right;font-weight:700;font-size:.9rem;color:var(--gray-200)}.level-row.master .bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.level-row.guru .bar-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.level-row.apprentice .bar-fill{background:linear-gradient(90deg,#f97316,#fb923c)}.level-row.new .bar-fill{background:var(--gray-600)}.struggling-list{display:flex;flex-direction:column;gap:.5rem}.struggling-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:#ef44440d;border-radius:8px;border-left:3px solid #ef4444}.struggling-item .word{font-weight:600;color:var(--gray-200);font-size:.9rem}.struggling-item .error-count{font-size:.75rem;color:#fca5a5;background:#ef444426;padding:.2rem .5rem;border-radius:4px}.see-more{display:block;text-align:center;font-size:.8rem;color:var(--primary-400);margin-top:.5rem;text-decoration:none}.see-more:hover{text-decoration:underline}.achievements-card .achievements-count{font-size:.85rem;font-weight:700;color:#f59e0b;background:#f59e0b1a;padding:.25rem .6rem;border-radius:20px}.achievements-grid-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}@media(max-width:360px){.achievements-grid-mini{grid-template-columns:repeat(2,1fr)}}.achievement-icon{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;cursor:pointer}.achievement-icon.unlocked{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.achievement-icon.unlocked:hover{transform:scale(1.1);box-shadow:0 0 15px #f59e0b4d}.achievement-icon.locked{background:var(--gray-800);color:var(--gray-600);border:1px solid var(--gray-700)}.btn-link{background:none;border:none;color:var(--primary-400);font-size:.85rem;cursor:pointer;padding:0;transition:color .2s}.btn-link:hover{color:var(--primary-300);text-decoration:underline}.achievements-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.achievements-modal-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.achievements-modal-content{position:relative;background:var(--gray-900);border:1px solid var(--gray-700);border-radius:20px;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.achievements-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-800);position:sticky;top:0;background:var(--gray-900);z-index:1}.achievements-modal-content .modal-header h2{font-size:1.25rem;font-weight:700;color:var(--gray-100);display:flex;align-items:center;gap:.5rem;margin:0}.achievements-modal-content .modal-header h2 i{color:#f59e0b}.achievements-modal-content .modal-close{background:var(--gray-800);border:none;color:var(--gray-400);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.achievements-modal-content .modal-close:hover{background:var(--gray-700);color:var(--gray-100)}.achievements-modal-content .modal-summary{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-800)}.achievements-modal-content .modal-summary .summary-progress{height:8px;background:var(--gray-800);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.achievements-modal-content .modal-summary .summary-progress .summary-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .5s ease}.achievements-modal-content .modal-summary .summary-text{font-size:.85rem;color:var(--gray-400)}.achievements-modal-content .achievements-grid{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:500px){.achievements-modal-content .achievements-grid{grid-template-columns:repeat(2,1fr)}}.achievements-modal-content .achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:14px;transition:all .2s}.achievements-modal-content .achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.achievements-modal-content .achievement-card.unlocked{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.achievements-modal-content .achievement-card.unlocked .achievement-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.achievements-modal-content .achievement-card.locked{opacity:.6}.achievements-modal-content .achievement-card.locked .achievement-icon{background:var(--gray-700);color:var(--gray-500)}.achievements-modal-content .achievement-card .achievement-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.achievements-modal-content .achievement-card .achievement-details{flex:1;min-width:0}.achievements-modal-content .achievement-card .achievement-details h4{font-size:.95rem;font-weight:600;color:var(--gray-100);margin:0 0 .25rem}.achievements-modal-content .achievement-card .achievement-details p{font-size:.8rem;color:var(--gray-400);margin:0;line-height:1.3}.achievements-modal-content .achievement-card .achievement-reward{font-size:.75rem;font-weight:700;color:#34d399;background:#10b98126;padding:.3rem .6rem;border-radius:20px;white-space:nowrap}[data-theme=light] .achievements-modal-content{background:#fff;border-color:var(--gray-200);box-shadow:0 25px 50px #00000026}[data-theme=light] .achievements-modal-content .modal-header{background:#fff;border-color:var(--gray-200)}[data-theme=light] .achievements-modal-content .modal-header h2{color:var(--gray-900)}[data-theme=light] .achievements-modal-content .modal-close{background:var(--gray-100);color:var(--gray-600)}[data-theme=light] .achievements-modal-content .modal-close:hover{background:var(--gray-200);color:var(--gray-900)}[data-theme=light] .achievements-modal-content .modal-summary{border-color:var(--gray-200)}[data-theme=light] .achievements-modal-content .modal-summary .summary-progress{background:var(--gray-200)}[data-theme=light] .achievements-modal-content .modal-summary .summary-text{color:var(--gray-600)}[data-theme=light] .achievements-modal-content .achievement-card{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=light] .achievements-modal-content .achievement-card:hover{box-shadow:0 8px 20px #00000014}[data-theme=light] .achievements-modal-content .achievement-card.unlocked{background:linear-gradient(135deg,#f59e0b1a,#fffbeb);border-color:#f59e0b4d}[data-theme=light] .achievements-modal-content .achievement-card.locked{opacity:.5}[data-theme=light] .achievements-modal-content .achievement-card.locked .achievement-icon{background:var(--gray-200);color:var(--gray-400)}[data-theme=light] .achievements-modal-content .achievement-card .achievement-details h4{color:var(--gray-900)}[data-theme=light] .achievements-modal-content .achievement-card .achievement-details p{color:var(--gray-600)}[data-theme=light] .achievements-modal-content .achievement-card .achievement-reward{background:#10b9811a;color:#059669}.projection-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f61a,#6366f10d);border:1px solid rgba(59,130,246,.2);border-radius:12px}.projection-banner i{font-size:1.25rem;color:var(--primary-400)}.projection-banner span{font-size:.95rem;color:var(--gray-300)}.projection-banner span strong{color:var(--primary-400)}@media(max-width:480px){.projection-banner{flex-direction:column;text-align:center;gap:.5rem}}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--gray-900);border-radius:20px;border:1px dashed var(--gray-700)}.stats-empty .empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f626,#6366f114);border-radius:24px;margin-bottom:1.5rem}.stats-empty .empty-icon i{font-size:2.5rem;color:var(--primary-500)}.stats-empty h2{font-size:1.5rem;color:var(--gray-100);margin-bottom:.5rem}.stats-empty p{color:var(--gray-500);margin-bottom:2rem}.stats-empty .empty-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.stats-empty .btn-primary,.stats-empty .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:50px;cursor:pointer;transition:all .2s}.stats-empty .btn-primary{background:var(--primary-600);color:#fff;border:none}.stats-empty .btn-primary:hover{background:var(--primary-500);transform:translateY(-2px)}.stats-empty .btn-secondary{background:transparent;color:var(--gray-400);border:1px solid var(--gray-700)}.stats-empty .btn-secondary:hover{border-color:var(--primary-500);color:var(--primary-400)}[data-theme=light] .stats-hero,[data-theme=light] .stats-card{background:#fff;border-color:var(--gray-200);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}[data-theme=light] .hero-grade.grade-s{background:linear-gradient(135deg,#f59e0b26,#f59e0b14)}[data-theme=light] .hero-grade.grade-a{background:linear-gradient(135deg,#10b98126,#10b98114)}[data-theme=light] .hero-grade.grade-b{background:linear-gradient(135deg,#3b82f626,#3b82f614)}[data-theme=light] .hero-grade.grade-c{background:linear-gradient(135deg,#f9731626,#f9731614)}[data-theme=light] .hero-grade.grade-d{background:linear-gradient(135deg,#ef444426,#ef444414)}[data-theme=light] .kpi-item{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=light] .kpi-item:hover{background:#3b82f60f;border-color:var(--primary-300)}[data-theme=light] .kpi-data .kpi-value{color:var(--gray-900)}[data-theme=light] .kpi-data .kpi-label{color:var(--gray-600)}[data-theme=light] .kpi-icon.words{background:#3b82f61f}[data-theme=light] .kpi-icon.mastery{background:#f59e0b1f}[data-theme=light] .kpi-icon.accuracy{background:#10b9811f}[data-theme=light] .kpi-ring .ring-bg,[data-theme=light] .kpi-progress,[data-theme=light] .level-bar{background:var(--gray-200)}[data-theme=light] .chart-card .chart-container{background:linear-gradient(to bottom,transparent,rgba(59,130,246,.03))}[data-theme=light] .chart-label{color:var(--primary-600)}[data-theme=light] .stats-card .card-header h3{color:var(--gray-800)}[data-theme=light] .stats-card .card-header h3 i{color:var(--primary-600)}[data-theme=light] .stats-card .card-header .card-badge{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}[data-theme=light] .heatmap-day.level-0{background:#e2e8f0;border:1px solid #cbd5e1}[data-theme=light] .heatmap-day.level-1{background:#3b82f659}[data-theme=light] .heatmap-day.level-2{background:#3b82f68c}[data-theme=light] .heatmap-day.level-3{background:#3b82f6bf}[data-theme=light] .heatmap-day.level-4{background:#3b82f6;box-shadow:0 0 4px #3b82f666}[data-theme=light] .heatmap-day.level-future{background:#f8fafc;border:1px dashed #cbd5e1}[data-theme=light] .heatmap-legend{color:var(--gray-600)}[data-theme=light] .heatmap-legend .sq.level-0{background:#e2e8f0;border:1px solid #cbd5e1}[data-theme=light] .heatmap-legend .sq.level-1{background:#3b82f659}[data-theme=light] .heatmap-legend .sq.level-2{background:#3b82f68c}[data-theme=light] .heatmap-legend .sq.level-3{background:#3b82f6bf}[data-theme=light] .heatmap-legend .sq.level-4{background:#3b82f6}[data-theme=light] .level-row .level-name{color:var(--gray-600)}[data-theme=light] .level-row .level-count{color:var(--gray-800)}[data-theme=light] .level-row.new .bar-fill{background:var(--gray-400)}[data-theme=light] .struggling-item{background:#ef44440f}[data-theme=light] .struggling-item .word{color:var(--gray-800)}[data-theme=light] .struggling-item .error-count{background:#ef44441f;color:#dc2626}[data-theme=light] .achievements-card .achievements-count{background:#f59e0b1f;color:#d97706}[data-theme=light] .achievement-icon.unlocked{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b4d;color:#d97706}[data-theme=light] .achievement-icon.locked{background:var(--gray-100);color:var(--gray-400);border:1px solid var(--gray-200)}[data-theme=light] .btn-link{color:var(--primary-600)}[data-theme=light] .btn-link:hover{color:var(--primary-700)}[data-theme=light] .projection-banner{background:linear-gradient(135deg,#3b82f614,#6366f10a);border-color:#3b82f633}[data-theme=light] .projection-banner i{color:var(--primary-600)}[data-theme=light] .projection-banner span{color:var(--gray-700)}[data-theme=light] .projection-banner span strong{color:var(--primary-600)}[data-theme=light] .stats-empty{background:#fff;border-color:var(--gray-300)}[data-theme=light] .stats-empty h2{color:var(--gray-900)}[data-theme=light] .stats-empty p{color:var(--gray-600)}[data-theme=light] .stats-empty .btn-secondary{border-color:var(--gray-300);color:var(--gray-600)}[data-theme=light] .stats-empty .btn-secondary:hover{border-color:var(--primary-500);color:var(--primary-600)}[data-theme=light] .kpi-mini-chart{color:var(--primary-500)}.coaches-view{max-width:1200px;margin:0 auto;padding:1rem}.coaches-hero{position:relative;background:linear-gradient(135deg,var(--primary-500),var(--primary-600),#8b5cf6);border-radius:1.5rem;padding:3rem 2rem;margin-bottom:2rem;overflow:hidden;color:#fff;text-align:center;box-shadow:var(--shadow-lg)}.coaches-hero .hero-content{position:relative;z-index:2}.coaches-hero .hero-icon{width:80px;height:80px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:2px solid rgba(255,255,255,.3)}.coaches-hero .hero-icon i{font-size:2.5rem;color:#fff}.coaches-hero h1{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.coaches-hero p{font-size:1.1rem;opacity:.95;max-width:500px;margin:0 auto 1.5rem;line-height:1.6}.coaches-hero .hero-progress{max-width:300px;margin:0 auto}.coaches-hero .hero-progress .progress-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem;display:block}.coaches-hero .hero-progress .progress-bar{height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden}.coaches-hero .hero-progress .progress-bar .progress-fill{height:100%;background:#fff;border-radius:4px;transition:width .6s ease}.coaches-hero .hero-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.coaches-hero .hero-decoration .floating-icon{position:absolute;width:50px;height:50px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:coaches-float 4s ease-in-out infinite}.coaches-hero .hero-decoration .floating-icon i{font-size:1.25rem;opacity:.6}.coaches-hero .hero-decoration .floating-icon.icon-1{top:15%;left:10%;animation-delay:0s}.coaches-hero .hero-decoration .floating-icon.icon-2{top:25%;right:12%;animation-delay:1s}.coaches-hero .hero-decoration .floating-icon.icon-3{bottom:20%;left:15%;animation-delay:2s}@keyframes coaches-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coaches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}@media(max-width:1024px){.coaches-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.coaches-grid{grid-template-columns:1fr}}.coach-card{position:relative;background:#fff;border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease;border:2px solid var(--gray-200);box-shadow:var(--shadow)}.coach-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary-400)}.coach-card.locked{cursor:pointer}.coach-card.locked:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.08) 100%);pointer-events:none;border-radius:var(--radius-md)}.coach-card.locked .coach-body{opacity:.9}.coach-card.beginner .coach-header{background:linear-gradient(135deg,#10b981,#059669)}.coach-card.intermediate .coach-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.coach-card.advanced .coach-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.coach-card.beginner .coach-level-tag{background:#10b981}.coach-card.beginner .unlock-progress .progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.coach-card.beginner .btn-coach-start{background:linear-gradient(135deg,#10b981,#059669)}.coach-card.beginner .btn-coach-start:hover{background:linear-gradient(135deg,#059669,#047857)}.coach-card.intermediate .coach-level-tag{background:#3b82f6}.coach-card.intermediate .unlock-progress .progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.coach-card.intermediate .btn-coach-start{background:linear-gradient(135deg,#3b82f6,#2563eb)}.coach-card.intermediate .btn-coach-start:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.coach-card.advanced .coach-level-tag{background:#8b5cf6}.coach-card.advanced .unlock-progress .progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.coach-card.advanced .btn-coach-start{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.coach-card.advanced .btn-coach-start:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.status-badge{position:absolute;top:1rem;right:1rem;padding:.4rem .85rem;border-radius:2rem;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.4rem;z-index:10}.status-badge.unlocked{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98166}.status-badge.locked{background:#00000080;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge i{font-size:.7rem}.coach-header{position:relative;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#fff;text-align:center}.coach-avatar{width:72px;height:72px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 16px #0003}.coach-avatar i{font-size:1.75rem;color:#fff}.coach-level-tag{padding:.35rem .9rem;border-radius:1rem;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.coach-body{padding:1.25rem 1.5rem 1rem;text-align:center;background:#fff}.coach-name{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.coach-tagline{font-size:.9rem;color:var(--primary-500);font-weight:600;margin-bottom:.75rem}.coach-description{font-size:.85rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem}.coach-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;text-align:left}.coach-features li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--gray-600)}.coach-features li i{color:var(--success-500);font-size:.75rem}.coach-footer{padding:1.25rem 1.5rem;background:var(--gray-50);border-top:1px solid var(--gray-200)}.btn-coach-start{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow)}.btn-coach-start:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-coach-start i{font-size:.8rem}.unlock-progress .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.unlock-progress .progress-text{font-size:.85rem;font-weight:600;color:var(--gray-800)}.unlock-progress .progress-bar{height:10px;background:var(--gray-200);border-radius:5px;overflow:hidden;margin-bottom:.75rem}.unlock-progress .progress-bar .progress-fill{height:100%;border-radius:5px;transition:width .6s ease}.unlock-progress .unlock-requirement{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--gray-500);margin:0}.unlock-progress .unlock-requirement i{font-size:.7rem;color:var(--warning-500)}.locked-overlay{display:none}.how-it-works{margin-bottom:2.5rem}.how-it-works h2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.how-it-works h2 i{color:var(--primary-500)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:700px){.steps-grid{grid-template-columns:1fr}}.step-card{position:relative;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.step-card:hover{transform:translateY(-3px);border-color:var(--primary-400);box-shadow:var(--shadow)}.step-card .step-number{position:absolute;top:-.6rem;left:-.6rem;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-weight:700;font-size:.9rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.step-card .step-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.step-card .step-icon i{font-size:1.5rem;color:var(--primary-500)}.step-card h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.step-card p{font-size:.85rem;color:var(--gray-600);line-height:1.5;margin:0}.your-progress{margin-bottom:2rem}.progress-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.progress-card .progress-header{padding:1rem 1.5rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.progress-card .progress-header h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0;display:flex;align-items:center;gap:.5rem}.progress-card .progress-header h3 i{color:var(--primary-500)}.progress-card .progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.progress-card .stat-item{text-align:center}.progress-card .stat-item .stat-value{display:block;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;color:var(--primary-500);line-height:1.2}.progress-card .stat-item .stat-label{font-size:.8rem;color:var(--gray-500)}.coach-locked-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.coach-locked-modal .modal-backdrop{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.coach-locked-modal .modal-content{position:relative;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-xl)}.coach-locked-modal .modal-icon{width:72px;height:72px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.coach-locked-modal .modal-icon i{font-size:2rem;color:var(--gray-400)}.coach-locked-modal .modal-icon.locked{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66}.coach-locked-modal .modal-icon.locked i{color:#fff}.coach-locked-modal h2{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.coach-locked-modal .coach-name-modal{color:var(--primary-500);font-weight:600;margin-bottom:1.5rem}.coach-locked-modal .progress-section{margin-bottom:1.5rem}.coach-locked-modal .progress-circular{position:relative;width:100px;height:100px;margin:0 auto}.coach-locked-modal .progress-circular svg{transform:rotate(-90deg);width:100%;height:100%}.coach-locked-modal .progress-circular circle{fill:none;stroke-width:8;stroke-linecap:round}.coach-locked-modal .progress-circular circle.bg{stroke:var(--gray-200)}.coach-locked-modal .progress-circular circle.fill{stroke:var(--primary-500);transition:stroke-dashoffset .8s ease}.coach-locked-modal .progress-circular .progress-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.coach-locked-modal .requirements{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem;text-align:left}.coach-locked-modal .requirements h4{font-size:.9rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.coach-locked-modal .requirements>p{font-size:.85rem;color:var(--gray-600);margin-bottom:1rem}.coach-locked-modal .current-stats{display:flex;flex-direction:column;gap:.5rem}.coach-locked-modal .req-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--gray-600)}.coach-locked-modal .req-item i{font-size:.75rem;color:var(--gray-400)}.coach-locked-modal .req-item.completed{color:var(--success-600)}.coach-locked-modal .req-item.completed i{color:var(--success-500)}.coach-locked-modal .btn-continue{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-weight:600;font-size:.95rem;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}.coach-locked-modal .btn-continue:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] .coach-card{background:var(--gray-900);border-color:var(--gray-700);box-shadow:var(--shadow-lg)}[data-theme=dark] .coach-card:hover{border-color:var(--primary-400);box-shadow:0 16px 48px #0006}[data-theme=dark] .coach-body{background:var(--gray-900)}[data-theme=dark] .coach-name{color:var(--gray-100)}[data-theme=dark] .coach-tagline{color:var(--primary-400)}[data-theme=dark] .coach-description,[data-theme=dark] .coach-features li{color:var(--gray-400)}[data-theme=dark] .coach-features li i{color:#34d399}[data-theme=dark] .coach-footer{background:var(--gray-800);border-top-color:var(--gray-700)}[data-theme=dark] .unlock-progress .progress-text{color:var(--gray-200)}[data-theme=dark] .unlock-progress .progress-bar{background:var(--gray-700)}[data-theme=dark] .unlock-progress .unlock-requirement{color:var(--gray-400)}[data-theme=dark] .step-card{background:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .step-card:hover{border-color:var(--primary-400)}[data-theme=dark] .step-card .step-icon{background:#3b82f626}[data-theme=dark] .step-card h3{color:var(--gray-100)}[data-theme=dark] .step-card p{color:var(--gray-400)}[data-theme=dark] .how-it-works h2{color:var(--gray-100)}[data-theme=dark] .progress-card{background:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .progress-card .progress-header{background:var(--gray-800);border-bottom-color:var(--gray-700)}[data-theme=dark] .progress-card .progress-header h3{color:var(--gray-100)}[data-theme=dark] .progress-card .stat-item .stat-label{color:var(--gray-400)}[data-theme=dark] .coach-locked-modal .modal-content{background:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .coach-locked-modal h2{color:var(--gray-100)}[data-theme=dark] .coach-locked-modal .modal-icon:not(.locked){background:var(--gray-800)}[data-theme=dark] .coach-locked-modal .modal-icon:not(.locked) i{color:var(--gray-500)}[data-theme=dark] .coach-locked-modal .requirements{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .coach-locked-modal .requirements h4{color:var(--gray-200)}[data-theme=dark] .coach-locked-modal .requirements>p{color:var(--gray-400)}[data-theme=dark] .coach-locked-modal .req-item{color:var(--gray-400)}[data-theme=dark] .coach-locked-modal .progress-circular circle.bg{stroke:var(--gray-700)}[data-theme=dark] .coach-locked-modal .progress-circular .progress-value{color:var(--gray-100)}@media(max-width:48rem){.coaches-hero{padding:2rem 1.5rem}.coaches-hero h1{font-size:1.75rem}.coaches-hero p{font-size:1rem}.coaches-hero .hero-decoration{display:none}.progress-card .progress-stats{gap:.5rem}.progress-card .progress-stats .stat-value{font-size:1.75rem}}@media(max-width:30rem){.coaches-view{padding:.75rem}.coaches-hero{padding:1.5rem 1rem;border-radius:var(--radius-md)}.coaches-hero .hero-icon{width:64px;height:64px}.coaches-hero .hero-icon i{font-size:1.75rem}.coaches-hero h1{font-size:1.5rem}.coach-card .coach-body,.coach-card .coach-footer{padding:1rem}}.settings-view{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.settings-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;border-bottom:1px solid var(--gray-200);padding-bottom:1rem;gap:1.5rem;flex-wrap:wrap}.settings-header .header-title h1{font-size:1.75rem;font-weight:800;color:var(--gray-800);display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.settings-header .header-title h1 i{color:var(--primary-500)}.settings-header .header-title .subtitle{font-size:.95rem;color:var(--gray-500)}[data-theme=dark] .settings-header{border-bottom-color:var(--gray-800)}[data-theme=dark] .settings-header .header-title h1{color:var(--gray-100)}[data-theme=dark] .settings-header .header-title .subtitle{color:var(--gray-400)}.settings-tabs{display:flex;gap:.5rem}.settings-tabs .tab-btn{border:none;background:transparent;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;color:var(--gray-500);cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.settings-tabs .tab-btn:hover{background:var(--gray-100);color:var(--gray-700)}.settings-tabs .tab-btn.active{background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .settings-tabs .tab-btn{color:var(--gray-400)}[data-theme=dark] .settings-tabs .tab-btn:hover{background:var(--gray-800);color:var(--gray-200)}[data-theme=dark] .settings-tabs .tab-btn.active{background:#3b82f626;color:var(--primary-400)}.settings-content-wrapper{position:relative;padding-top:1rem}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}#tab-stats.stats-view{padding:0;width:100%;margin:0}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;margin:1.5rem auto 0}@media(max-width:480px){.config-grid{grid-template-columns:1fr;margin-top:1rem}}.settings-card{background:#fff;border-radius:16px;border:1px solid var(--gray-200);overflow:hidden}.settings-card .card-header{background:var(--gray-50);padding:1rem 1.25rem;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.settings-card .card-header h3{font-size:1.05rem;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:.6rem}.settings-card .card-header h3 i{color:var(--primary-500)}.settings-card .card-header .card-badge{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:var(--gray-500);background:var(--gray-200);padding:.2rem .5rem;border-radius:4px}.settings-card .settings-body{padding:1.5rem}.settings-card .settings-desc{font-size:.9rem;color:var(--gray-500);margin-bottom:1.5rem}[data-theme=dark] .settings-card{background:var(--gray-900);border-color:var(--gray-800)}[data-theme=dark] .settings-card .card-header{background:var(--gray-800);border-bottom-color:var(--gray-700)}[data-theme=dark] .settings-card .card-header h3{color:var(--gray-100)}[data-theme=dark] .settings-card .card-header .card-badge{background:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .settings-card .settings-desc{color:var(--gray-400)}.settings-control-group{margin-bottom:1.5rem}.settings-control-group .control-label{display:block;font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:.75rem}[data-theme=dark] .settings-control-group .control-label{color:var(--gray-300)}.accent-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.accent-selector .selector-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:10px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s;font-size:.9rem}.accent-selector .selector-btn .flag{font-size:1.25rem}.accent-selector .selector-btn:hover{border-color:var(--primary-300);background:var(--white)}.accent-selector .selector-btn.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}[data-theme=dark] .accent-selector .selector-btn{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .accent-selector .selector-btn:hover{border-color:var(--primary-500)}[data-theme=dark] .accent-selector .selector-btn.active{background:#3b82f626;border-color:var(--primary-500);color:var(--primary-400)}.speed-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.speed-selector .selector-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .4rem;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:10px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s;font-size:.8rem}.speed-selector .selector-btn:hover{border-color:var(--primary-300);background:var(--white)}.speed-selector .selector-btn.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}[data-theme=dark] .speed-selector .selector-btn{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .speed-selector .selector-btn:hover{border-color:var(--primary-500)}[data-theme=dark] .speed-selector .selector-btn.active{background:#3b82f626;border-color:var(--primary-500);color:var(--primary-400)}.btn-primary-outline{width:100%;padding:.75rem;border:2px solid var(--primary-500);background:transparent;color:var(--primary-500);border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-primary-outline:hover{background:var(--primary-50)}[data-theme=dark] .btn-primary-outline:hover{background:#3b82f626}.settings-item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.settings-item-row .item-info{display:flex;flex-direction:column}.settings-item-row .item-info .item-title{font-weight:600;color:var(--gray-700);font-size:.95rem}.settings-item-row .item-info .item-desc{font-size:.8rem;color:var(--gray-500)}[data-theme=dark] .settings-item-row .item-info .item-title{color:var(--gray-200)}[data-theme=dark] .settings-item-row .item-info .item-desc{color:var(--gray-500)}.divider{height:1px;background:var(--gray-200);margin:1rem 0}[data-theme=dark] .divider{background:var(--gray-800)}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--gray-200);background:#fff;color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:var(--gray-100);color:var(--primary-500);border-color:var(--primary-300)}[data-theme=dark] .icon-btn{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .icon-btn:hover{background:var(--gray-700);color:var(--primary-400)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;opacity:.5}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:not-allowed;inset:0;background-color:var(--gray-300);transition:.4s;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--primary-500)}.toggle-switch input:checked+.slider:before{transform:translate(20px)}[data-theme=dark] .toggle-switch .slider{background-color:var(--gray-600)}.app-version{text-align:center;font-size:.75rem;color:var(--gray-400);margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background:var(--gray-950);color:var(--gray-300)}[data-theme=dark] .navbar{background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}[data-theme=dark] .logo{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .logo i{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .nav-link{color:var(--gray-400);font-weight:500;transition:all .2s ease}[data-theme=dark] .nav-link:hover{color:var(--gray-100);background:#ffffff0d}[data-theme=dark] .nav-link.active{color:#60a5fa;background:#3b82f61a}[data-theme=dark] .nav-link:before{display:none}[data-theme=dark] .theme-toggle{background:transparent;border-color:transparent;color:var(--gray-400)}[data-theme=dark] .theme-toggle:hover{color:#fbbf24;background:#fbbf241a}[data-theme=dark] .stat-card,[data-theme=dark] .word-card,[data-theme=dark] .form-grid,[data-theme=dark] .review-card,[data-theme=dark] .empty-state,[data-theme=dark] .quick-tips,[data-theme=dark] .progress-stat,[data-theme=dark] .chart-card{background:var(--gray-900);border:1px solid var(--gray-800);box-shadow:var(--shadow);border-radius:var(--radius)}[data-theme=dark] .word-card{transition:all .2s ease}[data-theme=dark] .word-card:hover{transform:translateY(-2px);border-color:var(--primary-500);box-shadow:var(--shadow-md),0 0 0 1px #3b82f61a;background:#152033}[data-theme=dark] .stat-value,[data-theme=dark] .word-info h3,[data-theme=dark] .form-title-add,[data-theme=dark] .review-word,[data-theme=dark] main#app h2{color:var(--gray-50)}[data-theme=dark] .stat-label,[data-theme=dark] .word-info .meaning-text,[data-theme=dark] .form-subtitle{color:var(--gray-400)}[data-theme=dark] .stat-total .stat-icon{background:#3b82f626;color:#60a5fa}[data-theme=dark] .stat-remembered .stat-icon{background:#10b98126;color:#34d399}[data-theme=dark] .stat-forgotten .stat-icon{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .stat-retention .stat-icon{background:#0ea5e926;color:#38bdf8}[data-theme=dark] .search-box input,[data-theme=dark] .form-field input,[data-theme=dark] .form-field textarea,[data-theme=dark] .form-field select,[data-theme=dark] .filters select,[data-theme=dark] .typing-input{background:var(--gray-950);border-color:var(--gray-800);color:var(--gray-100);border-radius:var(--radius)}[data-theme=dark] .search-box input::placeholder,[data-theme=dark] .form-field input::placeholder,[data-theme=dark] .form-field textarea::placeholder,[data-theme=dark] .form-field select::placeholder,[data-theme=dark] .filters select::placeholder,[data-theme=dark] .typing-input::placeholder{color:var(--gray-600)}[data-theme=dark] .search-box input:focus,[data-theme=dark] .form-field input:focus,[data-theme=dark] .form-field textarea:focus,[data-theme=dark] .form-field select:focus,[data-theme=dark] .filters select:focus,[data-theme=dark] .typing-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f633;background:var(--gray-950)}[data-theme=dark] .search-icon,[data-theme=dark] .filter-icon{color:var(--gray-500)}[data-theme=dark] .clear-btn{background:#ffffff0d;color:var(--gray-400)}[data-theme=dark] .clear-btn:hover{background:#ffffff1a;color:var(--gray-200)}[data-theme=dark] .action-btn,[data-theme=dark] .secondary-btn{background:var(--gray-800);border:1px solid var(--gray-700);color:var(--gray-300);border-radius:var(--radius)}[data-theme=dark] .action-btn:hover,[data-theme=dark] .secondary-btn:hover{background:var(--gray-700);border-color:var(--gray-600);color:#fff}[data-theme=dark] .back-btn{background:transparent;border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .back-btn:hover{background:var(--gray-800);color:#fff}[data-theme=dark] .results-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-left:3px solid var(--primary-500);color:var(--primary-200)}[data-theme=dark] .results-count{color:var(--primary-400)}[data-theme=dark] .type-tag{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .category-tag{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}[data-theme=dark] .category-tag i{color:#64748b}[data-theme=dark] .remembered{background:#10b98133!important;color:#6ee7b7!important;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .forgotten{background:#f59e0b33!important;color:#fcd34d!important;border:1px solid rgba(245,158,11,.3)}[data-theme=dark] .review-count-tag{background:var(--gray-800);color:var(--gray-400)}[data-theme=dark] .field-tip{background:#0f172a99;color:var(--primary-200);border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .field-tip i{color:var(--primary-400)}[data-theme=dark] .form-field label{color:var(--gray-300)}[data-theme=dark] .form-field label i{color:var(--primary-500)}[data-theme=dark] .quick-tips{background:var(--gray-900);border:1px solid var(--gray-800)}[data-theme=dark] .quick-tips h3{color:var(--gray-100)}[data-theme=dark] .quick-tips h3 i{color:var(--primary-400)}[data-theme=dark] .quick-tips li{color:var(--gray-400)}[data-theme=dark] .quick-tips li strong{color:var(--gray-300)}[data-theme=dark] .streak-card{background:linear-gradient(135deg,#451a0366,#78350f1a);border:1px solid rgba(245,158,11,.3);color:#fbbf24}[data-theme=dark] .modal-overlay{background:#020617d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .modal-content{background:var(--gray-900);border:1px solid var(--gray-700);box-shadow:var(--shadow-xl)}[data-theme=dark] .modal-header{border-bottom-color:var(--gray-800)}[data-theme=dark] .modal-header h3{color:var(--gray-50)}[data-theme=dark] .modal-close{background:transparent;color:var(--gray-500)}[data-theme=dark] .modal-close:hover{background:var(--gray-800);color:var(--gray-200)}[data-theme=dark] .footer{background:var(--gray-950);border-top:1px solid var(--gray-900)}[data-theme=dark] .footer-content{color:var(--gray-500)}[data-theme=dark] .footer a{color:var(--primary-500)}[data-theme=dark] .footer a:hover{color:var(--primary-400)}[data-theme=dark] .chart-title{color:var(--gray-300)}[data-theme=dark] .chart-card{background:var(--gray-900)}[data-theme=dark] .pack-card{background:var(--gray-900);border:1px solid var(--gray-700);transition:all .2s ease}[data-theme=dark] .pack-card:hover{background:var(--gray-800);border-color:var(--primary-500)}[data-theme=dark] .pack-card.selected{background:#3b82f61a;border-color:var(--primary-500)}[data-theme=dark] .pack-icon{background:var(--gray-800);color:var(--primary-400)}[data-theme=dark] .pack-info h4{color:var(--gray-100)}[data-theme=dark] .pack-info p{color:var(--gray-400)}[data-theme=dark] .btn-cancel{background:transparent;border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .btn-cancel:hover{background:var(--gray-800);color:#fff}[data-theme=dark] .mode-card{background:var(--gray-900);border:1px solid var(--gray-800)}[data-theme=dark] .mode-card:hover{border-color:var(--primary-600);background:#152033}[data-theme=dark] .empty-state h3,[data-theme=dark] .packs-header h4,[data-theme=dark] .mode-card h3{color:var(--gray-100)}[data-theme=dark] .empty-state p,[data-theme=dark] .mode-card p{color:var(--gray-400)}[data-theme=dark] .import-packs-btn{color:var(--primary-400);background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .import-packs-btn:hover:not(:disabled){background:#3b82f633;color:var(--primary-300)}[data-theme=dark] .import-packs-btn:disabled{color:var(--gray-600);background:#ffffff0d;border-color:transparent}[data-theme=dark] .quiz-word{color:var(--primary-400)}[data-theme=dark] .quiz-option{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .quiz-option:hover{background:var(--gray-800);border-color:var(--primary-500);color:#fff}[data-theme=dark] .answer-section{background:var(--gray-800)}[data-theme=dark] .answer-section .section-content{color:var(--gray-300)}[data-theme=dark] .answer-section .section-label{color:var(--gray-400)}[data-theme=dark] .review-mode-card h3,[data-theme=dark] .mode-card .mode-title{color:var(--gray-100)!important}[data-theme=dark] .controls-bar{background:var(--gray-900);border-color:var(--gray-800)}[data-theme=dark] .filters .filter-group select:hover{background:var(--gray-800);border-color:var(--primary-500);color:var(--primary-300)}[data-theme=dark] .word-card{background:var(--gray-900);border-color:var(--gray-800)}[data-theme=dark] .word-card:hover{background:#152033;border-color:var(--primary-500)}[data-theme=dark] .word-card .card-section.emotion-section{background:linear-gradient(135deg,#f43f5e1a,#f43f5e0d);border-left-color:#fb7185}[data-theme=dark] .word-card .card-section.emotion-section .section-label i{color:#fb7185}[data-theme=dark] .word-card .card-section.emotion-section .emotion-text{color:var(--gray-200)}[data-theme=dark] .word-card .card-section.example-section{background:var(--gray-800);border-left-color:var(--gray-600)}[data-theme=dark] .word-card .card-section.example-section .example{color:var(--gray-400)}[data-theme=dark] .type-tag.type-word{background:#3b82f626;color:#93c5fd;border-color:#3b82f64d}[data-theme=dark] .type-tag.type-phrasal{background:#8b5cf626;color:#c4b5fd;border-color:#8b5cf64d}[data-theme=dark] .type-tag.type-expression{background:#f9731626;color:#fdba74;border-color:#f973164d}[data-theme=dark] .type-tag.type-connector{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}[data-theme=dark] .actions{border-top-color:var(--gray-800)}[data-theme=dark] .actions .edit-btn{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .actions .edit-btn:hover{background:var(--gray-700);color:var(--primary-300);border-color:var(--primary-500)}[data-theme=dark] .actions .delete{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-500)}[data-theme=dark] .actions .delete:hover{background:#ef44441a;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .actions .toggle{background:#10b9811a;border-color:#10b98133;color:#34d399}[data-theme=dark] .actions .toggle:hover{background:#10b98133;border-color:#34d399}[data-theme=dark] .actions .toggle.unmark{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .actions .toggle.unmark:hover{background:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .speak-btn{background:#3b82f61a;color:var(--primary-400)}[data-theme=dark] .speak-btn:hover{background:var(--primary-600);color:#fff}[data-theme=dark] .mastery-tag.mastery-new{background:#22c55e26;color:#86efac;border-color:#22c55e4d}[data-theme=dark] .mastery-tag.mastery-apprentice{background:#eab30826;color:#fde047;border-color:#eab3084d}[data-theme=dark] .mastery-tag.mastery-guru{background:#f9731626;color:#fdba74;border-color:#f973164d}[data-theme=dark] .mastery-tag.mastery-master{background:#d946ef26;color:#f0abfc;border-color:#d946ef4d}[data-theme=dark] .due-tag{background:#f59e0b33;color:#fcd34d;border-color:#f59e0b66}[data-theme=dark] .nav-badge{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444480}[data-theme=dark] .mode-card.featured{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f166}[data-theme=dark] .mode-card.featured .mode-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=dark] .mode-card.featured .mode-title{color:#a5b4fc!important}[data-theme=dark] .mode-card.featured:hover{border-color:#818cf8;background:linear-gradient(135deg,#6366f140,#8b5cf640)}[data-theme=dark] .mode-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}[data-theme=dark] .word-meta .next-review{color:#34d399}[data-theme=dark] .word-meta .next-review i{color:#10b981}[data-theme=dark] .review-settings{background:var(--gray-900);border-color:var(--gray-800)}[data-theme=dark] .review-settings h3{color:var(--gray-100)}[data-theme=dark] .setting-group .setting-label{color:var(--gray-400)}[data-theme=dark] .limit-options .limit-btn{border-color:var(--gray-700);color:var(--gray-400)}[data-theme=dark] .limit-options .limit-btn:hover{background:var(--gray-800);border-color:var(--primary-500);color:var(--primary-400)}[data-theme=dark] .limit-options .limit-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}[data-theme=dark] .type-options .type-chip{background:var(--gray-950);border-color:var(--gray-800);color:var(--gray-400)}[data-theme=dark] .type-options .type-chip:hover{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .type-options .type-chip.active{background:#3b82f61a;border-color:var(--primary-500);color:var(--primary-300)}[data-theme=dark] .streak-mini{background:#f59e0b1a;border-color:#f59e0b33}[data-theme=dark] .streak-mini .streak-label{color:var(--warning-500)}[data-theme=dark] .streak-mini .daily-meta{color:var(--warning-100);opacity:.6}@media(max-width:768px){.navbar{padding:1.5rem 1rem .75rem;height:auto;flex-direction:column;gap:.75rem}.nav-links{width:100%;justify-content:center}.nav-link span{display:none}.nav-link{padding:.6rem 1rem}main#app{padding:1.5rem 1rem}.stats-dashboard{grid-template-columns:repeat(2,1fr)}.controls-bar{flex-direction:column}.action-buttons{width:100%;justify-content:stretch}.action-btn{flex:1;justify-content:center}.action-btn span{display:none}.filters{flex-direction:column}.filter-group,.filters select{width:100%}.word-list{grid-template-columns:1fr}.form-grid{padding:1.25rem}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}.review-actions{grid-template-columns:1fr}.keyboard-hints,.progress-stat .progress-label{display:none}.edit-form{padding:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;justify-content:center}}@media(max-width:480px){.stats-dashboard{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px;font-size:1.1rem}.review-word{font-size:1.5rem}.review-progress{gap:.75rem}.progress-stat{padding:.5rem .75rem;font-size:.9rem}}