:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--border: #334155;--border-light: #1e293b;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--text-placeholder: #475569;--accent: #6366f1;--accent-hover: #4f46e5;--accent-bg: #312e81;--accent-text: #a5b4fc;--accent-link: #818cf8;--accent-link-hover: #a5b4fc;--success: #4CAF50;--error: #ef4444;--error-bg: #7f1d1d;--error-text: #f87171;--scrollbar-track: #0f172a;--scrollbar-thumb: #334155;--overlay: rgba(0,0,0,.6);--shadow: rgba(0,0,0,.3);--section-concept-bg: #1e1b4b;--section-example-bg: #0f2a1e;--section-fl-bg: #2a1f0f;--section-tip-bg: #0f2127;--quiz-wrong-bg: #2a0f0f}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--border: #e2e8f0;--border-light: #e2e8f0;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #64748b;--text-dim: #94a3b8;--text-placeholder: #94a3b8;--accent: #4f46e5;--accent-hover: #4338ca;--accent-bg: #e0e7ff;--accent-text: #4f46e5;--accent-link: #4f46e5;--accent-link-hover: #4338ca;--success: #16a34a;--error: #dc2626;--error-bg: #fef2f2;--error-text: #dc2626;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--overlay: rgba(0,0,0,.3);--shadow: rgba(0,0,0,.1);--section-concept-bg: #eef2ff;--section-example-bg: #f0fdf4;--section-fl-bg: #fff7ed;--section-tip-bg: #ecfeff;--quiz-wrong-bg: #fef2f2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-secondary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}h1,h2,h3,h4{line-height:1.25;font-weight:700;color:var(--text-primary)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}a{color:var(--accent-link);text-decoration:none}a:hover{color:var(--accent-link-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;padding:10px 20px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);color:var(--text-secondary)}.btn-lg{padding:14px 28px;font-size:16px}.btn-full{width:100%}.input,input[type=text],input[type=email],input[type=password]{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);padding:12px 16px;font-size:14px;width:100%;transition:border-color .2s;font-family:inherit}.input:focus,input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.input::placeholder,input::placeholder{color:var(--text-placeholder)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;color:var(--text-muted);font-weight:500}.app-layout{display:flex;flex-direction:column;min-height:100vh}.topbar{height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 16px;gap:12px;position:sticky;top:0;z-index:100}.app-logo{font-weight:700;font-size:18px;color:var(--accent);cursor:pointer;flex-shrink:0}.topbar-spacer{flex:1}.topbar-xp{display:flex;align-items:center;gap:8px}.topbar-level-badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.topbar-xp-amount{color:var(--text-dim);font-size:12px}.topbar-avatar{background:none;border:2px solid var(--border);padding:0;cursor:pointer;border-radius:50%;display:flex;overflow:hidden}.topbar-avatar:hover{border-color:var(--accent)}.topbar-avatar img{border-radius:50%}.topbar-logout{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:6px 12px;font-family:inherit;transition:all .15s}.topbar-logout:hover{border-color:var(--error);color:var(--error-text)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:18px;padding:5px 8px;font-family:inherit;transition:all .15s;display:flex;align-items:center;line-height:1}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.hamburger{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:22px;padding:4px;line-height:1}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;background:var(--bg-primary);border-right:1px solid var(--border-light);padding:16px 8px;flex-shrink:0;overflow-y:auto;position:sticky;top:60px;height:calc(100vh - 60px)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;text-decoration:none;color:var(--text-muted);font-weight:400;font-size:15px;transition:all .15s;border-left:3px solid transparent}.nav-link:hover{background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none}.nav-link-active{color:var(--text-secondary)!important;background:var(--accent-bg);font-weight:600;border-left-color:var(--accent)}.nav-icon{font-size:18px;line-height:1}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:200}.main-content{flex:1;overflow-y:auto;padding:24px 28px;min-width:0}.page-loading{padding:40px;text-align:center;color:var(--text-dim);font-size:16px}.page-error{padding:40px;text-align:center;color:var(--error-text)}.page-header{margin-bottom:24px}.page-header h1{margin-bottom:4px}.page-header p{color:var(--text-dim)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:16px}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:36px 32px;position:relative}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{font-size:22px;margin-bottom:4px}.auth-header p{color:var(--text-dim);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:var(--error-bg);border:1px solid var(--error);border-radius:8px;padding:10px 14px;color:var(--error-text);font-size:13px}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--text-dim)}.auth-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.auth-step-indicator{display:flex;gap:8px;justify-content:center;margin-top:12px}.auth-step-dot{width:32px;height:4px;border-radius:2px;transition:background .2s}.auth-step-dot-active{background:var(--accent)}.auth-step-dot-inactive{background:var(--border)}.auth-back-btn{flex:1;padding:12px 20px;font-size:14px;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:inherit}.dashboard-welcome{margin-bottom:24px}.dashboard-welcome h1{font-size:1.6rem}.dashboard-welcome p{color:var(--text-dim);margin-top:4px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.stat-detail{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.level-display{text-align:center}.level-number{font-size:2rem;font-weight:800;display:block}.level-title{font-size:1rem;font-weight:600}.dashboard-next-module{margin-bottom:24px}.dashboard-next-module h2{margin-bottom:12px}.next-module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px}.next-module-icon{font-size:2.5rem}.next-module-info{flex:1}.next-module-info h3{margin-bottom:4px}.next-module-info p{color:var(--text-muted);font-size:14px}.dashboard-complete{background:linear-gradient(135deg,var(--accent-bg),var(--bg-secondary));border:1px solid var(--accent);border-radius:14px;padding:32px;text-align:center}.dashboard-complete h2{margin-bottom:8px}.dashboard-complete p{color:var(--text-muted)}.xp-bar-container{width:100%}.xp-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.xp-level-badge{padding:3px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#fff}.xp-amount{color:var(--text-muted);font-size:13px}.xp-bar-track{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;border-radius:4px;transition:width .8s ease-in-out}.xp-bar-footer{margin-top:6px;font-size:12px;color:var(--text-dim)}.streak-counter{text-align:center}.streak-flames{font-size:1.5rem;margin-bottom:4px}.streak-empty{color:var(--text-placeholder)}.streak-number{font-size:2rem;font-weight:800;color:var(--text-primary)}.streak-label{font-size:13px;color:var(--text-muted)}.streak-best{font-size:12px;color:var(--text-dim);margin-top:4px}.module-roadmap{display:flex;flex-direction:column;gap:0}.roadmap-node{position:relative}.roadmap-connector{position:absolute;left:32px;top:-16px;width:2px;height:16px;background:var(--border)}.roadmap-node:first-child .roadmap-connector{display:none}.module-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:12px;transition:all .2s}.module-card:hover{border-color:var(--accent);transform:translate(4px)}.module-locked{opacity:.5;pointer-events:none}.module-locked:hover{transform:none;border-color:var(--border)}.module-complete{border-color:var(--success)}.module-card-icon{font-size:2rem;flex-shrink:0}.module-card-content{flex:1}.module-card-content h3{font-size:15px;margin-bottom:4px}.module-card-content p{font-size:13px;color:var(--text-muted)}.module-card-progress{display:flex;align-items:center;gap:12px;margin-top:8px}.module-days{display:flex;gap:6px}.day-dot{font-size:11px;padding:2px 8px;border-radius:12px;background:var(--bg-primary);color:var(--text-dim);border:1px solid var(--border)}.day-done{background:var(--success);color:#fff;border-color:var(--success)}.module-score{font-size:12px;color:gold;font-weight:600}.module-card-action{padding:8px 20px;background:var(--accent);color:#fff;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none;flex-shrink:0;transition:all .2s}.module-card-action:hover{background:var(--accent-hover);color:#fff;text-decoration:none}.module-page{max-width:800px}.module-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.module-icon-lg{font-size:3rem}.module-header h1{font-size:1.4rem;margin-bottom:4px}.module-header p{color:var(--text-muted);font-size:14px}.module-content{margin-top:24px}.day-selector{display:flex;gap:8px;margin-bottom:24px}.day-tab{flex:1;padding:12px 16px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;cursor:pointer;text-align:center;transition:all .2s;font-family:inherit;color:var(--text-muted)}.day-tab:hover{border-color:var(--accent);color:var(--text-secondary)}.day-tab-active{border-color:var(--accent);background:var(--accent-bg);color:var(--text-secondary)}.day-tab-done{border-color:var(--success)}.day-tab-number{display:block;font-weight:700;font-size:14px}.day-tab-label{display:block;font-size:12px;margin-top:2px}.day-tab-check{color:var(--success);margin-left:4px}.lesson-content{max-width:700px}.lesson-sections{display:flex;flex-direction:column;gap:20px;margin:24px 0}.lesson-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.lesson-section h3{margin-bottom:8px;font-size:16px}.lesson-section p{color:var(--text-secondary);line-height:1.7}.section-key_concept{border-left:4px solid var(--accent);background:var(--section-concept-bg)}.section-example{border-left:4px solid var(--success);background:var(--section-example-bg)}.section-fl_callout{border-left:4px solid #FF9800;background:var(--section-fl-bg)}.section-fl_callout:before{content:"🌴 Florida Note";display:block;font-weight:700;color:#ff9800;margin-bottom:8px;font-size:13px}.section-tip{border-left:4px solid #00BCD4;background:var(--section-tip-bg)}.section-tip:before{content:"💡 Pro Tip";display:block;font-weight:700;color:#00bcd4;margin-bottom:8px;font-size:13px}.lesson-audio-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.lesson-audio-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-audio-label{font-weight:700;font-size:14px;color:var(--text-primary)}.lesson-audio-controls{display:flex;gap:8px}.lesson-audio-btn{padding:6px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-muted);font-family:inherit;transition:all .15s}.lesson-audio-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text-secondary)}.lesson-audio-btn:disabled{opacity:.4;cursor:not-allowed}.lesson-audio-btn-play{background:var(--accent);color:#fff;border-color:var(--accent)}.lesson-audio-btn-play:hover:not(:disabled){background:var(--accent-hover);color:#fff;border-color:var(--accent-hover)}.lesson-audio-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-audio-speed{display:flex;gap:4px}.lesson-audio-speed-btn{padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-dim);font-family:inherit;transition:all .15s}.lesson-audio-speed-btn:hover{border-color:var(--accent);color:var(--text-secondary)}.lesson-audio-speed-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-text)}.lesson-audio-progress{font-size:12px;color:var(--text-dim)}.lesson-audio-voice{display:flex}.lesson-audio-voice-select{width:100%;padding:6px 10px;border-radius:8px;font-size:13px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);font-family:inherit;cursor:pointer}.lesson-audio-voice-select:focus{outline:none;border-color:var(--accent)}.lesson-section-active{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 12px #6366f140;transition:outline .3s,box-shadow .3s}.lesson-section-nav{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:12px}.lesson-section-counter{font-size:13px;color:var(--text-dim);font-weight:600;text-align:center;margin-bottom:8px}.lesson-footer{margin-top:32px;text-align:center}.lesson-completed-badge{display:inline-block;padding:12px 24px;background:#4caf5020;color:var(--success);border:1px solid var(--success);border-radius:12px;font-weight:600;font-size:16px}.avatar-guide{display:flex;align-items:flex-start;gap:16px;margin:16px 0;padding:16px;background:var(--guide-bg, var(--bg-card));border-radius:16px;border:1px solid var(--border)}.guide-character{font-size:3rem;flex-shrink:0;transition:transform .3s}.guide-speech-bubble{flex:1}.guide-name{font-weight:700;font-size:14px;color:var(--guide-color, var(--accent));margin-bottom:4px}.guide-speech-bubble p{color:var(--text-secondary);font-size:15px;line-height:1.6}@keyframes bounce{0%,to{transform:translateY(0) scale(1.05)}50%{transform:translateY(-8px) scale(1.1)}}.quiz-engine{max-width:700px}.quiz-header-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.quiz-header-row .quiz-progress-bar{margin-bottom:0}.quiz-audio-toggle{background:none;border:1px solid var(--border);border-radius:8px;font-size:16px;padding:4px 8px;cursor:pointer;line-height:1;transition:all .15s;flex-shrink:0}.quiz-audio-toggle:hover{border-color:var(--accent)}.quiz-audio-on{border-color:var(--accent);background:var(--accent-bg)}.quiz-progress-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:8px}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;transition:width .4s ease}.quiz-counter{font-size:13px;color:var(--text-dim);margin-bottom:16px}.quiz-question{margin:20px 0}.quiz-question h3{font-size:1.15rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:10px;margin:20px 0}.quiz-option{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:15px;color:var(--text-secondary);text-align:left;width:100%}.quiz-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg)}.quiz-option-selected{border-color:var(--accent);background:var(--accent-bg)}.quiz-option-correct{border-color:var(--success)!important;background:var(--section-example-bg)!important}.quiz-option-wrong{border-color:var(--error)!important;background:var(--quiz-wrong-bg)!important}.quiz-option-disabled{opacity:.5;cursor:default}.quiz-option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0;color:var(--text-muted)}.quiz-option-correct .quiz-option-letter{background:var(--success);color:#fff}.quiz-option-wrong .quiz-option-letter{background:var(--error);color:#fff}.quiz-option-text{flex:1}.quiz-option-icon{font-size:18px;font-weight:700;flex-shrink:0}.quiz-explanation{background:var(--section-concept-bg);border:1px solid var(--accent);border-radius:12px;padding:16px;margin-bottom:20px}.quiz-explanation p{color:var(--text-secondary);line-height:1.6}.quiz-results{text-align:center;max-width:500px;margin:0 auto}.results-score{margin:24px 0}.results-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:4px solid}.results-perfect{border-color:gold;background:#ffd70010}.results-good{border-color:var(--success);background:#4caf5010}.results-try-again{border-color:#ff9800;background:#ff980010}.results-number{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1}.results-total{font-size:1rem;color:var(--text-muted)}.results-percentage{margin-top:8px;font-size:1.2rem;color:var(--text-muted)}.results-xp{margin:20px 0}.results-xp-amount{display:inline-block;padding:8px 20px;background:#6366f120;color:var(--accent-text);border-radius:20px;font-size:1.2rem;font-weight:700}.results-bonus{display:block;color:gold;font-size:13px;margin-top:6px}.results-badges{margin:20px 0}.results-badges h4{margin-bottom:8px;color:gold}.results-badge-item{padding:8px 16px;background:#ffd70010;border:1px solid #FFD700;border-radius:10px;margin:4px 0;display:inline-block;font-weight:600}.results-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.badge-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:all .2s}.badge-earned{border-color:#ffd70060}.badge-earned:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffd7001a}.badge-locked{opacity:.6}.badge-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;border:2px solid var(--border);background:var(--bg-primary);flex-shrink:0}.badge-info h4{font-size:15px;margin-bottom:4px}.badge-info p{font-size:13px;color:var(--text-muted)}.badge-date{font-size:11px;color:var(--text-dim)}.leaderboard-position{background:var(--accent-bg);border:1px solid var(--accent);border-radius:12px;padding:14px 20px;margin-bottom:20px;font-size:15px;text-align:center}.leaderboard-table{display:flex;flex-direction:column;gap:2px}.leaderboard-header{display:flex;align-items:center;padding:10px 16px;font-size:12px;color:var(--text-dim);font-weight:600;text-transform:uppercase}.leaderboard-row{display:flex;align-items:center;padding:12px 16px;background:var(--bg-card);border-radius:10px;transition:all .15s}.leaderboard-row:hover{background:var(--border)}.leaderboard-me{background:var(--accent-bg);border:1px solid var(--accent)}.leaderboard-top3{background:var(--bg-card)}.lb-rank{width:40px;font-weight:700;font-size:16px;flex-shrink:0}.lb-user{flex:1;display:flex;align-items:center;gap:10px;font-weight:500}.lb-avatar{width:32px;height:32px;border-radius:50%}.lb-you-badge{padding:2px 8px;background:var(--accent);color:#fff;border-radius:10px;font-size:10px;font-weight:700}.lb-level{width:80px;font-size:13px;font-weight:600}.lb-xp{width:80px;text-align:right;font-weight:700;color:var(--accent-text)}.leaderboard-empty{padding:40px;text-align:center;color:var(--text-dim)}.profile-page{max-width:600px}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px}.profile-avatar-section{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-avatar-section img{border-radius:50%}.profile-info h2{margin-bottom:2px}.profile-level{font-size:14px;font-weight:600}.profile-email{font-size:13px;color:var(--text-dim);margin-top:4px}.profile-joined{font-size:12px;color:var(--text-dim);margin-top:2px}.profile-edit-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px}.profile-edit-section h3{margin-bottom:16px}.profile-edit-actions{display:flex;gap:12px;margin-top:16px}.profile-badges-section{margin-top:24px}.profile-badges-section h3{margin-bottom:16px}.avatar-style-buttons{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.avatar-style-btn{padding:8px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-family:inherit;transition:all .15s}.avatar-style-btn:hover{border-color:var(--accent);color:var(--text-secondary)}.avatar-style-btn.active{border-color:var(--accent);background:var(--accent-bg);color:var(--text-secondary)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-option{padding:6px;border:2px solid var(--border);border-radius:12px;cursor:pointer;background:var(--bg-primary);transition:all .15s;display:flex;align-items:center;justify-content:center}.avatar-option:hover{border-color:var(--accent)}.avatar-option.selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 2px #6366f140}.avatar-option img{width:100%;border-radius:8px}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;color:#fff;min-width:250px;max-width:400px;animation:slideIn .3s ease;box-shadow:0 4px 20px var(--shadow)}.toast-success{background:#059669}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.toast-badge{background:linear-gradient(135deg,#b45309,#d97706)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.btn:focus-visible,.day-tab:focus-visible,.quiz-option:focus-visible,.quiz-audio-toggle:focus-visible,.lesson-audio-btn:focus-visible,.lesson-audio-speed-btn:focus-visible,.lesson-audio-voice-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #6366f133}@media (max-width: 768px){.sidebar{position:fixed;top:60px;left:0;bottom:0;width:240px;z-index:201;transition:transform .25s cubic-bezier(.22,1,.36,1)}.sidebar-closed{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.main-content{padding:16px 12px}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.next-module-card{flex-direction:column;text-align:center}.avatar-grid{grid-template-columns:repeat(4,1fr)}.leaderboard-header,.leaderboard-row{font-size:13px}.lb-level,.topbar-xp-amount{display:none}.day-selector{gap:4px}.quiz-option{padding:12px 14px;font-size:14px}.lesson-audio-bar{padding:10px 12px}.lesson-audio-top{flex-wrap:wrap}.lesson-audio-voice-select{font-size:14px;padding:8px 10px}.lesson-audio-bottom{flex-wrap:wrap}.lesson-section-nav{flex-wrap:wrap;justify-content:center}.lesson-section-nav .btn{min-width:120px}.lesson-section-nav .lesson-completed-badge{width:100%;text-align:center}}@media (max-width: 480px){.dashboard-stats-grid,.badge-grid{grid-template-columns:1fr}.module-header{flex-direction:column;text-align:center}.lesson-audio-speed{flex-wrap:wrap}}