.mode-selector{margin-bottom:24px}.mode-selector h3{margin:0 0 16px;font-size:1.1rem;color:var(--color-dark);text-align:center}.mode-options{display:flex;flex-direction:column;gap:12px}.mode-option{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background-color:var(--color-light);border:2px solid var(--color-gray-200);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.mode-option:hover:not(:disabled){border-color:var(--color-primary);background-color:#fff8e6}.mode-option.selected{border-color:var(--color-primary);background-color:#fff8e6;box-shadow:0 0 0 3px #fda40026}.mode-option:disabled{opacity:.6;cursor:not-allowed}.mode-icon{font-size:1.5rem;margin-bottom:8px}.mode-title{font-size:1rem;font-weight:600;color:var(--color-dark);margin-bottom:4px}.mode-description{font-size:.85rem;color:var(--color-gray-500);line-height:1.4}@media (min-width: 640px){.mode-options{flex-direction:row}.mode-option{flex:1}}.achievement-display{background-color:#fff;border-radius:12px;padding:20px;margin-top:16px}.achievement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.achievement-header h3{margin:0;font-size:1.1rem;color:#1a1a2e}.achievement-count{font-size:.85rem;color:#6b7280;background-color:#f1f5f9;padding:4px 10px;border-radius:12px}.achievement-category{margin-bottom:20px}.achievement-category:last-child{margin-bottom:0}.achievement-category h4{font-size:.8rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.achievement-card{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#f8fafc;border-radius:10px;transition:all .2s}.achievement-card.unlocked{background-color:#fef3c7;border:1px solid #fbbf24}.achievement-card.locked{opacity:.7}.achievement-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px}.achievement-card.locked .achievement-icon{background-color:#e2e8f0}.achievement-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.achievement-title{font-size:.9rem;font-weight:600;color:#1a1a2e}.achievement-description{font-size:.8rem;color:#6b7280;line-height:1.3}.achievement-date{font-size:.7rem;color:#9ca3af;margin-top:4px}.achievement-progress{margin-top:6px}.achievement-progress-bar{height:4px;background-color:#e2e8f0;border-radius:2px;overflow:hidden}.achievement-progress-fill{height:100%;background-color:#00843d;border-radius:2px;transition:width .3s ease}.achievement-progress-text{font-size:.7rem;color:#9ca3af;margin-top:2px}.achievement-toast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.achievement-toast{background-color:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-header{text-align:center;margin-bottom:20px}.toast-title{font-size:1.25rem;font-weight:700;color:#1a1a2e}.toast-achievements{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.toast-achievement{display:flex;align-items:center;gap:12px;padding:12px;background-color:#fef3c7;border-radius:10px;border:1px solid #fbbf24}.toast-icon{font-size:2rem}.toast-info{display:flex;flex-direction:column}.toast-achievement-title{font-size:1rem;font-weight:600;color:#1a1a2e}.toast-achievement-desc{font-size:.85rem;color:#6b7280}.toast-dismiss{width:100%;padding:12px 24px;background-color:#00843d;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.toast-dismiss:hover{background-color:#006b32}.export-menu-container{position:relative;display:inline-block}.export-trigger{padding:8px 16px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#4b5563;font-size:.85rem;cursor:pointer;transition:all .2s}.export-trigger:hover:not(:disabled){background-color:#e2e8f0}.export-trigger:disabled{opacity:.5;cursor:not-allowed}.export-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.export-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:100;min-width:280px;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s}.export-option:hover{background-color:#f8fafc}.export-option:not(:last-child){border-bottom:1px solid #f1f5f9}.export-icon{font-size:1.5rem;flex-shrink:0}.export-option-info{display:flex;flex-direction:column}.export-option-title{font-size:.95rem;font-weight:500;color:#1a1a2e}.export-option-desc{font-size:.8rem;color:#6b7280}.pronunciation-practice{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.pronunciation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pronunciation-header h3{margin:0;font-size:1rem;color:#1a1a2e}.session-average{font-size:.85rem;color:#6b7280}.session-average span{font-weight:600;margin-left:4px}.start-practice-btn{width:100%;padding:12px 20px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background-color .2s}.start-practice-btn:hover{background-color:#7c3aed}.practice-area{display:flex;flex-direction:column;gap:16px}.phrase-display{text-align:center}.phrase-label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px}.phrase-text{font-size:1.25rem;font-weight:600;color:#1a1a2e;background-color:#f8fafc;padding:20px;border-radius:8px;margin:0 0 8px;line-height:1.4}.phrase-hint{font-size:.85rem;color:#6b7280;margin:0 0 16px;font-style:italic}.recording-section{margin-bottom:16px}.record-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;background-color:#dc2626;color:#fff;border:none;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .2s}.record-btn:hover:not(:disabled){background-color:#b91c1c;transform:scale(1.02)}.record-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.record-icon{font-size:1.25rem}.recording-active{background-color:#fef2f2;border:2px solid #dc2626;border-radius:12px;padding:20px}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;font-size:1rem;color:#dc2626;font-weight:500}.pulse-dot{width:12px;height:12px;background-color:#dc2626;border-radius:50%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.live-transcript{background-color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:1rem;color:#1a1a2e;min-height:48px;text-align:center}.stop-record-btn{width:100%;padding:12px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.stop-record-btn:hover{background-color:#b91c1c}.recorded-result{background-color:#f0fdf4;border:1px solid #22c55e;border-radius:12px;padding:16px}.recorded-label{display:block;font-size:.85rem;color:#166534;margin-bottom:8px}.recorded-text{font-size:1.1rem;color:#1a1a2e;margin:0 0 12px;font-weight:500}.recorded-actions{display:flex;gap:10px;justify-content:center}.retry-btn{padding:12px 20px;background-color:#f1f5f9;color:#4b5563;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.retry-btn:hover{background-color:#e2e8f0}.speech-not-supported,.speech-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem;text-align:center}.comparison-section{background-color:#f8fafc;border-radius:8px;padding:12px 16px;margin-bottom:16px;text-align:left}.comparison-item{margin-bottom:8px}.comparison-item:last-child{margin-bottom:0}.comparison-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;margin-bottom:2px}.comparison-text{font-size:.95rem;color:#1a1a2e}.comparison-text.spoken{color:#8b5cf6;font-style:italic}.main-feedback{margin-bottom:12px!important}.detailed-feedback{margin:0;padding-left:20px;text-align:left}.detailed-feedback li{font-size:.85rem;color:#166534;margin-bottom:4px}.detailed-feedback li:last-child{margin-bottom:0}.phrase-actions{display:flex;gap:10px;justify-content:center}.submit-btn{padding:12px 24px;background-color:#00843d;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#006b32}.submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.skip-btn{padding:12px 20px;background-color:#f1f5f9;color:#4b5563;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.skip-btn:hover{background-color:#e2e8f0}.score-display{text-align:center}.score-header{margin-bottom:20px}.score-label{display:block;font-size:.85rem;color:#6b7280;margin-bottom:8px}.overall-score{font-size:3rem;font-weight:700}.score-breakdown{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.score-bar-item{text-align:left}.score-bar-header{display:flex;justify-content:space-between;margin-bottom:4px}.score-bar-label{font-size:.85rem;color:#4b5563}.score-bar-value{font-size:.85rem;font-weight:600}.score-bar-track{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.excellent{color:#22c55e}.good{color:#00843d}.average{color:#f59e0b}.needs-work{color:#ef4444}.positive{color:#22c55e}.negative{color:#ef4444}.score-bar-fill.excellent{background-color:#22c55e}.score-bar-fill.good{background-color:#00843d}.score-bar-fill.average{background-color:#f59e0b}.score-bar-fill.needs-work{background-color:#ef4444}.score-feedback{background-color:#f0fdf4;padding:12px 16px;border-radius:8px;margin-bottom:16px}.score-feedback p{margin:0;color:#166534;font-size:.95rem}.score-actions{display:flex;gap:10px;justify-content:center}.next-btn{padding:12px 24px;background-color:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.next-btn:hover{background-color:#7c3aed}.stop-practice-btn{padding:12px 20px;background-color:#f1f5f9;color:#4b5563;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.stop-practice-btn:hover{background-color:#e2e8f0}.practice-progress{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e2e8f0;font-size:.85rem;color:#6b7280}.mini-scores{display:flex;gap:6px}.mini-score{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:.75rem;font-weight:600;background-color:#f8fafc}.pronunciation-stats{background-color:#fff;border-radius:12px;padding:20px;margin-top:16px}.pronunciation-stats.empty{text-align:center;color:#6b7280}.pronunciation-stats.empty p{margin:0}.pronunciation-stats h3{margin:0 0 16px;font-size:1.1rem;color:#1a1a2e}.pronunciation-stats h4{margin:16px 0 12px;font-size:.9rem;color:#4b5563}.stats-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 500px){.stats-overview{grid-template-columns:repeat(4,1fr)}}.stat-item{background-color:#f8fafc;padding:12px;border-radius:8px;text-align:center}.stat-item .stat-value{display:block;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-item .stat-label{display:block;font-size:.75rem;color:#6b7280;margin-top:4px}.mode-scores{padding-top:16px;border-top:1px solid #e2e8f0}.mode-score-bars{display:flex;flex-direction:column;gap:10px}.mode-score-item{display:flex;align-items:center;gap:12px}.mode-label{width:80px;font-size:.85rem;color:#4b5563}.mode-bar{flex:1;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.mode-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.mode-value{width:30px;text-align:right;font-size:.85rem;font-weight:600;color:#4b5563}.progress-dashboard{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-left{display:flex;flex-direction:column;gap:8px}.header-right{display:flex;align-items:center}.dashboard-header h2{margin:0;font-size:1.25rem;color:#1a1a2e}.dashboard-tabs{display:flex;gap:4px;margin-bottom:20px;background-color:#f1f5f9;padding:4px;border-radius:10px}.tab-btn{flex:1;padding:10px 16px;background:none;border:none;border-radius:8px;font-size:.9rem;color:#4b5563;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn:hover{color:#1a1a2e}.tab-btn.active{background-color:#fff;color:#1a1a2e;font-weight:500;box-shadow:0 1px 3px #0000001a}.tab-badge{font-size:.75rem;background-color:#e2e8f0;padding:2px 6px;border-radius:10px}.tab-btn.active .tab-badge{background-color:#00843d;color:#fff}.student-name-input input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;width:180px}.student-name-input input:focus{outline:none;border-color:#00843d}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}@media (min-width: 500px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:#f8fafc;border-radius:12px;padding:16px;text-align:center}.stat-card.highlight{background-color:#fef3c7}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.mode-breakdown{margin-bottom:20px}.mode-breakdown h3{font-size:.9rem;color:#4b5563;margin:0 0 12px}.mode-bars{display:flex;flex-direction:column;gap:12px}.mode-bar-item{width:100%}.mode-bar-header{display:flex;justify-content:space-between;margin-bottom:4px}.mode-bar-label{font-size:.85rem;font-weight:500;color:#1a1a2e}.mode-bar-count{font-size:.8rem;color:#6b7280}.mode-bar-track{height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden}.mode-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.mode-bar-fill.everyday{background-color:#3b82f6}.mode-bar-fill.slang{background-color:#00843d}.mode-bar-fill.workplace{background-color:#8b5cf6}.additional-stats{display:flex;gap:24px;padding-top:16px;border-top:1px solid #e2e8f0}.additional-stat{display:flex;flex-direction:column}.additional-stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.additional-stat-value{font-size:1rem;font-weight:600;color:#1a1a2e}.empty-progress{text-align:center;padding:20px;color:#6b7280}.empty-progress p{margin:0}.clear-progress-btn{margin-top:16px;padding:8px 16px;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;font-size:.85rem;cursor:pointer;transition:all .2s}.clear-progress-btn:hover{border-color:#dc2626;color:#dc2626}.audio-visualizer{width:100%;background-color:#1a1a2e;border-radius:12px;overflow:hidden;position:relative}.audio-visualizer canvas{display:block;width:100%;height:80px}.visualizer-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.auth-modal{background:var(--color-light);border-radius:16px;padding:32px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 40px #0003}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-gray-400);line-height:1;padding:4px}.auth-modal-close:hover{color:var(--color-gray-600)}.auth-modal h2{margin:0 0 8px;font-size:1.5rem;color:var(--color-dark)}.auth-modal-subtitle{margin:0 0 24px;color:var(--color-gray-500);font-size:.9rem}.auth-error{background-color:#fee2e2;border:1px solid var(--color-error);color:var(--color-error);padding:12px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:500;color:var(--color-gray-700)}.form-group input{width:100%;padding:12px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 3px #11e8f626}.auth-submit-btn{width:100%;padding:14px;background-color:var(--color-primary);color:var(--color-dark);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px)}.auth-submit-btn:disabled{background-color:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;color:var(--color-gray-500);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--color-primary-dark);cursor:pointer;font-weight:600;font-size:.9rem}.auth-switch button:hover{text-decoration:underline}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;cursor:pointer;transition:background-color .2s,border-color .2s}.user-menu-trigger:hover{background:#f8fafc;border-color:#d1d5db}.user-avatar{width:28px;height:28px;background:#00843d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.user-name{font-size:.9rem;color:#374151;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:.6rem;color:#9ca3af}.menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #0000001f;min-width:200px;z-index:100;overflow:hidden}.dropdown-header{padding:16px;background:#f8fafc}.dropdown-email{display:block;font-size:.85rem;color:#374151;margin-bottom:4px}.dropdown-plan{display:inline-block;font-size:.75rem;font-weight:600;color:#00843d;background:#f0fdf4;padding:2px 8px;border-radius:4px}.dropdown-divider{height:1px;background:#e2e8f0}.dropdown-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:.9rem;color:#374151;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background:#f8fafc}.dropdown-item.logout{color:#dc2626;border-top:1px solid #e2e8f0}.dropdown-item.logout:hover{background:#fef2f2}.usage-badge{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:8px;padding:12px;margin-bottom:16px}.usage-badge.low{background:#fff8e6;border-color:var(--color-primary)}.usage-badge.exhausted{background:#fee2e2;border-color:var(--color-error)}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.plan-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-primary-dark);background:#fff8e6;padding:2px 8px;border-radius:4px}.usage-badge.exhausted .plan-label{color:var(--color-error);background:#fef2f2}.usage-text{font-size:.85rem;color:var(--color-gray-600)}.usage-badge.exhausted .usage-text{color:var(--color-error);font-weight:500}.usage-bar{height:6px;background:var(--color-gray-200);border-radius:3px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-primary));border-radius:3px;transition:width .3s ease}.usage-badge.low .usage-fill{background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary))}.usage-badge.exhausted .usage-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.upgrade-hint{display:block;width:100%;margin-top:8px;padding:8px;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-hint:hover{background:var(--color-primary-dark)}.subscription-plans{padding:24px 0}.plans-header{text-align:center;margin-bottom:32px}.plans-header h2{margin:0 0 8px;font-size:1.75rem;color:var(--color-dark)}.plans-header p{margin:0;color:var(--color-gray-500)}.plans-error{background-color:#fee2e2;border:1px solid var(--color-error);color:var(--color-error);padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.plan-card{background:var(--color-light);border:2px solid var(--color-gray-200);border-radius:16px;padding:24px;position:relative;transition:all .2s ease}.plan-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #fda40026}.plan-card.popular{border-color:var(--color-primary)}.plan-card.current{border-color:var(--color-secondary);background:#e6f9fb}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-dark);padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-secondary);color:var(--color-dark);padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700}.plan-card h3{margin:0 0 4px;font-size:1.25rem;color:var(--color-dark)}.plan-description{margin:0 0 16px;color:var(--color-gray-500);font-size:.85rem}.plan-price{margin-bottom:8px}.price-amount{font-size:2rem;font-weight:700;color:var(--color-dark)}.price-period{color:var(--color-gray-500);font-size:.9rem}.plan-minutes{font-size:1.1rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:16px}.plan-features{list-style:none;padding:0;margin:0 0 20px}.plan-features li{padding:6px 0 6px 24px;position:relative;color:var(--color-gray-600);font-size:.9rem}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.plan-button{width:100%;padding:12px;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.plan-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.plan-button:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.plan-button.current{background:var(--color-secondary);color:var(--color-dark)}.manage-subscription{text-align:center;padding-top:16px;border-top:1px solid var(--color-gray-200)}.manage-btn{padding:10px 24px;background:var(--color-light);border:1px solid var(--color-gray-300);border-radius:8px;color:var(--color-gray-600);font-size:.9rem;cursor:pointer;transition:all .2s}.manage-btn:hover{background:var(--color-gray-50);border-color:var(--color-secondary)}@media (max-width: 640px){.plans-grid{grid-template-columns:1fr}}.session-timer{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.session-timer.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;animation:pulse-warning 1s ease-in-out infinite}.session-timer.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}@keyframes pulse-warning{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b66}50%{transform:scale(1.02);box-shadow:0 0 0 8px #f59e0b00}}.timer-display{display:flex;align-items:center;justify-content:center;gap:8px}.timer-icon{font-size:1.2rem;font-weight:700;color:#f59e0b;animation:blink .5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:#166534}.session-timer.warning .timer-value{color:#b45309}.session-timer.expired .timer-value{color:#dc2626}.timer-label{font-size:.85rem;color:#4b5563}.timer-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.timer-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;transition:width 1s linear}.session-timer.warning .timer-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.session-timer.expired .timer-bar-fill{background:linear-gradient(90deg,#dc2626,#ef4444)}:root{--color-primary: #fda400;--color-primary-dark: #e59400;--color-secondary: #11e8f6;--color-secondary-dark: #0ec5d1;--color-accent: #ff65be;--color-dark: #221f1f;--color-light: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-error: #dc2626;--color-success: #22c55e}.aussie-practice-container{max-width:700px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-dark)}.practice-header{text-align:center;margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{height:50px;width:auto}.header-actions{display:flex;align-items:center;gap:12px}.login-btn{padding:8px 20px;background-color:var(--color-primary);color:var(--color-dark);border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.login-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.practice-header h1{font-size:1.75rem;margin:0;color:var(--color-dark);font-weight:700}.practice-header p{color:var(--color-gray-500);font-size:1rem;margin-bottom:12px}.loading-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-gray-500);font-size:1.1rem}.plans-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.plans-modal{background:#fff;border-radius:16px;padding:24px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.plans-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;cursor:pointer;color:#9ca3af;line-height:1;padding:4px;z-index:10}.plans-modal-close:hover{color:#4b5563}.toggle-progress-btn{padding:8px 16px;background-color:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:6px;color:var(--color-gray-600);font-size:.85rem;cursor:pointer;transition:all .2s}.toggle-progress-btn:hover{background-color:var(--color-gray-200);border-color:var(--color-secondary)}.error-message{background-color:#fee2e2;border:1px solid var(--color-error);color:var(--color-error);padding:12px 16px;border-radius:8px;margin-bottom:20px}.start-section{text-align:center}.instructions{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-light) 100%);border-radius:16px;padding:28px;margin-bottom:24px;text-align:center;border:1px solid var(--color-gray-200)}.instructions h2{margin-top:0;color:var(--color-dark);font-size:1.5rem}.instructions p{margin-bottom:0;color:var(--color-gray-600)}.start-button{background-color:var(--color-primary);color:var(--color-dark);border:none;padding:16px 32px;font-size:1.2rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;max-width:320px;box-shadow:0 4px 14px #fda40066}.start-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #fda40080}.start-button:active{transform:translateY(0);box-shadow:0 2px 8px #fda4004d}@keyframes pulse-glow{0%,to{box-shadow:0 4px 14px #fda40066}50%{box-shadow:0 4px 24px #fda400b3,0 0 0 8px #fda40026}}.start-button.pulse-animation{animation:pulse-glow 2s ease-in-out infinite}.start-button.pulse-animation:hover{animation:none;box-shadow:0 6px 20px #fda40080}.session-section{display:flex;flex-direction:column;gap:16px}.session-mode-badge{text-align:center;font-size:.9rem;font-weight:600;color:var(--color-primary-dark);background-color:#fff8e6;border:1px solid rgba(253,164,0,.3);padding:8px 16px;border-radius:20px;align-self:center}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-gray-100);border-radius:8px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.9rem}.status-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.status-indicator.connected .status-dot{background-color:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.session-timer{font-size:.85rem;color:var(--color-gray-500)}.conversation-display{min-height:250px;max-height:350px;overflow-y:auto;background-color:var(--color-light);border:1px solid var(--color-gray-200);border-radius:12px;padding:16px}.empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-gray-400);font-style:italic}.message{margin-bottom:16px;padding:12px 16px;border-radius:12px}.message:last-child{margin-bottom:0}.message.user{background-color:#e6f9fb;border:1px solid rgba(17,232,246,.3);margin-left:40px}.message.agent{background-color:#fff8e6;border:1px solid rgba(253,164,0,.2);margin-right:40px}.message-role{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-gray-500);display:block;margin-bottom:4px}.message-content{margin:0;color:var(--color-dark);line-height:1.5}.text-input-section{display:flex;gap:8px}.text-input{flex:1;padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #11e8f626}.send-button{padding:12px 20px;background-color:var(--color-primary);color:var(--color-dark);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.send-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.send-button:disabled{background-color:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.session-controls{display:flex;justify-content:center}.end-button{padding:14px 32px;background-color:var(--color-error);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.end-button:hover{background-color:#b91c1c;transform:translateY(-1px)}.feedback-section{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background-color:var(--color-gray-50);border-radius:8px}.feedback-section span{color:var(--color-gray-600);font-size:.9rem}.feedback-section button{background:var(--color-light);border:1px solid var(--color-gray-300);border-radius:6px;padding:8px 16px;cursor:pointer;font-size:.9rem;transition:all .2s}.feedback-section button:hover{background-color:var(--color-gray-100);border-color:var(--color-secondary)}.progress-dashboard{margin-bottom:24px}.conversation-display::-webkit-scrollbar{width:6px}.conversation-display::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.conversation-display::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.conversation-display::-webkit-scrollbar-thumb:hover{background:#94a3b8}.button-subtitle{margin-top:8px;margin-bottom:0;color:var(--color-gray-500);font-size:.9rem}.pronunciation-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--color-gray-200)}.section-title{margin:0 0 4px;font-size:1.25rem;color:var(--color-dark)}.section-subtitle{margin:0 0 20px;color:var(--color-gray-500);font-size:.9rem}.anonymous-usage-badge{display:inline-flex;align-items:center;gap:8px;background:#e6f9fb;border:1px solid rgba(17,232,246,.3);color:var(--color-dark);padding:8px 16px;border-radius:20px;margin-bottom:20px;font-size:.9rem}.anonymous-usage-badge .usage-time{font-weight:700;color:var(--color-secondary-dark)}.anonymous-usage-badge .usage-label{color:var(--color-gray-600)}.signup-prompt-modal{background:var(--color-light);border-radius:16px;padding:32px;max-width:400px;width:90%;position:relative;text-align:center}.signup-prompt-content h2{font-size:1.5rem;color:var(--color-dark);margin:0 0 12px}.signup-prompt-content>p{color:var(--color-gray-600);margin-bottom:24px}.signup-prompt-benefits{background:var(--color-gray-50);border-radius:12px;padding:16px;margin-bottom:24px}.benefit-item{padding:8px 0;color:var(--color-dark);font-size:.95rem}.benefit-item:before{content:"✓ ";color:var(--color-primary);font-weight:700}.signup-prompt-btn{display:block;width:100%;padding:14px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px}.signup-prompt-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-dark)}.signup-prompt-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fda40066}.signup-prompt-btn.secondary{background:transparent;color:var(--color-gray-600)}.signup-prompt-btn.secondary:hover{background:var(--color-gray-100)}@media (max-width: 480px){.aussie-practice-container{padding:16px}.practice-header h1{font-size:1.5rem}.message.user{margin-left:20px}.message.agent{margin-right:20px}.feedback-section{flex-wrap:wrap}}.speak-free-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f9ff,#e6f9fb)}.speak-free-header{text-align:center;padding:24px 16px;background:var(--color-light);border-bottom:1px solid var(--color-gray-200)}.speak-free-header .header-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.speak-free-header .header-logo{height:48px;width:auto}.speak-free-header h1{margin:0;font-size:1.75rem;color:var(--color-dark)}.speak-free-header .header-subtitle{margin:0;color:var(--color-gray-500);font-size:1rem}.speak-free-main{flex:1;padding:24px 16px;max-width:600px;margin:0 auto;width:100%}.speak-free-main .instructions{text-align:center;margin-bottom:24px}.speak-free-main .instructions h2{font-size:1.5rem;margin:0 0 8px;color:var(--color-dark)}.speak-free-main .instructions p{margin:0;color:var(--color-gray-600)}.speak-free-main .pronunciation-section{background:var(--color-light);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px}.upgrade-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:16px;padding:24px;text-align:center;margin-top:32px}.upgrade-content h3{margin:0 0 8px;color:var(--color-dark);font-size:1.25rem}.upgrade-btn{display:inline-block;background:var(--color-dark);color:var(--color-light);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;transition:all .2s}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.speak-free-footer{text-align:center;padding:16px;color:var(--color-gray-500);font-size:.85rem}.speak-free-footer a{color:var(--color-primary-dark);text-decoration:none}.speak-free-footer a:hover{text-decoration:underline}@media (max-width: 480px){.speak-free-header{padding:16px}.speak-free-header .header-logo{height:40px}.speak-free-header h1{font-size:1.5rem}.speak-free-main,.speak-free-main .pronunciation-section,.upgrade-banner{padding:16px}}.slang-flashcards{display:flex;flex-direction:column;align-items:center;gap:20px}.flashcard-filters{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;gap:12px}.filter-group{display:flex;gap:8px;width:100%}.filter-select{flex:1;padding:10px 12px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:.85rem;background:var(--color-light);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary)}.card-counter{font-size:.9rem;color:var(--color-gray-500);white-space:nowrap}.flashcard-container{perspective:1000px;width:100%;max-width:400px;height:280px;cursor:pointer}.flashcard{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-inner{position:relative;width:100%;height:100%}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;text-align:center}.flashcard-front{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);position:relative}.flashcard-front .term{font-size:2rem;font-weight:700;color:var(--color-dark)}.difficulty-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.favorite-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--color-dark)}.favorite-btn:hover{background:#ffffff80;transform:scale(1.1)}.favorite-btn.active{color:#ef4444;background:#ffffff80}.voice-btn{position:absolute;bottom:16px;left:16px;width:44px;height:44px;border-radius:50%;border:none;background:#0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-btn:hover{background:#0003;transform:scale(1.1)}.voice-btn.recording{background:#ef4444;animation:pulse-record 1s ease-in-out infinite}.mic-icon{font-size:1.2rem}@keyframes pulse-record{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}}.flashcard-back{background:var(--color-light);border:2px solid var(--color-secondary);transform:rotateY(180deg);gap:12px}.flashcard-back .meaning{font-size:1.25rem;font-weight:600;color:var(--color-dark)}.example-section{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.example-label{font-size:.75rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.5px}.flashcard-back .example{font-size:.95rem;color:var(--color-gray-600);font-style:italic}.speak-btn{position:absolute;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.speak-btn:hover{background:#0003;transform:scale(1.1)}.speak-btn.speaking{animation:pulse-speak 1s ease-in-out infinite}.speak-btn.small{position:static;width:32px;height:32px;background:var(--color-gray-100);margin-top:4px}.speak-btn.small:hover{background:var(--color-gray-200)}.speaker-icon{font-size:1.2rem}.speak-btn.small .speaker-icon{font-size:.9rem}@keyframes pulse-speak{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.voice-practice-section{width:100%;max-width:400px;background:var(--color-light);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.listening-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--color-gray-600);font-size:.95rem}.pulse-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}.voice-transcript{text-align:center;color:var(--color-gray-600);font-style:italic;margin:8px 0}.voice-feedback{display:flex;justify-content:space-between;align-items:center;padding:12px;border:2px solid;border-radius:8px;margin-top:8px}.voice-feedback span:first-child{font-weight:600}.voice-score{font-size:1.2rem;font-weight:700}.voice-error{color:#ef4444;text-align:center;font-size:.9rem}.flashcard-nav{display:flex;gap:12px;width:100%;max-width:400px}.nav-btn{flex:1;padding:12px 16px;background:var(--color-light);border:1px solid var(--color-gray-300);border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.flip-btn{flex:1.5;padding:12px 16px;background:var(--color-secondary);color:var(--color-dark);border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.flip-btn:hover{background:var(--color-secondary-dark);transform:translateY(-1px)}@media (max-width: 480px){.flashcard-container{height:240px}.flashcard-front .term{font-size:1.5rem}.flashcard-back .meaning{font-size:1.1rem}.flashcard-back .example{font-size:.85rem}.flashcard-nav{flex-wrap:wrap}.flip-btn{order:-1;flex-basis:100%}.filter-group{flex-direction:column}.favorite-btn{width:32px;height:32px;font-size:1.1rem}.voice-btn,.speak-btn{width:36px;height:36px}.mic-icon,.speaker-icon{font-size:1rem}}.slang-quiz{width:100%;max-width:500px;margin:0 auto}.quiz-start{text-align:center}.quiz-start h2{margin:0 0 8px;font-size:1.5rem;color:var(--color-dark)}.quiz-start>p{margin:0 0 24px;color:var(--color-gray-500)}.quiz-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.option-group{display:flex;flex-direction:column;gap:6px;text-align:left}.option-group label{font-size:.85rem;font-weight:600;color:var(--color-gray-600)}.quiz-select{padding:12px 16px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:1rem;background:var(--color-light);cursor:pointer}.quiz-select:focus{outline:none;border-color:var(--color-primary)}.high-score{margin:0 0 16px;font-weight:600;color:var(--color-primary-dark)}.start-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.quiz-playing{display:flex;flex-direction:column;gap:20px}.quiz-progress{display:flex;justify-content:space-between;font-size:.9rem;color:var(--color-gray-500)}.quiz-score{font-weight:600;color:var(--color-primary-dark)}.question-card{background:var(--color-light);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.question-text{margin:0 0 20px;font-size:1.25rem;color:var(--color-dark);text-align:center}.answer-options{display:flex;flex-direction:column;gap:10px}.answer-btn{padding:14px 16px;background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:10px;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s}.answer-btn:hover:not(:disabled){background:var(--color-light);border-color:var(--color-primary)}.answer-btn:disabled{cursor:default}.answer-btn.correct{background:#dcfce7;border-color:var(--color-success);color:#166534}.answer-btn.incorrect{background:#fee2e2;border-color:var(--color-error);color:#991b1b}.feedback{text-align:center;padding:20px;border-radius:12px}.feedback.correct{background:#dcfce7;border:1px solid var(--color-success)}.feedback.incorrect{background:#fee2e2;border:1px solid var(--color-error)}.feedback p{margin:0 0 12px;font-weight:600}.feedback .example-text{font-style:italic;font-weight:400;color:var(--color-gray-600)}.next-btn{margin-top:12px;padding:12px 24px;background:var(--color-secondary);color:var(--color-dark);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.next-btn:hover{background:var(--color-secondary-dark)}.quiz-results{text-align:center;padding:32px;background:var(--color-light);border-radius:16px;box-shadow:0 4px 12px #0000000d}.quiz-results h2{margin:0 0 24px;font-size:1.5rem;color:var(--color-dark)}.results-score{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.big-score{font-size:4rem;font-weight:700;color:var(--color-primary);line-height:1}.score-label{font-size:1.1rem;color:var(--color-gray-500)}.results-message{margin:0 0 24px;font-size:1.1rem;color:var(--color-gray-600)}@media (max-width: 480px){.question-card{padding:16px}.question-text{font-size:1.1rem}.big-score{font-size:3rem}}.slang-review{width:100%;max-width:500px;margin:0 auto}.review-stats{text-align:center}.review-stats h2{margin:0 0 8px;font-size:1.5rem;color:var(--color-dark)}.stats-subtitle{margin:0 0 24px;color:var(--color-gray-500)}.stat-card{background:var(--color-light);border:1px solid var(--color-gray-200);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.8rem;color:var(--color-gray-500);text-align:center}.review-actions{display:flex;flex-direction:column;gap:12px}.start-btn{padding:14px 32px;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.start-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.start-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed;transform:none}.reset-btn{padding:10px 20px;background:transparent;color:var(--color-gray-500);border:1px solid var(--color-gray-300);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background:var(--color-gray-50);border-color:var(--color-error);color:var(--color-error)}.review-card-section{display:flex;flex-direction:column;align-items:center;gap:20px}.review-progress{font-size:.9rem;color:var(--color-gray-500)}.review-card-section .flashcard-container{perspective:1000px;width:100%;max-width:400px;height:250px;cursor:pointer}.review-card-section .flashcard{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.review-card-section .flashcard.flipped{transform:rotateY(180deg)}.review-card-section .flashcard-inner{position:relative;width:100%;height:100%}.review-card-section .flashcard-front,.review-card-section .flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;border-radius:16px;box-shadow:0 4px 20px #0000001a;box-sizing:border-box;text-align:center}.review-card-section .flashcard-front{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.review-card-section .flashcard-front .term{font-size:2rem;font-weight:700;color:var(--color-dark)}.review-card-section .flashcard-back{background:var(--color-light);border:2px solid var(--color-secondary);transform:rotateY(180deg);gap:16px}.review-card-section .flashcard-back .meaning{font-size:1.25rem;font-weight:600;color:var(--color-dark)}.review-card-section .flashcard-back .example{font-size:.95rem;color:var(--color-gray-600);font-style:italic}.show-answer-btn{padding:14px 32px;background:var(--color-secondary);color:var(--color-dark);border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.show-answer-btn:hover{background:var(--color-secondary-dark)}.rating-section{text-align:center;width:100%}.rating-section p{margin:0 0 12px;color:var(--color-gray-600)}.rating-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rating-btn{padding:12px 8px;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.rating-btn:hover{transform:translateY(-2px)}.rating-1{background:#fee2e2;color:#991b1b}.rating-1:hover{background:#fecaca}.rating-2{background:#ffedd5;color:#9a3412}.rating-2:hover{background:#fed7aa}.rating-3{background:#fef9c3;color:#854d0e}.rating-3:hover{background:#fef08a}.rating-4{background:#dcfce7;color:#166534}.rating-4:hover{background:#bbf7d0}.rating-5{background:#d1fae5;color:#065f46}.rating-5:hover{background:#a7f3d0}.review-complete{text-align:center;padding:32px;background:var(--color-light);border-radius:16px;box-shadow:0 4px 12px #0000000d}.review-complete h2{margin:0 0 12px;font-size:1.5rem;color:var(--color-dark)}.review-complete p{margin:0 0 24px;color:var(--color-gray-600)}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px 8px}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.rating-buttons{grid-template-columns:repeat(3,1fr)}.rating-buttons .rating-btn:nth-child(4),.rating-buttons .rating-btn:nth-child(5){grid-column:span 1}.review-card-section .flashcard-container{height:200px}.review-card-section .flashcard-front .term{font-size:1.5rem}}.fill-in-blank{width:100%}.game-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--color-dark);color:var(--color-light);padding:12px 24px;border-radius:8px;font-weight:500;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-start,.game-results{text-align:center;padding:20px}.game-start h2,.game-results h2{color:var(--color-dark);margin-bottom:12px}.game-start p{color:var(--color-gray-600);margin-bottom:24px}.game-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.option-group{text-align:left}.option-group label{display:block;font-weight:600;color:var(--color-dark);margin-bottom:6px}.game-select{width:100%;padding:12px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:1rem;background:var(--color-light);cursor:pointer}.game-select:focus{outline:none;border-color:var(--color-primary)}.terms-count{color:var(--color-gray-500);font-size:.9rem;margin-bottom:16px}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.start-btn:disabled{opacity:.5;cursor:not-allowed}.game-score{font-weight:600;color:var(--color-primary-dark)}.question-card{background:var(--color-light);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.sentence-text{font-size:1.2rem;color:var(--color-dark);line-height:1.6;margin-bottom:12px}.hint-text{color:var(--color-gray-500);font-style:italic;margin-bottom:20px}.answer-input{width:100%;padding:14px;border:2px solid var(--color-gray-300);border-radius:8px;font-size:1.1rem;margin-bottom:16px;transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--color-primary)}.answer-input.correct{border-color:#22c55e;background:#f0fdf4}.answer-input.incorrect{border-color:#ef4444;background:#fef2f2}.answer-input:disabled{background:var(--color-gray-50)}.submit-btn{width:100%;background:var(--color-secondary);color:var(--color-dark);border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover:not(:disabled){background:var(--color-secondary-dark)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback.correct p{color:#166534}.feedback strong{font-weight:700}.next-btn{background:var(--color-dark);color:var(--color-light);border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:12px;transition:all .2s}.next-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.game-results{padding:40px 20px}@media (max-width: 480px){.game-start,.game-results,.question-card{padding:16px}.sentence-text{font-size:1.1rem}.answer-input{font-size:1rem;padding:12px}.big-score{font-size:3rem}}.sentence-builder{width:100%}.game-start{text-align:center;padding:20px}.game-start h2{color:var(--color-dark);margin-bottom:12px}.game-start p{color:var(--color-gray-600);margin-bottom:8px}.game-tip{font-size:.9rem;color:var(--color-gray-500);margin-bottom:24px!important}.game-playing{padding:20px 0}.game-progress{display:flex;justify-content:space-between;margin-bottom:20px;font-size:.95rem;color:var(--color-gray-600)}.sentence-display{background:var(--color-light);border-radius:12px;padding:24px;margin-bottom:20px;font-size:1.25rem;line-height:2;text-align:center;box-shadow:0 2px 8px #0000001a}.sentence-part{color:var(--color-dark)}.word-blank{display:inline-block;min-width:80px;padding:4px 12px;margin:0 4px;background:var(--color-gray-100);border:2px dashed var(--color-gray-400);border-radius:6px;color:var(--color-gray-500);font-weight:600;cursor:pointer;transition:all .2s}.word-blank:hover{border-color:var(--color-primary);background:var(--color-gray-50)}.word-blank.filled{border-style:solid;border-color:var(--color-primary);background:var(--color-primary);color:var(--color-dark)}.word-blank.correct{border-color:#22c55e;background:#22c55e;color:#fff}.word-blank.incorrect{border-color:#ef4444;background:#ef4444;color:#fff}.word-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.draggable-word{padding:10px 16px;background:var(--color-light);border:2px solid var(--color-gray-300);border-radius:8px;font-size:1rem;font-weight:500;color:var(--color-dark);cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s}.draggable-word:hover{border-color:var(--color-primary);background:var(--color-gray-50)}.draggable-word:active{cursor:grabbing;transform:scale(1.05)}.draggable-word.selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-dark)}.draggable-word.correct-word{border-color:#22c55e;background:#dcfce7}.draggable-word.incorrect-word{border-color:#ef4444;background:#fee2e2}.draggable-word.dragging{opacity:.5}.game-controls{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.hint-btn,.skip-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.hint-btn{background:var(--color-secondary);color:var(--color-dark);border:none}.hint-btn:hover{background:var(--color-secondary-dark)}.skip-btn{background:var(--color-light);color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.skip-btn:hover{background:var(--color-gray-100)}.hint-text{text-align:center;color:var(--color-primary-dark);font-style:italic;background:#fef3c7;padding:12px;border-radius:8px;margin-bottom:16px}.feedback{margin-top:16px;padding:16px;border-radius:8px;text-align:center}.feedback.correct{background:#f0fdf4;border:1px solid #22c55e}.feedback.correct p{color:#166534;font-weight:600}.feedback.incorrect{background:#fef2f2;border:1px solid #ef4444}.feedback.incorrect p{color:#991b1b}.game-results{text-align:center;padding:40px 20px}.game-results h2{color:var(--color-dark);margin-bottom:20px}.results-score{margin:24px 0}.big-score{display:block;font-size:4rem;font-weight:700;color:var(--color-primary-dark)}.score-label{display:block;font-size:1.2rem;color:var(--color-gray-500)}.results-message{font-size:1.1rem;color:var(--color-gray-600);margin-bottom:24px}.start-btn{background:var(--color-primary);color:var(--color-dark);border:none;padding:14px 32px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 480px){.sentence-display{padding:16px;font-size:1.1rem}.word-blank{min-width:60px;padding:4px 8px;font-size:.95rem}.draggable-word{padding:8px 12px;font-size:.9rem}.game-controls{flex-direction:column;gap:8px}.hint-btn,.skip-btn{width:100%}.big-score{font-size:3rem}}.slang-page-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f9ff,#e6f9fb)}.game-notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--color-dark);color:var(--color-light);padding:12px 24px;border-radius:8px;font-weight:500;z-index:1000;opacity:0;transition:all .3s ease}.game-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.achievement-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.achievement-content{background:var(--color-light);border-radius:16px;padding:24px;text-align:center;max-width:320px;width:90%;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.achievement-content h3{color:var(--color-primary-dark);margin-bottom:16px}.achievement-item{display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:16px}.achievement-icon{font-size:2rem}.achievement-item strong{display:block;color:var(--color-dark)}.achievement-item p{margin:0;color:var(--color-gray-500);font-size:.9rem}.achievement-content button{background:var(--color-primary);color:var(--color-dark);border:none;padding:12px 32px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.achievement-content button:hover{transform:translateY(-2px)}.slang-header{text-align:center;padding:24px 16px 16px;background:var(--color-light);border-bottom:1px solid var(--color-gray-200)}.slang-header .header-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.slang-header .header-logo{height:48px;width:auto}.slang-header h1{margin:0;font-size:1.75rem;color:var(--color-dark)}.slang-header .header-subtitle{margin:0 0 16px;color:var(--color-gray-500);font-size:1rem}.stats-bar{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-icon{font-size:1.2rem}.stat-value{font-size:1.2rem;font-weight:700;color:var(--color-dark)}.stat-label{font-size:.75rem;color:var(--color-gray-500)}.xp-progress{max-width:400px;margin:0 auto 16px}.xp-bar{height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width .3s ease}.xp-text{display:block;font-size:.75rem;color:var(--color-gray-500);margin-top:4px}.search-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px}.search-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.search-toggle:hover,.search-toggle.active{background:var(--color-gray-100)}.search-box{display:flex;align-items:center;gap:8px}.search-input{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:8px;font-size:.95rem;width:200px}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-clear{background:none;border:none;color:var(--color-gray-500);cursor:pointer;font-size:1rem}.search-results{background:var(--color-light);border:1px solid var(--color-gray-200);border-radius:8px;padding:12px;margin-top:12px;max-width:400px;margin-left:auto;margin-right:auto}.search-count{font-size:.85rem;color:var(--color-gray-500);margin-bottom:8px}.search-result-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-gray-100)}.search-result-item:last-child{border-bottom:none}.search-result-item strong{color:var(--color-dark)}.search-result-item span{color:var(--color-gray-500);font-size:.9rem}.search-more{font-size:.85rem;color:var(--color-gray-400);text-align:center;margin-top:8px}.daily-challenge{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px 16px}.daily-content{display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.daily-icon{font-size:1.5rem}.daily-text{flex:1;text-align:left}.daily-text strong{display:block;color:var(--color-dark);font-size:.9rem}.daily-text p{margin:0;font-size:.85rem;color:var(--color-gray-600)}.daily-btn{background:var(--color-dark);color:var(--color-light);border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.daily-btn:hover{transform:translateY(-1px)}.mode-selector{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--color-light);border-bottom:1px solid var(--color-gray-200)}.mode-row{display:flex;justify-content:center;gap:8px}.mode-row.secondary{margin-top:4px}.mode-btn{padding:10px 16px;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--color-gray-600);cursor:pointer;transition:all .2s}.mode-btn.small{padding:6px 12px;font-size:.8rem}.mode-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.mode-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-dark);font-weight:700}.slang-main{flex:1;padding:24px 16px;max-width:600px;margin:0 auto;width:100%}.favorites-section{text-align:center}.favorites-section h2{color:var(--color-dark);margin-bottom:16px}.no-favorites{color:var(--color-gray-500);font-style:italic}.favorites-list{display:flex;flex-direction:column;gap:12px}.favorite-card{background:var(--color-light);border-radius:12px;padding:16px;text-align:left;box-shadow:0 2px 8px #0000001a}.fav-term{font-size:1.2rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:4px}.fav-meaning{color:var(--color-dark);margin-bottom:8px}.fav-example{font-size:.9rem;color:var(--color-gray-500);font-style:italic}.achievements-section{text-align:center}.achievements-section h2{color:var(--color-dark);margin-bottom:8px}.achievements-count{color:var(--color-gray-500);margin-bottom:20px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.achievement-badge{background:var(--color-light);border-radius:12px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.achievement-badge.unlocked{border:2px solid var(--color-primary)}.achievement-badge.locked{opacity:.6}.badge-icon{display:block;font-size:2rem;margin-bottom:8px}.badge-name{display:block;font-size:.9rem;font-weight:600;color:var(--color-dark);margin-bottom:4px}.badge-desc{display:block;font-size:.75rem;color:var(--color-gray-500)}.stats-section{text-align:center}.stats-section h2{color:var(--color-dark);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--color-light);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary-dark)}.stat-name{display:block;font-size:.8rem;color:var(--color-gray-500)}.reset-btn{background:var(--color-gray-200);color:var(--color-gray-600);border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background:var(--color-gray-300)}.upgrade-banner{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);padding:24px 16px;text-align:center}.upgrade-content h3{margin:0 0 8px;color:var(--color-dark);font-size:1.2rem}.upgrade-content p{margin:0 0 16px;color:var(--color-dark);opacity:.8}.upgrade-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.upgrade-link{display:inline-block;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s}.upgrade-link.primary{background:var(--color-dark);color:var(--color-light)}.upgrade-link.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.upgrade-link.secondary{background:var(--color-light);color:var(--color-dark);border:1px solid var(--color-dark)}.upgrade-link.secondary:hover{background:var(--color-gray-50)}.slang-footer{text-align:center;padding:16px;color:var(--color-gray-500);font-size:.85rem;background:var(--color-light);border-top:1px solid var(--color-gray-200)}.slang-footer a{color:var(--color-primary-dark);text-decoration:none}.slang-footer a:hover{text-decoration:underline}@media (max-width: 480px){.slang-header{padding:16px}.slang-header .header-logo{height:40px}.slang-header h1{font-size:1.5rem}.stats-bar{gap:16px}.stat-value{font-size:1rem}.search-input{width:150px}.daily-content{flex-wrap:wrap}.daily-btn{width:100%;margin-top:8px}.mode-selector{padding:12px}.mode-row{flex-wrap:wrap}.mode-btn{padding:8px 12px;font-size:.8rem}.mode-btn.small{padding:6px 10px;font-size:.75rem}.slang-main{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.5rem}.achievements-grid{grid-template-columns:repeat(2,1fr)}.upgrade-banner{padding:20px 16px}.upgrade-links{flex-direction:column;align-items:center}.upgrade-link{width:100%;max-width:200px;text-align:center}}*{box-sizing:border-box}body{margin:0;padding:20px;background-color:#f5f5f5;min-height:100vh}#root{width:100%}