:root{color-scheme:light;--bg: #f8fafc;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--text: #0f172a;--muted: #475569;--line: rgba(15, 23, 42, .08);--accent: #d97706;--accent-dark: #b45309;--accent-soft: #fef3c7;--accent-rgb: 217, 119, 6;--theme-bg: #f8fafc;--font-family: "Inter", sans-serif;font-family:var(--font-family);--transition: background-color .15s ease, color .15s ease, border-color .15s ease;--flz-ok: #10b981;--flz-warn: #f59e0b;--flz-bad: #ef4444;--flz-tint: rgba(217, 119, 6, .08);--flz-tint-strong: rgba(217, 119, 6, .16);--streak-bg: #fef2f2;--xp-bg: #eff6ff;--lessons-bg: #fffbeb;--time-bg: #f0fdf4}[data-theme=dark]{color-scheme:dark;--bg: #121214;--panel: rgba(28, 28, 30, .85);--panel-strong: #1e1e20;--text: #f9fafb;--muted: #9ca3af;--line: rgba(255, 255, 255, .08);--theme-preview-bg: rgba(255, 255, 255, .08);--shadow: 0 28px 80px rgba(0, 0, 0, .55);--flz-ok: #34d399;--flz-warn: #f0a23a;--flz-bad: #f87171;--flz-tint: rgba(var(--accent-rgb, 198, 95, 45), .14);--flz-tint-strong: rgba(var(--accent-rgb, 198, 95, 45), .24);--streak-bg: rgba(249, 115, 22, .12);--xp-bg: rgba(16, 185, 129, .12);--lessons-bg: rgba(var(--accent-rgb, 198, 95, 45), .12);--time-bg: rgba(59, 130, 246, .12)}*{box-sizing:border-box}body,button,input,select,textarea{font-family:var(--font-family)}html,body,#root{min-height:100%}body,.auth-card,.auth-tabs,.tab-btn,input,select,.primary-btn,.secondary-btn,.dashboard-header,.dashboard-main-view,.metric-stat-box,.streak-widget-card,.streak-society-card,.current-level-card,.achievements-card,.lesson-card-item,.question-item-card,.option-btn,.score-item,.skill-breakdowns-box,.profile-info-card,.editing-profile-form,.lang-card,.lang-btn,.results-score-container,.history-table-wrapper,.stat-box,.skills-analytics-card,.badges-gallery-card,.empty-state-card,.assessment-card,.results-card,.dashboard-home-card,.diagnostic-welcome-wrapper{transition:var(--transition),box-shadow .15s ease,transform .15s ease}.theme-toggle-container{position:fixed;top:24px;right:40px;z-index:2000;display:flex;align-items:center;gap:10px}.theme-toggle-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel-strong);color:var(--text);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px #00000014;transition:all .18s ease}.theme-toggle-btn:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 18px #c65f2d2e;color:var(--accent)}.theme-toggle-btn:active{transform:scale(.94)}.theme-toggle-btn svg{width:20px;height:20px}.dashboard-topbar .theme-toggle-btn,.dashboard-header .theme-toggle-btn{position:static}.dashboard-topbar .theme-toggle-container,.dashboard-header .theme-toggle-container{position:static;top:auto;right:auto}.ai-toggle-container{display:flex;align-items:center}.ai-toggle-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.03em;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:all .18s ease}.ai-toggle-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.ai-toggle-btn:active{transform:scale(.96)}.ai-toggle-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px #ef44442e;transition:background .18s ease,box-shadow .18s ease}.ai-toggle-btn.ai-on{color:#10b981;border-color:#10b98180}.ai-toggle-btn.ai-on .ai-toggle-dot{background:#10b981;box-shadow:0 0 0 3px #10b98138}.ai-toggle-btn.ai-off{color:#ef4444;border-color:#ef444480}.ai-toggle-btn.ai-off .ai-toggle-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444438}.dashboard-header .brand-logo-top.dashboard-brand{position:static;z-index:auto;font-size:1.5rem;line-height:1.1}.dashboard-header .brand-logo-top.dashboard-brand .brand-logo-tagline{margin-top:2px}body{margin:0;min-height:100vh;color:var(--text);background-color:#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/hero.jpg);background-position:70px 40px;background-repeat:no-repeat;background-attachment:fixed;background-size:750px;filter:var(--mascot-filter, none);pointer-events:none;z-index:-1}.shell{height:100vh;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-panel,.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px}.hero-panel{flex-direction:column;align-items:flex-start;gap:24px;max-width:720px}.brand-mark{width:64px;height:64px;border-radius:15px;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,var(--accent),#e18a4c);box-shadow:0 18px 36px #c65f2d42;margin-top:0}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--accent-dark);font-weight:700}h1{margin-top:482px;margin-bottom:0;font-size:40px;line-height:1.2;max-width:111ch}.hero-copy{margin-top:-10px;max-width:58ch;font-size:.93rem;line-height:1.7;color:var(--muted)}.auth-panel{justify-content:flex-start}.auth-card{width:min(100%,520px);padding:28px;border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--line);box-shadow:none;display:flex;flex-direction:column;max-height:calc(100vh - 96px)}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:22px;padding:6px;border-radius:18px;background:#18202b0d}.tab-btn{border:0;border-radius:14px;padding:14px 18px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.tab-btn.active{color:var(--text);background:var(--panel-strong);box-shadow:0 10px 24px #18202b14}.auth-form{display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-right:6px}.auth-form h2{margin:0;font-size:1.7rem}.auth-form p{margin:0;color:var(--muted);line-height:1.6}label{display:grid;gap:8px;font-weight:600;color:var(--text)}input,select{width:100%;border-radius:16px;border:1px solid rgba(24,32,43,.14);background:#fffffff5;padding:14px 22px;font:inherit;color:var(--text);outline:none;transition:.16s ease}input:focus,select:focus,input:focus-visible,select:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.primary-btn{border:0;border-radius:16px;padding:15px 18px;background:linear-gradient(135deg,var(--accent),#df7f3d);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:none}.primary-btn:disabled{background:#e2e8f0;background-image:none;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.secondary-btn{border:1px solid var(--line);border-radius:16px;padding:15px 18px;background:var(--panel-strong);color:var(--text);font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-btn:hover{background:#0000000a;transform:translateY(-1px)}.helper-text{font-size:.92rem;color:var(--muted);text-align:center}.status-message{margin-top:6px;padding:12px 14px;border-radius:14px;background:#c65f2d1f;color:var(--accent-dark);font-weight:600}@media (max-width: 1024px){.shell{grid-template-columns:1fr;height:auto;overflow:visible}.hero-panel,.auth-panel{padding:28px 20px}.hero-panel{max-width:none}body{overflow:auto}body:before{display:none!important}.auth-card{max-height:none}}@media (max-width: 720px){h1{font-size:clamp(2.1rem,10vw,3.2rem)}.two-col{grid-template-columns:1fr}.auth-card{padding:22px;border-radius:22px}body{background-image:none!important}[data-theme=dark] body:before{background-image:none!important}}.lisa-splash-screen,.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:#fff!important;gap:8px;position:fixed;top:0;left:0;z-index:99999}[data-theme=dark] .lisa-splash-screen,[data-theme=dark] .loading-screen{background:#090c13!important}.lisa-splash-logo-box{width:110px;height:110px;border-radius:28px;background:#fff;box-shadow:0 12px 32px #00000014,0 4px 12px #0000000a;display:flex;align-items:center;justify-content:center;margin-bottom:4px;animation:lisaSplashPop .5s cubic-bezier(.34,1.56,.64,1) both}.lisa-splash-icon{width:84px;height:84px;object-fit:contain;border-radius:18px}.lisa-splash-brand{font-size:2.2rem;font-weight:900;letter-spacing:3px;color:#0f172a;margin-top:4px;font-family:var(--font-family, "Inter", sans-serif)}[data-theme=dark] .lisa-splash-brand{color:#f8fafc}.lisa-splash-tagline{font-size:.82rem;font-weight:600;color:#64748b;margin-bottom:16px;text-align:center}[data-theme=dark] .lisa-splash-tagline{color:#94a3b8}.lisa-splash-spinner{width:32px;height:32px;border:3px solid rgba(198,95,45,.15);border-top-color:var(--accent, #c65f2d);border-radius:50%;animation:spin .8s linear infinite}.spinner{width:48px;height:48px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes lisaSplashPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dashboard-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--bg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.dashboard-logo{font-size:1.25rem;font-weight:800;color:var(--accent-dark)}.dashboard-user{display:flex;align-items:center;gap:20px}.dashboard-main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.empty-state-card{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:24px;padding:48px;text-align:center;max-width:600px;box-shadow:var(--shadow)}.empty-state-card h2{font-size:2rem;margin-top:0;margin-bottom:12px}.empty-state-card p{color:var(--muted);font-size:1.05rem;line-height:1.6;margin-bottom:0}.logout-btn{background:transparent;border:1px solid var(--line);color:var(--text);padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#18202b0d;border-color:var(--text)}.lang-selector-container{position:fixed;top:24px;right:96px;z-index:2000;font-family:var(--font-family)}.lang-selector-relative{position:relative;z-index:2000;font-family:var(--font-family)}.brand-logo-top{position:absolute;top:24px;left:40px;font-size:1.5rem;font-weight:900;color:var(--accent-dark);letter-spacing:1px;z-index:2000;line-height:1.1}.brand-logo-tagline{display:block;font-size:.75rem;font-weight:500;color:var(--muted);letter-spacing:.2px;text-transform:uppercase;margin-top:2px}@media (max-width: 720px){.brand-logo-top{top:14px;left:14px;font-size:1.25rem}}.lang-selector-trigger{background:var(--panel-strong);border:1px solid var(--line);padding:8px 14px;border-radius:20px;font-size:.9rem;font-weight:700;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0000000d;transition:all .18s ease}.lang-selector-trigger:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 16px #c65f2d1a}.lang-selector-trigger svg{width:18px;height:18px;color:var(--muted)}.lang-selector-dropdown{position:absolute;right:0;top:100%;margin-top:8px;background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);width:150px;display:flex;flex-direction:column;overflow:hidden;z-index:2100}.lang-dropdown-item{background:transparent;border:none;text-align:left;padding:10px 16px;font-size:.92rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s ease;width:100%}.lang-dropdown-item:hover{background:var(--accent-soft);color:var(--accent-dark)}.lang-dropdown-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:700}@media (max-width: 720px){.lang-selector-container{top:14px;right:62px}.theme-toggle-container{top:14px;right:14px}}.lang-screen{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:#18202b66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2100;padding:24px}.lang-card{background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:28px;padding:40px;text-align:center;width:min(100%,540px);box-shadow:var(--shadow)}.lang-card h2{font-size:1.8rem;margin-top:0;margin-bottom:8px;color:var(--text)}.lang-card p{color:var(--muted);margin-bottom:28px;font-size:.95rem}.lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lang-btn{background:var(--panel-strong);border:1px solid var(--line);padding:18px;border-radius:16px;font-size:1.1rem;font-weight:700;color:var(--text);cursor:pointer;transition:all .18s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.lang-btn span.native{font-size:1.25rem;color:var(--accent)}.lang-btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 28px #c65f2d1f}.lang-btn.active{border-color:var(--accent);background:var(--accent-soft)}@media (max-width: 480px){.lang-grid{grid-template-columns:1fr}}.assessment-card,.results-card,.dashboard-home-card{width:840px;height:580px;max-width:100%;max-height:90vh;background:var(--panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.assessment-card-header{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}.assessment-card-header h2{font-size:1.8rem;margin:0 0 6px;color:var(--text)}.assessment-desc{color:var(--muted);font-size:.95rem;margin:0 0 20px}.progress-container{display:flex;flex-direction:column;gap:8px}.progress-text{font-size:.88rem;font-weight:700;color:var(--accent-dark)}.progress-bar-bg{height:8px;background:#18202b14;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#e18a4c);border-radius:4px;transition:width .25s ease}.assessment-form{flex:1;display:flex;flex-direction:column;overflow:hidden}.questions-list{flex:1;overflow-y:auto;padding-right:12px;display:flex;flex-direction:column;gap:28px;margin-bottom:24px}.question-item-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px #18202b08}.question-text{font-size:1.1rem;font-weight:700;margin:0;color:var(--text);line-height:1.5}.question-number{color:var(--accent)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (max-width: 600px){.options-grid{grid-template-columns:1fr}}.option-btn{background:var(--panel-strong);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .18s ease;font:inherit;font-size:.95rem;font-weight:600;color:var(--text);text-align:left}.option-btn:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}[data-theme=dark] .option-btn:hover{border-color:var(--accent)!important;background:rgba(var(--accent-rgb),.14)!important;color:var(--text)!important;transform:translateY(-1px)}.option-btn.selected{border:2px solid var(--accent);background:var(--accent-soft);box-shadow:0 4px 14px #0000000f}[data-theme=dark] .option-btn.selected{background:rgba(var(--accent-rgb),.2)!important;border:2px solid var(--accent)!important;color:var(--text)!important;box-shadow:0 4px 14px #0000004d}.option-indicator{width:28px;height:28px;border-radius:50%;background:#80808026;color:var(--muted);display:grid;place-items:center;font-weight:800;font-size:.85rem;transition:all .18s ease;flex-shrink:0}.option-btn.selected .option-indicator{background:var(--accent);color:#fff}.assessment-submit-bar{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:flex-end}.submit-btn{min-width:200px}.submit-btn:disabled{background:#18202b1a;color:var(--muted);border:1px solid var(--line);cursor:not-allowed;transform:none;box-shadow:none}.results-card{align-items:center;text-align:center;max-width:840px;max-height:90vh;overflow-y:auto;padding-right:24px}.results-card h2{font-size:2.2rem;margin:0 0 24px}.results-score-container{display:flex;align-items:center;gap:28px;background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:24px 32px;width:100%;margin-bottom:24px;box-shadow:0 8px 28px #0000000a}@media (max-width: 480px){.results-score-container{flex-direction:column;padding:24px}}.results-percentage-circle{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e18a4c);display:grid;place-items:center;box-shadow:0 10px 24px #c65f2d40;flex-shrink:0}.percent-val{font-size:1.8rem;font-weight:800;color:#fff}.results-score-details{text-align:left}@media (max-width: 480px){.results-score-details{text-align:center}}.results-score-details p{margin:4px 0;font-size:1.05rem}.summary-section{background:var(--accent-soft);border:1px solid rgba(198,95,45,.2);border-radius:20px;padding:24px;width:100%;margin-bottom:32px;text-align:left}.summary-section h3{margin:0 0 10px;font-size:1.2rem;color:var(--accent-dark)}.summary-text{margin:0;font-size:1rem;line-height:1.6;color:var(--text)}.back-btn{width:100%}.dashboard-home-card{max-width:800px;max-height:none;overflow:visible}.welcome-banner{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:16px}.welcome-banner-mascot{display:flex;align-items:center;gap:14px;text-align:left}.welcome-mascot{width:160px;height:160px;object-fit:contain;flex-shrink:0;margin:0;filter:drop-shadow(0 12px 20px rgba(0,0,0,.14))}.assessment-header-with-mascot{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.assessment-header-content{min-width:0}.assessment-mascot{width:120px;height:120px;object-fit:contain;flex-shrink:0;margin-top:4px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.14))}[data-theme=dark] .assessment-mascot{filter:saturate(.75) drop-shadow(0 0 1px rgba(190,190,195,.85)) drop-shadow(0 0 6px rgba(190,190,195,.3)) drop-shadow(0 8px 14px rgba(0,0,0,.5))}.results-hero-section{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 28px;margin-bottom:24px;background:var(--panel-strong);border-radius:24px;border:1px solid var(--line);box-shadow:0 8px 24px #00000005;box-sizing:border-box}.results-hero-left{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.results-hero-right{display:flex;align-items:center;justify-content:center}.results-mascot-medium{width:165px;height:165px}.results-hero-center-score{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:22px 30px;min-width:120px;box-shadow:0 4px 12px #00000008}.hero-score-label{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:8px}.hero-score-val{font-size:2.6rem;font-weight:800;color:var(--text)}.results-hero-left .results-percentage-circle{width:120px;height:120px;box-shadow:0 6px 18px #c65f2d33;margin-top:14px}.results-hero-left .percent-val{font-size:2rem}.results-percent-text{margin-top:8px;font-size:1.1rem;font-weight:700;color:var(--accent, var(--text));text-align:center}.results-card .results-completed-title{font-size:1.6rem!important;margin:0 0 18px;font-weight:700;text-align:center;color:var(--text)}.results-hero-top-row{display:contents}.results-hero-left{order:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.results-hero-center-score{order:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:22px 30px;min-width:120px}.results-hero-right{order:3;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.results-hero-section{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.results-hero-top-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.results-hero-left,.results-hero-center-score,.results-hero-right{order:unset!important}.results-hero-left{align-items:center;text-align:center}.results-mascot-medium{width:110px!important;height:110px!important;object-fit:contain!important}.results-hero-center-score{width:100%!important}.results-card .results-completed-title{text-align:center}}[data-theme=dark] .welcome-mascot{filter:saturate(.77) drop-shadow(0 0 1px rgba(190,190,195,.85)) drop-shadow(0 0 6px rgba(190,190,195,.3)) drop-shadow(0 12px 20px rgba(0,0,0,.5))}.welcome-banner-text{text-align:left;flex:none}.welcome-banner-text h1{font-size:2.2rem;margin:0 0 6px}.welcome-banner-text h2{margin:0}.welcome-banner h1{font-size:2.2rem;margin:20px 0 6px}.empty-state-assessment{text-align:center;padding:12px 16px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}.intro-copy{font-size:1.1rem;line-height:1.6;color:var(--muted);max-width:540px;margin:0}.start-assessment-btn{min-width:240px;padding:16px 24px}.assessment-history-section{display:flex;flex-direction:column;gap:20px}.history-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.history-header h2{font-size:1.5rem;margin:0}.retake-btn{padding:12px 20px;font-size:.95rem}.history-table-wrapper{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel-strong);box-shadow:0 8px 24px #00000005}.history-table{width:100%;border-collapse:collapse;text-align:left}.history-table th,.history-table td{padding:16px 20px;border-bottom:1px solid var(--line)}.history-table tr:last-child td{border-bottom:none}.history-table th{background:#18202b08;font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.score-badge{padding:6px 12px;border-radius:12px;font-weight:800;font-size:.88rem}.score-badge.high{background:#d4edda;color:#155724}.score-badge.medium{background:#fff3cd;color:#856404}.score-badge.low{background:#f8d7da;color:#721c24}.diagnostic-outer{max-width:900px;margin:0 auto;padding:40px 20px;min-height:100vh}.assessment-nav-bar{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.assessment-card-header{margin-bottom:24px}.progress-bar-bg{height:8px;background:#18202b14;border-radius:4px;overflow:hidden;margin-top:16px}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.diagnostic-welcome-wrapper{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);padding:48px;border-radius:28px;box-shadow:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;width:840px;height:auto;max-width:100%;overflow:visible}.assessment-tours{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:16px 0}.tour-badge{background:#c65f2d14;border:1px solid rgba(198,95,45,.2);color:var(--accent-dark);padding:10px 20px;border-radius:18px;font-weight:700;font-size:.95rem}.step-tag{display:inline-flex;align-items:center;background:var(--accent-soft);color:var(--accent-dark);padding:6px 14px;border-radius:12px;font-weight:800;font-size:.85rem;line-height:1;text-transform:uppercase}.step-tag-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-subtitle{font-size:.8rem;line-height:1;font-weight:700;color:var(--muted);letter-spacing:.3px}.section-stepper{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;margin-left:auto;margin-top:2px}.step-node{display:flex;align-items:center;justify-content:center}.step-circle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.7rem;border:2px solid var(--line);background:var(--panel-strong);color:var(--muted);transition:all .2s ease}.step-node.active .step-circle{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);box-shadow:0 0 0 3px #18202b0a}.step-node.done .step-circle{border-color:#10b981;background:#10b981;color:#fff}.section-sub-progress{margin:8px 0 0;font-size:.85rem;font-weight:700;color:var(--muted)}.monkeytype-text-block{font-family:Outfit,Inter,monospace;font-size:1.35rem;line-height:1.6;font-weight:700;background:#ffffffd9;border:1px solid var(--line);border-radius:20px;padding:24px;margin:12px 0;letter-spacing:.5px;box-shadow:inset 0 2px 8px #00000005}.mt-word{transition:color .2s ease;display:inline-block;margin-right:.35em}.mt-word.unspoken{color:#9ca3af}.mt-word.correct{color:#10b981;text-shadow:0 0 1px rgba(16,185,129,.2)}.mt-word.incorrect{color:#ef4444;text-decoration:underline dotted}.voice-mic-controls{display:flex;justify-content:center;margin:12px 0}.mic-outer-container{display:inline-flex;background:var(--panel);border:2px solid var(--line);border-radius:50px;padding:16px 36px;box-shadow:0 6px 20px #0000000f;transition:all .2s ease}.mic-outer-container:hover{border-color:var(--accent);box-shadow:0 8px 24px #00000017;transform:translateY(-2px)}.mic-btn{background:transparent;border:none;border-radius:0;padding:0;font-size:1.05rem;font-weight:700;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .2s ease;position:static}.mic-btn:hover{transform:none}.mic-btn .mic-icon{width:22px;height:22px;color:var(--accent);flex-shrink:0}.mic-btn-text{letter-spacing:.5px;text-transform:uppercase}.mic-btn .voice-wave{display:inline-flex;align-items:center;gap:3px;height:20px}.mic-btn .voice-wave span{display:block;width:3px;height:100%;background:var(--accent);border-radius:2px;transform-origin:center;animation:voiceBar .9s ease-in-out infinite}.mic-btn .voice-wave span:nth-child(1){animation-delay:0s}.mic-btn .voice-wave span:nth-child(2){animation-delay:.12s}.mic-btn .voice-wave span:nth-child(3){animation-delay:.24s}.mic-btn .voice-wave span:nth-child(4){animation-delay:.36s}.mic-btn .voice-wave span:nth-child(5){animation-delay:.48s}.mic-btn .voice-wave span:nth-child(6){animation-delay:.6s}.mic-btn .voice-wave span:nth-child(7){animation-delay:.72s}@keyframes voiceBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}[data-theme=dark] .mic-outer-container{background:#ffffff0f}@media (prefers-color-scheme: dark){.mic-outer-container{background:#ffffff0f}}.voice-transcript-log{background:#18202b08;border-left:4px solid var(--accent);padding:16px;border-radius:12px;margin:16px 0;font-size:1rem;font-style:italic;color:var(--muted)}.mic-error-text{color:#ef4444;font-weight:600;font-size:.9rem;text-align:center;margin:10px 0}.voice-fallback-area{margin-top:32px;padding-top:24px;border-top:1px dashed var(--line);text-align:left}.fallback-label{font-size:.88rem;color:var(--muted);font-weight:700;margin-bottom:8px}.fallback-input-row input{flex-grow:1}.comprehension-q-container{padding:0;text-align:left}.comprehension-question{font-size:1.35rem;font-weight:700;line-height:1.5;margin-bottom:24px;color:var(--text)}.writing-q-container{padding:0;text-align:left}.writing-prompt{font-size:1.3rem;font-weight:700;line-height:1.5;margin-bottom:20px}.writing-textarea{width:100%;border-radius:20px;border:1px solid var(--line);padding:20px;font-family:inherit;font-size:1.05rem;line-height:1.6;resize:vertical;background:#fff;outline:none;transition:border-color .2s ease}.writing-textarea:focus{border-color:#c65f2d8c}.text-counter{margin-top:8px;font-size:.88rem;color:var(--muted);text-align:right;font-weight:600}.sentence-workspace{min-height:72px;border:2px dashed var(--line);border-radius:14px;padding:14px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background-color:#18202b05;margin-bottom:24px;transition:all .2s ease;box-shadow:inset 0 2px 6px #00000005}[data-theme=dark] .sentence-workspace{background-color:#ffffff05;border:1.5px dashed rgba(255,255,255,.12)}.word-block.active-block{padding:8px 16px;border-radius:10px;border:1.5px solid var(--accent);background-color:var(--accent-soft);color:var(--accent-dark);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 3px 8px #00000014;font-family:inherit;font-size:1rem;-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,background-color .2s ease}.word-block.active-block:hover{transform:scale(1.03) translateY(-1px);box-shadow:0 5px 12px #00000026;background-color:var(--accent-soft);filter:brightness(.96)}.word-block.active-block:active{transform:scale(.98)}.word-block.active-block .remove-x{font-size:.9rem;color:var(--accent-dark);opacity:.75;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center}.word-block.active-block:hover .remove-x{opacity:.95;transform:scale(1.1)}[data-theme=dark] .word-block.active-block{background-color:var(--accent-soft);color:var(--accent-dark)!important;border-color:var(--accent);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .word-block.active-block .remove-x{color:var(--accent-dark)!important;opacity:.85}.word-bank{display:flex;flex-wrap:wrap;gap:12px;padding:20px;background-color:var(--panel-strong);border:1px solid var(--line);border-radius:14px;margin-bottom:24px;min-height:88px;box-shadow:0 4px 12px #00000008,inset 0 2px 4px #00000003}[data-theme=dark] .word-bank{background-color:#14141a99;border-color:#ffffff14}.word-block-choice{padding:10px 18px;border-radius:10px;border:1px solid var(--line);background-color:var(--panel-strong);color:var(--text);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:1rem;box-shadow:0 2px 6px #0000000a;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.word-block-choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 14px #0000001f;background-color:var(--panel-strong)}.word-block-choice:active:not(:disabled){transform:translateY(1px)}[data-theme=dark] .word-block-choice{background-color:#1a1a24;border-color:#2d2d3d;color:#f3f4f6}[data-theme=dark] .word-block-choice:hover:not(:disabled){border-color:var(--accent);background-color:#222230}.word-block-choice:disabled,.word-block-choice.used{border:1.5px dashed var(--line);background-color:var(--bg);color:transparent!important;opacity:.35;box-shadow:none;cursor:default;pointer-events:none;transform:none}[data-theme=dark] .word-block-choice:disabled,[data-theme=dark] .word-block-choice.used,[data-theme=dark] .duo-word-tile.used{background:#ffffff0a!important;border:1.5px dashed rgba(255,255,255,.1)!important;border-bottom:1.5px dashed rgba(255,255,255,.1)!important;color:transparent!important;opacity:.25!important;box-shadow:none!important}.results-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow);max-width:820px!important;margin:32px auto!important}.results-completed-title{font-size:2.2rem;font-weight:800;color:var(--text);margin-bottom:28px;background:linear-gradient(135deg,var(--text),var(--muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.results-hero-section{display:grid!important;grid-template-columns:1.2fr 1.2fr 1fr;align-items:center;gap:24px;padding:24px 32px;background:linear-gradient(145deg,var(--panel-strong),var(--panel));border:1.5px solid var(--line);border-radius:24px;box-shadow:0 10px 30px #00000008;margin-bottom:28px}@media (max-width: 600px){.results-hero-section{grid-template-columns:1fr 1fr!important;text-align:center;padding:16px;gap:16px}.results-hero-left{grid-column:1 / 2}.results-hero-right{grid-column:2 / 3;display:flex;justify-content:center;align-items:center}.results-hero-center-score{grid-column:1 / 3;width:100%}}.daily-rec-card-box{display:flex;align-items:flex-start;gap:16px;background:var(--flz-tint, rgba(198, 95, 45, .08));padding:20px;border-radius:16px;border:1px solid var(--line);margin-top:12px;box-sizing:border-box;width:100%}.daily-rec-card-icon{font-size:2.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.daily-rec-card-content{flex:1;min-width:0;text-align:left}.daily-rec-card-content h4{margin:0 0 6px;font-size:1.1rem;font-weight:800;color:var(--text);word-break:break-word}.daily-rec-card-content p{margin:0 0 12px;font-size:.92rem;color:var(--muted);line-height:1.4;word-break:break-word}.daily-rec-card-badges{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;font-weight:800}.daily-rec-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:12px;font-size:.8rem;white-space:normal;word-break:break-word}.daily-rec-badge.warn{background:#f59e0b26;color:var(--flz-warn, #d97706)}.daily-rec-badge.info{background:#3b82f626;color:var(--accent)}@media (max-width: 560px){.daily-rec-card-box{flex-direction:column;gap:12px;padding:16px}}.results-hero-left{display:flex;flex-direction:column;align-items:center;gap:8px}.results-percentage-circle{width:130px!important;height:130px!important;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e18a4c)!important;display:grid;place-items:center;box-shadow:0 12px 28px #c65f2d4d!important;transition:transform .3s ease}.results-percentage-circle:hover{transform:scale(1.05)}.percent-val{font-size:2.3rem!important;font-weight:900!important;color:#fff!important}.results-percent-text{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.results-hero-center-score{background:#c65f2d0d!important;border:1.5px solid var(--flz-tint-strong)!important;border-radius:20px!important;padding:20px 24px!important;box-shadow:0 6px 16px #00000003!important}.hero-score-label{font-size:.85rem!important;font-weight:800!important;color:var(--accent)!important}.hero-score-val{font-size:2.8rem!important;font-weight:900!important;color:var(--text)!important}.results-xp-earned{transition:transform .2s}.results-xp-earned:hover{transform:scale(1.05)}.results-detail-row{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-top:12px;margin-bottom:28px}@media (max-width: 768px){.results-detail-row{grid-template-columns:1fr}}.benchmark-card{background:var(--flz-tint)!important;border:1.5px solid var(--flz-tint-strong)!important;border-radius:20px!important;padding:28px 24px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 20px #00000005!important}.benchmark-badge-icon{font-size:2.8rem!important;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.benchmark-title{font-size:1.35rem!important;font-weight:800!important;color:var(--text)!important;margin:0 0 10px!important}.benchmark-desc{font-size:.95rem!important;color:var(--muted)!important;line-height:1.5!important;margin:0!important}.skill-breakdowns-box{background:var(--panel-strong)!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:24px 28px!important;box-shadow:0 8px 20px #00000005!important;text-align:left}.skill-breakdowns-box h3{font-size:1.15rem;font-weight:800;color:var(--text);margin:0 0 20px;border-bottom:1px solid var(--line);padding-bottom:10px}.skill-progress-label{display:flex;justify-content:space-between;font-size:.9rem!important;font-weight:700!important;color:var(--text)!important;margin-bottom:6px}.skill-progress-bar .bar-bg{height:8px!important;background:var(--bg)!important;border-radius:999px!important;overflow:hidden!important}.skill-progress-bar .bar-fill{height:100%!important;border-radius:999px!important;transition:width 1s cubic-bezier(.4,0,.2,1)}.insights-card{background:var(--panel-strong)!important;border:1px solid var(--line)!important;border-radius:20px!important;padding:28px!important;box-shadow:0 8px 20px #00000005!important;margin-bottom:28px;text-align:left}.insights-card-head{display:flex;align-items:center;gap:10px;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:12px}.insights-card-head h3{font-size:1.25rem!important;font-weight:800!important;color:var(--text)!important;margin:0!important}.insights-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:20px}@media (max-width: 768px){.insights-grid{grid-template-columns:1fr}}.insight-box{background:var(--bg)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:20px!important;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.insight-box.insight-strong{background-color:#10b9810d!important;border:1.5px solid rgba(16,185,129,.18)!important}.insight-box.insight-improve{background-color:#ef44440d!important;border:1.5px solid rgba(239,68,68,.18)!important}.insight-box.insight-time{background-color:#3b82f60d!important;border:1.5px solid rgba(59,130,246,.18)!important}.insight-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000005}.insight-badge{font-size:1.8rem!important;margin-bottom:8px}.insight-box h4{font-size:.95rem!important;font-weight:800!important;color:var(--text)!important;margin:0 0 12px!important;text-transform:uppercase;letter-spacing:.05em}.insight-pills{display:flex;flex-wrap:wrap;gap:8px;width:100%}.insight-pill-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;line-height:1}.insight-pill-item.strong{background-color:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.insight-pill-item.improve{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.insight-time-val{font-size:1.1rem!important;font-weight:800!important;color:var(--accent)!important;margin:0!important}.diagnostic-recommendation-box{background:var(--flz-tint)!important;border:1.5px solid var(--flz-tint-strong)!important;border-radius:20px!important;padding:28px!important;color:var(--text)!important;text-align:left;margin-bottom:28px;box-shadow:0 4px 16px #c65f2d05}.diagnostic-recommendation-box h4{font-size:1.15rem!important;font-weight:800!important;color:var(--accent-dark)!important;margin:0 0 10px!important;display:flex;align-items:center;gap:8px}.diagnostic-recommendation-box p{font-size:1rem!important;line-height:1.6!important;margin:0!important;color:var(--text)!important}.assessment-nav-bar{margin-top:28px;display:flex;justify-content:flex-end}.results-score-details{margin-top:10px;display:flex;flex-direction:column;gap:8px}.results-score-details .score-count,.results-score-details .score-category{font-size:1.1rem}.score-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:20px 0}.score-item{background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;padding:16px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.score-item .score-label{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--muted)}.score-item .score-val{font-size:1.35rem;font-weight:800}.results-detail-row{display:flex;gap:20px;align-items:stretch;margin-bottom:24px}.results-detail-row .benchmark-card{flex:1 1 0;margin:0}.results-detail-row .skill-breakdowns-box{flex:1 1 0;margin-bottom:0}@media (max-width: 640px){.results-detail-row{flex-direction:column}}.skill-breakdowns-box{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:24px;width:100%;margin-bottom:24px;text-align:left}.skill-breakdowns-box h3{margin-top:0;margin-bottom:20px;font-size:1.2rem;font-weight:800}.skill-progress-bar{margin-bottom:16px}.insights-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:28px;margin-top:24px;text-align:left}.insights-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.insights-card-head h3{margin:0;font-size:1.2rem;font-weight:800;color:var(--text)}.insights-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--accent-soft);font-size:1.15rem;flex-shrink:0}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-box{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 10px 30px #00000005}.insight-strong{background:#10b98114;border-color:#10b98138}.insight-improve{background:#f59e0b1a;border-color:#f59e0b3d}.insight-time{background:#3b82f614;border-color:#3b82f638}.insight-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:1.2rem;margin-bottom:14px}.insight-strong .insight-badge{background:#10b98124}.insight-improve .insight-badge{background:#f59e0b29}.insight-time .insight-badge{background:#3b82f624}.insight-box h4{margin:0 0 10px;font-size:1.1rem;font-weight:800;letter-spacing:-.01em}.insight-strong h4{color:#10b981}.insight-improve h4{color:#f59e0b}.insight-time h4{color:#3b82f6}.insight-box ul{margin:0;padding-left:18px;font-size:.85rem;color:var(--text);line-height:1.55}.insight-box ul li{margin-bottom:4px}.insight-time-val{margin:0;font-size:1.1rem;font-weight:800;color:var(--text)}.insight-time-sub{margin:4px 0 0;font-size:.75rem;color:var(--muted)}@media (max-width: 720px){.insights-grid{grid-template-columns:1fr}}.skill-progress-bar:last-child{margin-bottom:0}.skill-progress-label{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem;margin-bottom:6px}.bar-bg{height:12px;background:#18202b0f;border-radius:10px;overflow:hidden;width:100%}.bar-fill{height:100%;border-radius:10px;transition:width .4s ease}.bar-fill.reading{background:linear-gradient(90deg,#10b981,#34d399)}.bar-fill.comprehension{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.bar-fill.writing{background:linear-gradient(90deg,var(--accent),#e18a4c)}.dashboard-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#f7f9fc}.sidebar-brand-wrapper{display:flex;align-items:center;gap:12px;padding:8px 4px}.brand-logo-circle{width:42px;height:42px;background:linear-gradient(135deg,var(--accent),#df7f3d);border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:1.3rem;color:#fff;box-shadow:0 4px 12px #c65f2d4d}.brand-text-block{display:flex;flex-direction:column}.brand-title{font-weight:800;font-size:1.15rem;color:#fff;line-height:1.2}.brand-subtitle{font-size:.75rem;color:#ffffff73}.sidebar-user-card{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);padding:12px;border-radius:16px;margin-top:4px}.user-avatar-initials{width:40px;height:40px;background:var(--accent);border:none;color:#fff;border-radius:25px;display:grid;place-items:center;font-weight:800;font-size:1rem;text-transform:uppercase}.user-info-text{display:flex;flex-direction:column;overflow:hidden}.user-card-name{font-weight:700;font-size:.88rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-email{font-size:.75rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu{display:flex;flex-direction:column;gap:6px}.menu-item{background:none;border:none;color:#ffffff8c;font:inherit;font-size:.92rem;font-weight:600;padding:12px 16px;border-radius:12px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;transition:all .18s ease}.menu-item:hover{background:#ffffff08;color:#fff}.menu-item.active{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.08)}.sidebar-footer{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-signout-btn{background:none;border:none;color:#ef4444;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;padding:8px 12px;transition:opacity .2s ease}.sidebar-signout-btn:hover{opacity:.8}.dashboard-content-area{display:flex;flex-direction:column;overflow:hidden}.dashboard-header{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:18px 32px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:100}.dashboard-logo{font-size:1.6rem;font-weight:900;color:var(--text);text-align:left}.dashboard-user{display:flex;align-items:center;gap:16px}.logout-btn{background:#18202b0f;border:none;color:var(--text);font:inherit;font-size:.88rem;font-weight:700;padding:8px 16px;border-radius:12px;cursor:pointer;transition:background .2s ease}.logout-btn:hover{background:#18202b1f}.dashboard-main-view{flex-grow:1;overflow-y:auto;padding:16px 32px 32px}.dashboard-main-view.centered-layout{overflow:hidden;display:flex;align-items:center;justify-content:center}.question-content-box{flex:1;overflow-y:auto;padding-right:8px}.reading-q-container{padding:0;text-align:left}.question-content-box::-webkit-scrollbar,.diagnostic-welcome-wrapper::-webkit-scrollbar,.results-card::-webkit-scrollbar{width:6px;height:6px}.question-content-box::-webkit-scrollbar-track,.diagnostic-welcome-wrapper::-webkit-scrollbar-track,.results-card::-webkit-scrollbar-track{background:#18202b05;border-radius:4px}.question-content-box::-webkit-scrollbar-thumb,.diagnostic-welcome-wrapper::-webkit-scrollbar-thumb,.results-card::-webkit-scrollbar-thumb{background:#18202b26;border-radius:4px}.question-content-box::-webkit-scrollbar-thumb:hover,.diagnostic-welcome-wrapper::-webkit-scrollbar-thumb:hover,.results-card::-webkit-scrollbar-thumb:hover{background:#18202b40}.dashboard-hero-card{background:linear-gradient(135deg,#2b3846,#18202b);color:#fff;padding:32px;border-radius:24px;margin-bottom:32px;box-shadow:0 12px 36px #18202b26;text-align:left}.dashboard-hero-card h3{margin-top:0;margin-bottom:12px;font-size:1.6rem}.dashboard-hero-card p{margin:0;opacity:.85;line-height:1.6}.levels-grid{display:flex;flex-direction:column;gap:24px}.level-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 24px #00000005;text-align:left;transition:border-color .2s ease}.level-card.locked{opacity:.65;background:#18202b05}.level-card.unlocked:hover{border-color:#c65f2d4d}.level-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level-header-row h4{margin:0;font-size:1.25rem;font-weight:800;color:var(--text)}.lock-icon{font-weight:700;font-size:.85rem;background:#0000000f;padding:4px 10px;border-radius:8px;color:var(--muted)}.lock-sub-message{margin:8px 0 0;font-size:.88rem;color:var(--muted);font-style:italic}.lessons-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:20px}.lesson-row-btn{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;font-weight:700;transition:all .2s ease}.lesson-row-btn:hover{border-color:var(--accent);box-shadow:0 6px 16px #0000000a;transform:translateY(-1px)}.lesson-badge{background:var(--bg);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:800;color:var(--accent-dark)}.lesson-title-label{flex-grow:1}.completed-tick{font-size:.8rem;color:#10b981;font-weight:800}.lesson-row-btn.completed{background:#10b98105;border-color:#10b98133}.lesson-study-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:28px;padding:36px;box-shadow:var(--shadow);text-align:left;max-width:800px;margin:0 auto}.back-btn-top{padding:10px 18px;margin-bottom:24px;font-size:.9rem}.lesson-body-content{margin:28px 0}.lesson-text-display{font-size:1.5rem;line-height:1.75;font-weight:600;color:var(--text);margin-bottom:24px}.speak-play-btn{background:var(--accent-soft);color:var(--accent-dark);border:1px solid rgba(198,95,45,.25);font:inherit;font-weight:700;padding:12px 24px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.speak-play-btn:hover{background:#c65f2d29;transform:scale(1.02)}.lesson-micro-quiz{background:#18202b05;border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:32px}.lesson-micro-quiz h4{margin-top:0;margin-bottom:12px}.quiz-options{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.quiz-feedback-msg{font-weight:700;color:var(--accent-dark);margin:12px 0 0}.exams-view-panel{max-width:800px;margin:0 auto}.exam-selection-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 10px 30px #00000008;text-align:left;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.exam-selection-card h4{margin:0;font-size:1.35rem;font-weight:800}.stats-header-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.stat-box{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:24px;text-align:center;box-shadow:0 8px 24px #00000005}.stat-box h5{margin:0 0 8px;font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--muted)}.stat-box h3{margin:0;font-size:1.8rem;font-weight:800;color:var(--text)}.skills-analytics-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 8px 24px #00000005;text-align:left;margin-bottom:32px}.skills-analytics-card h4{margin-top:0;margin-bottom:20px;font-size:1.25rem;font-weight:800}.badges-gallery-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 8px 24px #00000005;text-align:left;margin-bottom:32px}.badges-gallery-card h4{margin-top:0;margin-bottom:24px;font-size:1.25rem;font-weight:800}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.badge-item{border:1px solid var(--line);border-radius:20px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s ease}.badge-item:hover{transform:translateY(-2px)}.badge-item.locked{opacity:.45;background:#00000005}.badge-art{font-size:2.5rem}.badge-item h6{margin:0;font-size:.95rem;font-weight:800}.badge-item p{margin:0;font-size:.75rem;color:var(--muted);line-height:1.4}.profile-tab-wrapper{max-width:600px;margin:0 auto}.profile-info-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:36px;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:16px}.profile-avatar{font-size:4rem;width:100px;height:100px;background:var(--bg);border-radius:50%;display:grid;place-items:center;box-shadow:0 6px 16px #0000000a}.profile-info-card h3{margin:0;font-size:1.6rem;font-weight:800}.profile-info-card p{margin:0;font-size:1rem;color:var(--text);line-height:1.6}.edit-profile-trigger{margin-top:14px;padding:12px 28px}.editing-profile-form{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}@media (max-width: 768px){.stats-header-grid{grid-template-columns:1fr}.monkeytype-text-block{font-size:1.35rem;padding:20px}}.voice-transcript-log{margin-top:24px;padding:16px 20px;background:#18202b0a;border-left:4px solid var(--accent);border-radius:8px;font-size:1.05rem;color:var(--text)}.voice-fallback-area{margin-top:32px;padding-top:24px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:12px}.fallback-label{font-weight:600;color:var(--muted);font-size:.95rem}.fallback-input-row{display:flex;gap:12px}.fallback-input-row input{flex:1}.secondary-btn{background:var(--line);color:var(--text);border:none;border-radius:16px;padding:14px 24px;font-weight:700;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background:#18202b33}.tts-btn{background:var(--accent-soft);color:var(--accent-dark);border:1px solid rgba(198,95,45,.25);border-radius:12px;padding:8px 16px;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .18s ease;white-space:nowrap}.tts-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #c65f2d26}.dashboard-main-view{background-color:#fff!important;background-image:linear-gradient(#ffffffe0,#ffffffe0),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;padding:18px 40px 40px;width:100%}.dashboard-main-view.admin-main-view{background-color:#fff!important;background-image:linear-gradient(#ffffffe0,#ffffffe0),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)!important}[data-theme=dark] .dashboard-main-view{background-color:#060608!important;background-image:linear-gradient(180deg,#060608f2,#08080bed,#040406f7),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}[data-theme=dark] .dashboard-main-view.admin-main-view{background-color:#060608!important;background-image:linear-gradient(180deg,#060608f2,#08080bed,#040406f7),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)!important}.tutor-announcement-bar{display:flex;align-items:center;gap:16px;background:#f1f0fc;border:1px solid rgba(111,76,233,.1);padding:16px 20px;border-radius:20px;margin-bottom:28px;text-align:left}.tutor-icon-box{width:44px;height:44px;background:#6f4ce9;border-radius:12px;display:grid;place-items:center;font-size:1.25rem}.tutor-text-wrapper h5{margin:0 0 2px;font-size:.9rem;font-weight:800;color:#6f4ce9}.tutor-text-wrapper p{margin:0;font-size:.85rem;color:var(--muted)}.premium-hero-card{background:linear-gradient(135deg,#1b1735,#100b21);color:#fff;padding:40px 48px;border-radius:28px;display:flex;justify-content:space-between;align-items:center;position:relative;box-shadow:0 20px 40px #100b2129;margin-bottom:32px;text-align:left}.hero-left-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.hero-tag{font-size:.75rem;font-weight:800;letter-spacing:1.5px;color:#9275f8;text-transform:uppercase}.hero-left-content h1{margin:0;font-size:2.1rem;font-weight:800;line-height:1.2}.hero-subtext{margin:0;font-size:.95rem;opacity:.65}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:8px}.hero-streak-text{font-size:.88rem;font-weight:600;color:#f59e0b;display:flex;align-items:center;gap:6px}.hero-right-progress{display:flex;flex-direction:column;align-items:center;gap:8px}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-circle-bg{stroke:#ffffff14}.progress-ring-circle-fill{stroke:#7c3aed;stroke-dasharray:251.2;transition:stroke-dashoffset .35s}.progress-percentage-label{font-size:.75rem;font-weight:700;color:#ffffff80;margin-top:4px}.current-level-card{border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:28px 32px;box-shadow:0 4px 16px #00000005;text-align:left;min-width:0}.current-level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.current-level-title{margin:0;font-size:1.5rem;font-weight:800;color:#18202b}.current-level-body{display:flex;align-items:center;gap:20px}.current-level-badge{position:relative;width:80px;height:80px;flex-shrink:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:grid;place-items:center}.current-level-badge-icon{font-size:2.2rem;line-height:1}.current-level-badge-level{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:.55rem;font-weight:800;color:#fffffff2;letter-spacing:.3px}.current-level-info{flex:1;min-width:0}.current-level-name{margin:0 0 8px;font-size:1.25rem;font-weight:800;color:#18202b}.current-level-msg{margin:0;font-size:.95rem;color:#5c6673;font-weight:600}[data-theme=dark] .current-level-card{border-color:#ffffff0f;box-shadow:0 8px 24px #00000059}[data-theme=dark] .current-level-title,[data-theme=dark] .current-level-name{color:#ececf1}[data-theme=dark] .current-level-msg{color:#ffffffd9}@media (prefers-color-scheme: dark){.current-level-card{border-color:#ffffff0f;box-shadow:0 8px 24px #00000059}.current-level-title,.current-level-name{color:#ececf1}.current-level-msg{color:#ffffffd9}}.dashboard-top-row{display:flex;align-items:stretch;gap:16px;margin-bottom:40px;flex-wrap:wrap}.dashboard-top-row .metric-stats-grid{flex:0 0 260px;display:flex;flex-direction:column;gap:12px;margin-bottom:0;max-width:260px}.metric-stats-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-width:320px}.metric-stat-box{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 16px #00000005;transition:transform .2s ease,box-shadow .2s ease}.metric-stat-box:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0000000f}.metric-icon-circle{width:34px;height:34px;background:#f3f4f6;border-radius:10px;display:grid;place-items:center;font-size:1rem;color:var(--text)}.metric-text-wrapper{display:flex;flex-direction:column;text-align:left}.metric-number{font-size:1.2rem;font-weight:950;color:var(--text);line-height:1;margin-bottom:2px;display:flex;align-items:center;gap:6px}.metric-label{font-size:.7rem;color:var(--muted);font-weight:600}.badge-new-tag{background:#10b981;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:6px;text-transform:uppercase}.stars-answers-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:18px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 16px #00000005}.stars-answers-card .sa-metrics-row{display:flex;align-items:center;gap:18px}.stars-answers-card .sa-metric{display:flex;align-items:center;gap:14px;flex:1 1 0;min-width:0}.stars-answers-card .sa-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;font-weight:900;flex-shrink:0}.stars-answers-card .sa-icon-stars{background:#f59e0b24;color:#f59e0b}.stars-answers-card .sa-icon-answers{background:#10b98124;color:#10b981}.stars-answers-card .sa-metric-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.stars-answers-card .sa-value{font-size:1.7rem;font-weight:950;color:var(--text)}.stars-answers-card .sa-label{font-size:.78rem;font-weight:700;color:var(--muted);margin-top:2px;white-space:nowrap}.stars-answers-card .sa-divider{width:1px;align-self:stretch;background:var(--line);margin:2px 0}@media (max-width: 480px){.stars-answers-card{gap:12px;padding:16px}.stars-answers-card .sa-metrics-row{gap:12px}.stars-answers-card .sa-icon{width:40px;height:40px}.stars-answers-card .sa-value{font-size:1.4rem}}.daily-quests-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:24px;padding:20px;box-shadow:0 4px 16px #00000005;text-align:left;margin-bottom:32px}.daily-quests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.daily-quests-header h3{margin:0;font-size:1.25rem;font-weight:800;color:var(--text)}.daily-quests-timer{font-weight:700;color:#f59e0b;font-size:.85rem;background:#fff7ed;padding:4px 10px;border-radius:8px;white-space:nowrap}.quest-xp-reward-badge{font-weight:700;color:#b45309;font-size:.85rem;background:#fffbeb;padding:4px 10px;border-radius:8px;white-space:nowrap}.quest-list{display:flex;flex-direction:column;gap:18px}.quest-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.04);background:#fafafa;transition:all .2s ease}.quest-icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.quest-content{flex:1;min-width:0}.quest-title{font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:6px}.quest-progress-bg{width:100%;height:8px;background:#18202b0f;border-radius:4px;overflow:hidden}.quest-progress-fill{height:100%;background:#f59e0b;border-radius:4px;transition:width .3s ease}.quest-reward{font-size:1.2rem;flex-shrink:0}.dashboard-dual-grid{flex:1 1 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}.streak-society-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px #0000000a;color:var(--text);text-align:left}.streak-society-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.streak-society-badge{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:6px 14px;border-radius:10px}.streak-society-icon{font-size:2.5rem;line-height:1}.streak-society-title{margin:0 0 10px;font-size:1.35rem;font-weight:800;color:var(--text)}.streak-society-message{margin:0;font-size:.85rem;line-height:1.5;color:var(--muted);max-width:95%}.streak-society-bar{display:flex;flex-direction:column;gap:8px}.streak-society-days{display:flex;justify-content:space-between}.streak-society-day{width:32px;text-align:center;font-size:.75rem;font-weight:700;color:#ffffffb3}.streak-society-progress-track{position:relative;height:22px;background:#00000059;border-radius:999px;overflow:hidden}.streak-society-progress-fill{position:absolute;left:0;top:0;height:100%;width:70%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px}.streak-society-star{position:absolute;right:18%;top:50%;transform:translateY(-50%);font-size:.9rem;filter:drop-shadow(0 0 6px rgba(251,191,36,.8))}.achievements-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000f;text-align:left}.achievements-card-dark{background:var(--panel-strong)}.achievements-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.achievements-card-header h4{margin:0;font-size:1.25rem;font-weight:800;color:var(--text)}.achievements-view-all{background:none;border:none;color:#1cb0f6;font-size:.85rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s ease;letter-spacing:.3px}.achievements-view-all:hover{background:#1cb0f614}.achievements-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.achievement-row{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 12px 16px;border:2px solid var(--line);border-radius:16px;background:var(--panel);transition:transform .15s ease,box-shadow .15s ease}.achievement-row:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.achievement-row.earned{border-color:transparent;background:linear-gradient(180deg,#ffffff0a,#fff0)}.achievement-row:last-child{border-bottom:none}.achievement-badge-box{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001f;transition:transform .2s ease}.achievement-row:hover .achievement-badge-box{transform:scale(1.05)}.achievement-badge-icon{font-size:2.2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.achievement-level-badge{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.6rem;font-weight:800;color:#fff;letter-spacing:.3px}.achievement-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%}.achievement-info-header{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.achievement-title{font-size:.95rem;font-weight:800;color:var(--text);text-align:center;width:100%}.achievement-progress-counter{font-size:.85rem;font-weight:700;color:var(--muted);flex-shrink:0}.achievements-modal-scroll{scrollbar-width:none;-ms-overflow-style:none}.achievements-modal-scroll::-webkit-scrollbar{display:none}.achievement-desc{margin:0;font-size:.8rem;color:var(--muted);font-weight:500;text-align:center;line-height:1.3}.achievement-progress-track{width:100%;height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:4px}.achievement-progress-fill{height:100%;background:#fbbf24;border-radius:999px;transition:width .4s ease}[data-theme=dark] .achievements-card,[data-theme=dark] .achievements-card-dark{background:var(--panel-strong);border-color:#ffffff0f;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .achievement-progress-track{background:#ffffff14}[data-theme=dark] .achievement-row{background:#ffffff08;border-color:#ffffff0f}[data-theme=dark] .achievement-row:hover{box-shadow:0 6px 20px #0000004d}[data-theme=dark] .achievements-view-all:hover{background:#1cb0f626}.lessons-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;text-align:left}.lessons-section-header h3{margin:0;font-size:1.4rem;font-weight:850;color:var(--text)}.lessons-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.lesson-card-item{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:24px;padding:24px;box-shadow:0 4px 16px #00000005;text-align:left;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;cursor:pointer;transition:all .2s ease;position:relative}.lesson-card-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000000f}.lesson-card-item.active{border-color:#6f4ce94d;box-shadow:0 6px 20px #6f4ce90f}.lesson-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%}.lesson-card-icon-box{width:40px;height:40px;border-radius:12px;background:#f3f4f6;display:grid;place-items:center;font-size:1.15rem}.lesson-active-badge{background:#3b82f6;color:#fff;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:6px;text-transform:uppercase}.lesson-card-title{font-weight:800;font-size:1.05rem;color:var(--text);margin:0 0 4px}.lesson-card-desc{font-size:.8rem;color:var(--muted);margin:0 0 20px;line-height:1.4}.lesson-card-footer{display:flex;flex-direction:column;gap:8px;width:100%}.lesson-card-duration{font-size:.78rem;color:var(--muted);font-weight:600}@media (max-width: 1200px){.lessons-card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-dual-grid{grid-template-columns:1fr}.dashboard-top-row{flex-direction:column}.dashboard-top-row .metric-stats-grid{flex:1 1 auto;max-width:none}}@media (max-width: 640px){.lessons-card-grid,.achievements-list{grid-template-columns:1fr}.premium-hero-card{flex-direction:column;align-items:flex-start;gap:24px}}.benchmark-card{margin:24px 0;padding:24px;border-radius:20px;background:linear-gradient(135deg,#2563eb0d,#4f46e514);border:1px solid rgba(79,70,229,.2);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 30px #00000005;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.benchmark-badge-icon{font-size:3rem;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),#ff9a76);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.benchmark-title{font-size:1.6rem;font-weight:800;color:var(--text-h);margin-bottom:12px;letter-spacing:-.02em}.benchmark-desc{font-size:1.05rem;color:var(--text-p);line-height:1.6}.profile-dropdown-container{position:relative}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px;width:200px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 30px #18202b1f;z-index:2200}.profile-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;border-radius:10px;color:var(--text);font-weight:600;font-size:.9rem;text-align:left;cursor:pointer;transition:all .15s ease}.profile-dropdown-item:hover{background:#c65f2d14;color:var(--accent)}[data-theme=dark] body{background:#0e0e0e;color:var(--text)}[data-theme=dark] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/hero1.png) 70px 40px no-repeat fixed;background-size:750px;filter:saturate(.65) var(--mascot-filter, none);pointer-events:none;z-index:-1}[data-theme=dark] .brand-logo-top,[data-theme=dark] .dashboard-logo,[data-theme=dark] .brand-title{color:var(--accent)}[data-theme=dark] .brand-logo-tagline{color:var(--muted)}[data-theme=dark] .auth-tabs{background:#ffffff0a}[data-theme=dark] .tab-btn.active{background:var(--panel-strong);color:var(--text);box-shadow:0 10px 24px #00000059}[data-theme=dark] input,[data-theme=dark] select{background:#ffffff0a;border-color:#ffffff1f;color:var(--text)}[data-theme=dark] input::placeholder{color:var(--muted)}[data-theme=dark] .monkeytype-text-block{background:#ffffff0a;border-color:var(--line);color:var(--text);box-shadow:inset 0 2px 8px #00000040}[data-theme=dark] .writing-textarea{background:#141417;color:var(--text);border-color:var(--line)}[data-theme=dark] .dashboard-container{background:#0a0a0b!important}[data-theme=dark] .dashboard-header{background:#141418d9!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line)}[data-theme=dark] .dashboard-main-view{background-color:#060608!important;background-image:linear-gradient(180deg,#060608f2,#08080bed,#040406f7),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}[data-theme=dark] .metric-stat-box,[data-theme=dark] .streak-widget-card,[data-theme=dark] .streak-society-card,[data-theme=dark] .achievements-card,[data-theme=dark] .lesson-card-item,[data-theme=dark] .daily-quests-card,[data-theme=dark] .quest-item{background:var(--panel-strong);border-color:#ffffff0f;box-shadow:0 4px 16px #0000004d}[data-theme=dark] .daily-quests-timer{background:#ffffff14;color:var(--accent)}[data-theme=dark] .quest-xp-reward-badge{background:#ffffff14;color:var(--flz-warn)}[data-theme=dark] .quest-progress-bg{background:#ffffff14}[data-theme=dark] .quest-progress-fill{background:#f59e0b}[data-theme=dark] .metric-icon-circle{background:#ffffff0d;color:var(--text)}[data-theme=dark] .streak-society-card{background:var(--panel-strong)}[data-theme=dark] .lesson-card-icon-box{background:#ffffff0f}[data-theme=dark] .tutor-announcement-bar{background:#6f4ce91a;border-color:#6f4ce940}[data-theme=dark] .option-indicator{background:#ffffff0f;color:var(--muted)}[data-theme=dark] .auth-tabs,[data-theme=dark] .tab-btn.active{color:var(--text)}[data-theme=dark] .progress-bar-bg,[data-theme=dark] .bar-bg{background:#ffffff14}[data-theme=dark] .history-table-wrapper{background:var(--panel-strong)}[data-theme=dark] .history-table th{background:#ffffff08;color:var(--muted)}[data-theme=dark] .secondary-btn{background:#ffffff0f;color:var(--text);border-color:var(--line)}[data-theme=dark] .secondary-btn:hover{background:#ffffff1f}[data-theme=dark] .score-badge.high{background:#10b9812e;color:#34d399}[data-theme=dark] .score-badge.medium{background:#f59e0b2e;color:#fbbf24}[data-theme=dark] .score-badge.low{background:#ef44442e;color:#f87171}[data-theme=dark] .profile-info-card>div[style*=fee2e2]{background:#ef44441f!important;border-color:#ef44444d!important}[data-theme=dark] .profile-nav-pill{background:#ffffff0f!important;color:var(--text)!important;border-color:var(--line)!important}[data-theme=dark] .metric-icon-circle[style],[data-theme=dark] .lesson-card-icon-box[style]{background:#ffffff0d!important}.profile-dropdown-edit{display:flex;flex-direction:column;gap:12px;width:100%}.profile-dropdown-edit-title{margin:0 0 2px;font-size:1.05rem;font-weight:800;color:var(--text)}.profile-dropdown-label{display:grid;gap:6px;font-size:.82rem;font-weight:600;color:var(--muted)}.profile-dropdown-label input,.profile-dropdown-label select{font-size:.9rem;padding:10px 12px;border-radius:12px}.profile-dropdown-edit-actions{display:flex;gap:10px;margin-top:4px}.profile-dropdown-edit-actions .profile-dropdown-action{flex:1}.profile-dropdown-card{width:290px;max-height:82vh;overflow-y:auto;padding:16px;gap:14px}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.profile-dropdown-avatar{width:48px;height:48px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 6px 16px #c65f2d40}.profile-dropdown-id{display:flex;flex-direction:column;overflow:hidden;min-width:0}.profile-dropdown-name{font-weight:800;font-size:.98rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-email{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-details{display:flex;flex-direction:column;gap:10px;padding:4px 0}.profile-detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.profile-detail-label{font-size:.82rem;color:var(--muted);font-weight:600}.profile-detail-value{font-size:.85rem;font-weight:700;color:var(--text);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-action{width:100%;justify-content:center;padding:11px 16px;font-size:.9rem}.profile-dropdown-logout{width:100%;justify-content:flex-start;color:#ef4444!important;border-top:1px solid var(--line);border-radius:0;padding-top:14px;margin-top:2px}.profile-dropdown-logout:hover{background:#ef444414;color:#ef4444!important}[data-theme=dark] .profile-dropdown-card{background:#161619;border-color:#ffffff14;box-shadow:0 18px 44px #0000008c}[data-theme=dark] .profile-dropdown-avatar{background:var(--accent)}[data-theme=dark] .profile-dropdown-action.secondary-btn{background:#ffffff0f}.dashboard-container-new{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--theme-bg);background-image:linear-gradient(color-mix(in srgb,var(--theme-bg) 82%,transparent),color-mix(in srgb,var(--theme-bg) 82%,transparent)),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5./yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX19vdmVydGhlcm1haWxfaW1hZ2Vfc2lkZV9oaWxsX2xhbmRzY2FwZV9fNmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text);font-family:var(--font-family)}[data-theme=dark] .dashboard-container-new{background-image:linear-gradient(#121217d1,#121217d1),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX19vdmVydGhlcm1haWxfaW1hZ2Vfc2lkZV9oaWxsX2xhbmRzY2FwZV9fNmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)}[data-theme=dark] .dashboard-container-new{background-image:linear-gradient(#121217d1,#121217d1),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)}.dashboard-sidebar{display:none}.sidebar-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;background:#3869eb52;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;box-shadow:0 2px 8px #00000014,0 0 1px #0000000a;list-style:none;margin:0}[data-theme=dark] .sidebar-pill{background:#3869eb61;box-shadow:0 2px 8px #0000004d,0 0 1px #ffffff0f}.sidebar-logo{font-size:1.4rem;font-weight:800;color:var(--text);margin-bottom:0;display:flex;align-items:center;gap:10px;padding:0 12px;letter-spacing:-.3px}.sidebar-logo-icon{font-size:1.8rem}.sidebar-menu{display:flex;flex-direction:row;align-items:center;gap:2px;flex-grow:1}.sidebar-item{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.95rem;color:var(--muted);background:transparent;border:none;cursor:pointer;text-align:center;transition:all .18s ease;white-space:nowrap;position:relative}[data-theme=dark] .sidebar-item{color:var(--muted)}.sidebar-item:hover{background:#0f172a0a;color:var(--text)}[data-theme=dark] .sidebar-item:hover{background:#ffffff0a;color:var(--text)}.sidebar-item.active{background:var(--panel-strong);color:var(--accent);box-shadow:0 4px 12px #4f46e514,0 0 1px #4f46e50a;font-weight:700}[data-theme=dark] .sidebar-item.active{background:var(--panel-strong);color:var(--accent-dark);box-shadow:0 4px 12px #00000040,0 0 1px #ffffff0f}.sidebar-separator{width:1px;height:18px;background:#0000001f;margin:0 4px;flex-shrink:0;border-radius:1px}[data-theme=dark] .sidebar-separator{background:#ffffff1f}.sidebar-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:800;line-height:1;margin-left:2px;box-shadow:0 1px 3px #ef444459}.sidebar-footer{padding-top:0;border-top:none;display:flex;align-items:center}.sidebar-signout-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.9rem;color:#ef4444;background:transparent;border:none;cursor:pointer;transition:all .18s ease}.sidebar-signout-pill:hover{background:#ef444414}.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 24px;background:var(--panel-strong);border-bottom:1px solid var(--line);box-shadow:none;box-sizing:border-box;position:sticky;top:0;z-index:100}.topbar-left,.topbar-right{display:inline-flex;align-items:center;gap:16px}.topbar-center{display:none}.topbar-logo-img{height:28px;width:28px;border-radius:50%;object-fit:contain;background:#fff;padding:3px;box-shadow:0 2px 8px #00000014}[data-theme=dark] .topbar-logo-img{background:#fff;box-shadow:0 2px 12px #00000059}.topbar-logo-text{color:var(--text);font-size:1.125rem;font-weight:800;letter-spacing:-.3px}.notif-bell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--text);cursor:pointer;transition:background .2s}.notif-bell-btn:hover{background:#0000000f}[data-theme=dark] .notif-bell-btn:hover{background:#ffffff14}.notif-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;font-weight:800;line-height:18px;text-align:center;box-shadow:0 2px 4px #0003}.notif-panel{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-height:480px;background:var(--panel-strong);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px #0000002e,0 0 1px #00000014;z-index:200;overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .notif-panel{box-shadow:0 20px 40px #00000073,0 0 1px #ffffff14}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.notif-panel-header h4{margin:0;font-size:1rem;font-weight:800;color:var(--text)}.notif-header-actions{display:flex;align-items:center;gap:8px}.notif-read-all-btn{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s,color .2s}.notif-read-all-btn:hover{background-color:var(--line);color:var(--accent-dark)}.notif-list{overflow-y:auto;padding:8px}.notif-empty{padding:16px;text-align:center;color:var(--muted);font-size:.9rem;margin:0}.notif-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--panel);margin-bottom:8px;transition:transform .15s,box-shadow .15s}.notif-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}[data-theme=dark] .notif-card:hover{box-shadow:0 4px 12px #00000040}.notif-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-title{font-weight:700;font-size:.9rem;color:var(--text);margin-bottom:2px}.notif-message{font-size:.82rem;color:var(--muted);line-height:1.4}.notif-read-btn{flex-shrink:0;background:none;border:1px solid var(--line);color:var(--accent);font-size:.78rem;font-weight:700;cursor:pointer;padding:6px 10px;border-radius:999px;transition:background-color .2s,color .2s,border-color .2s}.notif-read-btn:hover{background-color:var(--accent);color:#fff;border-color:var(--accent)}.sidebar-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;background:#0f172a0d;border-radius:999px;box-shadow:0 2px 8px #00000005,0 0 1px #00000005;list-style:none;margin:0 auto}[data-theme=dark] .sidebar-pill{background:#ffffff0a;box-shadow:0 2px 8px #0003,0 0 1px #ffffff0a}.topbar-indicators{display:flex;align-items:center;gap:16px}.indicator-pill{display:flex;align-items:center;gap:6px;font-weight:700;font-size:1rem;padding:6px 12px;border-radius:12px;background:#00000008}[data-theme=dark] .indicator-pill{background:#ffffff0d}.indicator-pill.xp{color:#3b82f6}.indicator-pill.streak{color:#ff4d00;gap:6px;padding:6px 12px}.indicator-pill.shop-pill{color:var(--accent);gap:6px;padding:6px 12px;border:none;cursor:pointer;justify-content:center;background:var(--accent-soft);transition:background .2s,transform .15s}.indicator-pill.shop-pill:hover{background:rgba(var(--accent-rgb),.18);transform:translateY(-1px)}[data-theme=dark] .indicator-pill.shop-pill{background:rgba(var(--accent-rgb),.18)}.indicator-pill.leaderboard-pill{color:var(--accent);gap:6px;padding:6px 12px;border:none;cursor:pointer;background:var(--accent-soft);justify-content:center;transition:background .2s,transform .15s}.indicator-pill.leaderboard-pill:hover{background:rgba(var(--accent-rgb),.18);transform:translateY(-1px)}[data-theme=dark] .indicator-pill.leaderboard-pill{background:rgba(var(--accent-rgb),.18)}.indicator-pill.leaderboard-pill.active,.indicator-pill.shop-pill.active{background:var(--accent)!important;color:#fff!important}.learn-grid-layout{display:grid;grid-template-columns:1fr;gap:40px;padding:16px 48px 40px;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.lesson-path-column{display:flex;flex-direction:column;align-items:center;position:relative}.level-header-banner{width:100%;background:var(--accent);color:#fff;border-radius:20px;padding:24px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #c65f2d33}.level-header-info h2{font-size:1.1rem;margin:0 0 4px;font-weight:700}.level-header-unit{margin:0 0 6px!important;font-size:1.4rem!important;font-weight:800;opacity:1!important}.level-header-info p{margin:0;opacity:.9;font-size:.95rem}.lesson-journey{position:relative;width:100%;max-width:640px;margin:0 auto;padding:8px 0;display:flex;flex-direction:column;gap:18px}.lesson-card:before{content:"";position:absolute;left:24px;top:0;bottom:0;width:8px;background:var(--line);border-radius:99px;z-index:0}.lesson-card:not(.lesson-card~.lesson-card):before{top:40px}.lesson-card:not(:has(~.lesson-card)):before{bottom:40px}.lesson-card{position:relative;z-index:1;display:flex;align-items:stretch;gap:20px;margin-bottom:12px}.lesson-card.active{z-index:50}.lesson-card-spine{flex:0 0 auto;width:56px;display:flex;justify-content:center;align-items:flex-start;padding-top:14px}.lesson-card-node{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.15rem;background:var(--panel-strong);border:4px solid var(--line);color:var(--muted);box-shadow:0 4px 10px #0000000f,inset 0 -3px #0000001f;transition:all .25s cubic-bezier(.4,0,.2,1)}.lesson-card.completed .lesson-card-node{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 4px 12px #10b98133,inset 0 -4px #00000026}.lesson-card.unlocked .lesson-card-node{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 0 6px #c65f2d26,0 6px 14px #0000001f,inset 0 -4px #00000026}.lesson-card.unlocked .lesson-card-node:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:2px dashed var(--accent);opacity:.5;animation:rotateDashed 20s linear infinite}@keyframes rotateDashed{to{transform:rotate(360deg)}}.lesson-card-main{position:relative;flex:1 1 auto;display:flex;align-items:center;gap:20px;background:var(--panel-strong);border:1.5px solid var(--line);border-radius:24px;padding:20px 24px;box-shadow:0 8px 24px #18202b08;transition:all .25s cubic-bezier(.4,0,.2,1)}.lesson-card-main:hover{transform:translateY(-3px);box-shadow:0 16px 32px #18202b14;border-color:#c65f2d66}.lesson-card.active .lesson-card-main{border-color:var(--accent);box-shadow:0 16px 36px #c65f2d29}.lesson-card-icon{flex:0 0 auto;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:2rem;background:var(--accent-soft);position:relative;box-shadow:0 4px 10px #00000005}.lesson-card.locked .lesson-card-icon{filter:grayscale(.6);opacity:.7}.lesson-card-lock{position:absolute;right:-6px;bottom:-6px;width:24px;height:24px;border-radius:50%;background:#9ca3af;color:#fff;font-size:.8rem;display:grid;place-items:center;box-shadow:0 2px 4px #0003}.lesson-card-body{flex:1 1 auto;min-width:0}.lesson-card-title{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:var(--text)}.lesson-card-desc{margin:0;font-size:.85rem;color:var(--muted);line-height:1.35}.lesson-card-action{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.lesson-card-pill{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:4px 10px;border-radius:999px;white-space:nowrap}.lesson-card-pill.completed{background:#10b98126;color:#0f9d6b}.lesson-card-pill.unlocked{background:#c65f2d26;color:var(--accent-dark)}.lesson-card-pill.locked{background:#78787826;color:#8a8f98}.lesson-card-btn{border:none;border-radius:12px;padding:9px 16px;font-weight:800;font-size:.85rem;cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 4px 10px #c65f2d4d;transition:all .18s ease}.lesson-card-btn:hover:not(:disabled){transform:translateY(-1px)}.lesson-card-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.lesson-card.completed .lesson-card-btn{background:#10b981;box-shadow:0 4px 10px #10b9814d}.lesson-section{display:flex;flex-direction:column;gap:18px}.lesson-section+.lesson-section{margin-top:8px}.lesson-section-banner{width:100%;background:var(--accent);color:#fff;border-radius:20px;padding:20px 24px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #c65f2d33}.lesson-section-banner.alt{background:#6d5dfc;box-shadow:0 8px 24px #6d5dfc33}.lesson-section-banner-meta{font-size:1.1rem;margin:0 0 4px;font-weight:700}.lesson-section-banner-unit{margin:0;font-size:1.4rem;font-weight:800;opacity:1}.lesson-section-banner-tag{flex:0 0 auto;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:999px;background:#fff3}.lesson-unit+.lesson-unit{margin-top:18px}.lesson-unit-header{display:flex;align-items:baseline;gap:12px;margin:4px 0 14px;padding-left:8px}.lesson-unit-title{font-size:1.05rem;font-weight:800;color:var(--text);margin:0}.lesson-unit-topic{font-size:.9rem;font-weight:600;color:var(--muted)}.lesson-section-nav{display:flex;gap:12px;margin-top:18px}.lesson-next-section-btn{flex:1 1 auto;padding:14px 20px;border:1px solid var(--accent);background:var(--panel-strong);color:var(--accent);font-weight:800;font-size:1rem;border-radius:16px;cursor:pointer;transition:all .2s ease}.lesson-next-section-btn.prev{flex:0 0 auto;color:var(--muted);border-color:var(--line)}.lesson-next-section-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px #c65f2d38}.lesson-next-section-btn.prev:hover{background:var(--muted);border-color:var(--muted);color:#fff}.lesson-next-section-btn:active{transform:scale(.99)}.lesson-card.alt.unlocked .lesson-card-node{background:#6d5dfc;border-color:#6d5dfc;color:#fff;box-shadow:0 0 0 6px #6d5dfc2e,0 4px 10px #0000001f}.lesson-card.alt.unlocked .lesson-card-pill.unlocked{background:#6d5dfc26;color:#6d5dfc}.lesson-card.alt.unlocked .lesson-card-btn{background:#6d5dfc;box-shadow:0 4px 10px #6d5dfc4d}.lesson-card.alt.active .lesson-card-main{border-color:#6d5dfc;box-shadow:0 12px 30px #6d5dfc2e}.lesson-card.checkpoint .lesson-card-icon{background:linear-gradient(135deg,#6d5dfc2e,#10b9812e)}[data-theme=dark] .lesson-card.alt .lesson-card-node.unlocked{box-shadow:0 0 0 6px #8b7cff38,0 4px 10px #0006}.learn-right-sidebar{display:flex;flex-direction:column;gap:24px}.learn-right-sidebar .daily-quests-card,.learn-right-sidebar .current-level-card,.learn-right-sidebar .achievements-card,.learn-right-sidebar .streak-widget-card{margin:0;width:100%;box-sizing:border-box}.practice-grid-layout{display:grid;grid-template-columns:1fr;gap:40px;padding:0 24px 40px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.practice-content-column{display:flex;flex-direction:column;gap:32px;width:100%}.dashboard-overview{display:grid;grid-template-columns:1.1fr 1fr;column-gap:32px;row-gap:16px;align-items:start;max-width:1600px;margin:0 auto;padding:8px 32px 20px;width:100%;box-sizing:border-box}.dashboard-col{display:flex;flex-direction:column;gap:16px;min-width:0}@media (max-width: 900px){.dashboard-overview{grid-template-columns:1fr}}.dashboard-hero-banner{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;background:var(--card-bg, #ffffff);border-radius:20px;padding:24px 32px;margin-bottom:8px;border:1px solid var(--line, rgba(226, 232, 240, .8));box-shadow:0 4px 20px #00000008;gap:24px}[data-theme=dark] .dashboard-hero-banner{background:var(--panel, #1e293b);border-color:#ffffff1a}.dashboard-hero-left{display:flex;flex-direction:column;gap:16px;flex:1;min-width:0}.dashboard-greeting-header{display:flex;align-items:center;gap:14px}.dashboard-avatar-badge{width:44px;height:44px;border-radius:50%;background:#024;color:#fff;font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0243}.dashboard-greeting-title{font-size:1.55rem;font-weight:800;color:var(--text, #0f172a);margin:0;line-height:1.25}.dashboard-recommendation-pill{display:flex;align-items:center;gap:10px;background:#f2f5fd;border-radius:14px;padding:10px 18px;font-size:.88rem;color:#334155;margin-left:58px;width:fit-content;max-width:100%;box-sizing:border-box}[data-theme=dark] .dashboard-recommendation-pill{background:#6366f126;color:#cbd5e1}.dashboard-sparkle-icon{width:16px;height:16px;color:#4f46e5;flex-shrink:0}.dashboard-recommendation-text{line-height:1.4}.dashboard-set-goal-btn{background:none;border:none;color:#2563eb;font-weight:600;font-size:.88rem;cursor:pointer;padding:0 0 0 10px;white-space:nowrap;font-family:inherit;transition:opacity .2s}.dashboard-set-goal-btn:hover{text-decoration:underline;opacity:.85}.dashboard-hero-right{width:320px;max-width:380px;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.dashboard-hero-banner{flex-direction:column;align-items:flex-start}.dashboard-hero-right{width:100%;max-width:300px;align-self:center}.dashboard-recommendation-pill{margin-left:0}}@media (max-width: 640px){.dashboard-hero-banner{padding:18px 20px}.dashboard-greeting-title{font-size:1.3rem}.dashboard-recommendation-pill{flex-direction:column;align-items:flex-start;gap:6px}.dashboard-set-goal-btn{padding-left:0}}.dashboard-greeting{display:flex;align-items:center;justify-content:flex-start;gap:60px;width:100%;margin-bottom:0;padding:0 0 0 24px}.dashboard-greeting-svg{width:140px;flex-shrink:0}.dashboard-greeting h1{margin:0;font-size:2rem;font-weight:800;color:var(--text)}.desktop-greeting-line{display:inline-block;font-size:2rem;font-weight:800;color:var(--text)}.mobile-greeting-wrapper,.greeting-name-br{display:none}.greeting-hello-line{font-size:2rem;font-weight:800;white-space:nowrap}.greeting-name-line{font-size:2rem;font-weight:800;color:var(--text)}.dashboard-greeting p{margin:4px 0 0;font-size:.95rem;color:var(--muted)}@media (max-width: 900px){.desktop-greeting-line{display:none!important}.mobile-greeting-wrapper{display:block!important}.greeting-name-br{display:block}.dashboard-greeting{gap:16px;justify-content:space-between;align-items:center;padding:12px 14px!important}.greeting-hello-line{font-size:1.5rem}.greeting-name-line{font-size:1.9rem;line-height:1.15}.dashboard-greeting p{font-size:.95rem;margin-top:6px;line-height:1.38}.dashboard-greeting-svg{width:145px}}@media (max-width: 500px){.dashboard-greeting{gap:12px;justify-content:space-between;align-items:center;padding:10px 12px!important}.greeting-hello-line{font-size:1.45rem}.greeting-name-line{font-size:1.85rem;line-height:1.15}.dashboard-greeting p{font-size:.92rem;line-height:1.38;margin-top:6px}.dashboard-greeting-svg{width:135px;flex-shrink:0}}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--panel);color:var(--text);border-radius:22px;padding:18px 26px;border:2px solid var(--line);min-height:105px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000a;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.resume-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0000000f}[data-theme=dark] .resume-card{background:var(--panel);border:2px solid var(--line);box-shadow:0 10px 30px #00000040}.resume-card-info{min-width:0;z-index:1}.resume-card-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.9px;background:var(--accent-soft);color:var(--accent-dark);padding:4px 14px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.resume-card-title{margin:10px 0 6px;font-size:1.75rem;font-weight:900;letter-spacing:-.4px;color:var(--text)}.resume-card-sub{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.4}.resume-btn{flex:0 0 auto;border:none;border-radius:18px;padding:12px 24px;font-size:.95rem;font-weight:850;cursor:pointer;background:var(--accent-soft);color:var(--accent-dark);box-shadow:none;display:inline-flex;align-items:center;gap:8px;z-index:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.resume-btn:hover{transform:translateY(-2px);background:var(--accent);color:#fff;box-shadow:0 6px 18px var(--accent-soft)}@media (max-width: 560px){.resume-card{flex-direction:column;align-items:flex-start}}.word-of-day-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:0 8px 24px #18202b14}.word-of-day-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.word-of-day-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.word-of-day-speak{border:none;background:var(--accent-soft);color:var(--accent-dark);width:40px;height:40px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:transform .18s ease,background .18s ease}.word-of-day-speak:hover{transform:scale(1.08);background:var(--accent);color:#fff}.word-of-day-word{margin:0 0 14px;font-size:1.6rem;font-weight:800;color:var(--text)}.word-of-day-block{margin-bottom:16px}.word-of-day-block:last-child{margin-bottom:0}.word-of-day-heading{display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-dark);margin-bottom:4px}.word-of-day-meaning{margin:0;font-size:1rem;font-weight:600;color:var(--text);line-height:1.45}.word-of-day-speak-inline{width:28px;height:28px;font-size:.85rem;margin-left:8px;vertical-align:middle;display:inline-grid}.word-of-day-example{margin:0;font-size:.95rem;font-style:italic;color:var(--muted);line-height:1.45}.progress-dashboard-widget{background:var(--panel-strong);border:1px solid var(--line);border-radius:22px;padding:22px 26px;box-shadow:0 8px 24px #18202b14}.progress-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.progress-dashboard-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0}.progress-view-btn{border:none;background:var(--accent-soft);color:var(--accent-dark);padding:8px 18px;border-radius:12px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.progress-view-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.progress-view-btn:active{transform:translateY(0)}.progress-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.progress-metric-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:transform .2s ease,box-shadow .2s ease}.progress-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #18202b14}.progress-metric-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.progress-metric-icon.xp{background:#f59e0b1f;color:#f59e0b}.progress-metric-icon.lessons{background:#10b9811f;color:#10b981}.progress-metric-icon.streak{background:#ef44441f;color:#ef4444}.progress-metric-icon.accuracy{background:#3b82f61f;color:#3b82f6}.progress-metric-info{display:flex;flex-direction:column;gap:2px}.progress-metric-value{font-size:1.3rem;font-weight:800;color:var(--text);line-height:1.1}.progress-metric-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.progress-skill-mini-bar{margin-top:4px;height:4px;background:var(--line);border-radius:2px;overflow:hidden}.progress-skill-mini-fill{height:100%;border-radius:2px;transition:width .4s ease}.progress-dashboard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px}.progress-dashboard-summary{font-size:.82rem;color:var(--muted);font-weight:600}.progress-dashboard-summary strong{color:var(--text)}@media (max-width: 760px){.progress-metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.progress-dashboard-widget{padding:16px 18px}}.analytics-back-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--panel-strong, #ffffff)!important;color:var(--text, #0f172a)!important;border:2px solid var(--line, #cbd5e1)!important;box-shadow:0 4px 0 var(--line, #cbd5e1)!important;border-radius:14px!important;padding:10px 18px!important;font-size:.95rem!important;font-weight:800!important;cursor:pointer!important;transition:all .15s ease!important;font-family:var(--font-family, "Inter", sans-serif)!important;-webkit-user-select:none!important;user-select:none!important;line-height:1!important}.analytics-back-btn:hover{background:var(--line, #e2e8f0)!important;color:var(--text, #0f172a)!important;border-color:var(--line, #cbd5e1)!important;box-shadow:0 4px 0 var(--line, #cbd5e1)!important;transform:translateY(-1px)!important}.analytics-back-btn:active{transform:translateY(3px)!important;box-shadow:0 1px 0 var(--line, #cbd5e1)!important}[data-theme=dark] .analytics-back-btn{background:#1e2330f2!important;color:#f8fafc!important;border-color:#ffffff2e!important;box-shadow:0 4px #ffffff2e!important}[data-theme=dark] .analytics-back-btn:hover{background:#2d3446fa!important;color:#fff!important;border-color:#ffffff47!important;box-shadow:0 4px #ffffff47!important}[data-theme=dark] .analytics-back-btn:active{transform:translateY(3px)!important;box-shadow:0 1px #ffffff2e!important}.dashboard-overview-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 760px){.dashboard-overview-row{grid-template-columns:1fr}}.practice-section{display:flex;flex-direction:column;gap:16px}.practice-section-title{font-size:1.5rem;font-weight:800;color:var(--text);margin:0}.perfect-pronunciation-card{background:linear-gradient(135deg,#104a3e,#172d54);border-radius:20px;padding:32px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;cursor:pointer;border:2px solid var(--line);transition:all .2s ease}.perfect-pronunciation-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #00000026}.perfect-pronunciation-info{display:flex;flex-direction:column;gap:12px;max-width:60%;z-index:2}.perfect-pronunciation-title{color:#fff;font-size:1.8rem;font-weight:800;margin:0}.perfect-pronunciation-desc{color:#ffffffd9;font-size:1rem;line-height:1.4;margin:0}.perfect-pronunciation-btn{background:#fff;color:#104a3e;border:none;border-radius:12px;padding:12px 28px;font-weight:800;font-size:.95rem;cursor:pointer;align-self:flex-start;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.perfect-pronunciation-btn:hover{transform:scale(1.05)}.perfect-pronunciation-mascot{width:170px;height:170px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 4px rgb(236,236,236)) drop-shadow(0 8px 12px rgba(0,0,0,.25))}.practice-row-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.practice-row-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.practice-row-cards{grid-template-columns:1fr}}.practice-row-card{background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:22px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;cursor:pointer;transition:all .2s ease;text-align:left}.practice-row-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 16px #0000000d}.practice-row-card-content{display:flex;flex-direction:column;gap:6px;flex-grow:1}.practice-row-card-title{font-size:1.25rem;font-weight:800;margin:0;color:var(--text);display:flex;align-items:center;gap:10px}.practice-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px}.practice-row-card-desc{font-size:.95rem;color:var(--muted);margin:0}.practice-row-card-icon{font-size:2.2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#ffffff0d;order:-1}.speak-icon{color:#10b981}.listen-icon,.read-icon{color:#ef4444}.mistakes-icon{color:#f59e0b}.words-icon{color:#3b82f6}.stories-icon{color:#a855f7}.profile-view-container{padding:0 40px 40px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;animation:fadeIn .4s ease-out}.profile-layout-grid{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}@media (max-width: 1024px){.profile-layout-grid{grid-template-columns:1fr;gap:24px}}.profile-card-large{background:var(--panel);border:2px solid var(--line);border-radius:24px;margin-bottom:24px;overflow:hidden;padding:0;box-shadow:0 12px 40px #0000000a;position:relative;transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .profile-card-large{box-shadow:0 12px 40px #0003}.profile-cover{height:140px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.profile-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0009);pointer-events:none}.profile-card-body{padding:0 24px 24px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-large{width:100px;height:100px;border-radius:50%;background:var(--accent);color:#fff;font-size:2.5rem;font-weight:800;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 24px #00000026;border:5px solid var(--panel);position:absolute;top:-50px;left:50%;transform:translate(-50%);z-index:10;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.profile-avatar-large:hover{transform:translate(-50%) translateY(-4px) scale(1.05)}.profile-info-large{padding-top:58px;z-index:10;position:relative;width:100%}.profile-info-large h2{font-size:1.6rem;font-weight:900;margin:0 0 4px;color:var(--text);line-height:1.1;letter-spacing:-.5px}.profile-info-large p{color:var(--text-muted);margin:0 0 20px;font-size:.95rem;font-weight:600;word-break:break-all}.profile-details-list{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:100%}.profile-details-list span{display:block;background:var(--bg);padding:10px 14px;border-radius:16px;font-size:.85rem;font-weight:700;color:var(--text);border:1.5px solid var(--line);box-shadow:0 2px 8px #00000005;text-align:center;word-break:break-word;white-space:normal}@media (max-width: 1024px){.profile-details-list{flex-direction:row;flex-wrap:wrap;justify-content:center}}.lesson-overlay-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:3000;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.lesson-overlay-header{padding:16px 24px;border-bottom:2px solid var(--line);background:var(--panel)}.lesson-overlay-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1000px;margin:0 auto}.lesson-overlay-controls{display:flex;align-items:center;gap:16px;margin-left:auto}.lesson-overlay-header .theme-toggle-container,.lesson-overlay-header .lang-selector-container{position:relative;top:auto;right:auto}.lesson-overlay-header .lang-selector-trigger span{display:none}.lesson-overlay-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text);font-weight:700}.lesson-progress-container{flex-grow:1;margin:0 32px;height:16px;background:#0000000f;border-radius:8px;overflow:hidden}[data-theme=dark] .lesson-progress-container{background:#ffffff14}.lesson-progress-bar{height:100%;background:#10b981;transition:width .3s ease;min-width:8px}.lesson-overlay-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 24px 0;overflow-y:auto;min-height:0}.lesson-question-container{max-width:600px;width:100%;text-align:center}.lesson-question-type{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin-bottom:12px}.lesson-question-title{font-size:1.6rem;font-weight:800;margin:0 0 24px}.lesson-mcq-options{display:flex;flex-direction:column;gap:12px;margin-top:20px;width:100%}.lesson-mcq-option-btn{background:var(--panel);border:2px solid var(--line);padding:16px 24px;border-radius:16px;font-size:1.05rem;font-weight:700;text-align:left;cursor:pointer;transition:all .15s ease;color:var(--text)}.lesson-mcq-option-btn:hover:not(:disabled){border-color:var(--accent);background:#c65f2d0a}.lesson-mcq-option-btn.selected{border-color:var(--accent);background:#c65f2d14}.lesson-overlay-footer{padding:24px 48px;border-top:2px solid var(--line);background:var(--panel);display:flex;justify-content:flex-end;box-sizing:border-box}.lesson-check-btn{background:#10b981;color:#fff;border:none;padding:14px 40px;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;text-transform:uppercase}.lesson-check-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}[data-theme=dark] .lesson-check-btn:disabled{background:#374151;color:#4b5563}.lesson-feedback-banner{position:absolute;left:0;right:0;bottom:0;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;animation:slideUp .2s ease-out;box-sizing:border-box}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lesson-feedback-banner.correct{background:#d1fae5;color:#065f46;border-top:2px solid #34d399}[data-theme=dark] .lesson-feedback-banner.correct{background:#064e3b;color:#a7f3d0;border-top:2px solid #059669}.lesson-feedback-banner.incorrect{background:#fee2e2;color:#991b1b;border-top:2px solid #fca5a5}[data-theme=dark] .lesson-feedback-banner.incorrect{background:#7f1d1d;color:#fca5a5;border-top:2px solid #dc2626}.lesson-feedback-info h4{margin:0 0 4px;font-size:1.3rem;font-weight:800}.lesson-feedback-info p{margin:0;font-size:.95rem}.curriculum-section-tabs{display:flex;gap:12px;overflow-x:auto;padding:16px 8px;scrollbar-width:none}.curriculum-section-tabs::-webkit-scrollbar{display:none}.curriculum-section-tab{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:20px;border:1.5px solid var(--line);background:var(--panel-strong);cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 10px #00000005}.curriculum-section-tab:hover{background:var(--panel);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.curriculum-section-tab.active{background:var(--panel-strong);border-width:2px;box-shadow:0 10px 24px #0000001f}.curriculum-tab-icon{font-size:1.3rem}.curriculum-tab-num{font-size:.72rem;color:var(--muted)}.curriculum-tab-badge{position:absolute;top:-4px;right:-4px;font-size:.8rem;color:#f59e0b}.ai-lesson-loading{text-align:center;padding:60px 20px;max-width:400px}.ai-lesson-loading h3{font-size:1.3rem;margin:20px 0 8px}.ai-lesson-loading p{color:var(--muted)}.ai-spinner{width:56px;height:56px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.ai-lesson-content{width:100%;max-width:700px;padding-bottom:100px}.ai-lesson-step-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.ai-lesson-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4;transition:opacity .2s}.ai-lesson-step-dot.active{opacity:1}.ai-lesson-step-dot.done{opacity:.7}.dot-num{width:30px;height:30px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.ai-lesson-step-dot.active .dot-num{border-color:var(--accent);background:var(--accent);color:#fff}.ai-lesson-step-dot.done .dot-num{border-color:#10b981;background:#10b981;color:#fff}.dot-label{font-size:.65rem;color:var(--muted);font-weight:600;white-space:nowrap}.ai-lesson-step{width:100%}.ai-lesson-step-header{margin-bottom:8px;margin-top:0}.ai-lesson-step-header h3{font-size:1.4rem;font-weight:800;margin:8px 0 4px}.ai-step-badge{display:none!important}.ai-lesson-explanation p{line-height:1.75;margin-bottom:14px;color:var(--text)}.ai-lesson-examples{margin-top:20px;padding:16px;background:var(--card-bg);border-radius:14px}.ai-lesson-examples h4{margin-bottom:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ai-example-item{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid var(--border)}.ai-example-item:last-child{border-bottom:none}.ai-example-text{font-size:1.05rem;font-weight:600}.ai-example-trans{font-size:.85rem;color:var(--muted)}.ai-lesson-tip{margin-top:16px;padding:14px 16px;background:rgba(var(--accent-rgb, 99, 102, 241),.08);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;font-size:.9rem;line-height:1.6}.ai-mcq-block{background:var(--card-bg);border-radius:14px;padding:18px;margin-bottom:16px;border:2px solid var(--border)}.ai-mcq-block.correct{border-color:#10b981}.ai-mcq-block.incorrect{border-color:#ef4444}.ai-mcq-question{font-weight:600;margin-bottom:14px;line-height:1.5}.ai-mcq-options{display:grid;gap:8px}.ai-mcq-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;border:2px solid var(--border);background:var(--surface);cursor:pointer;font-size:.95rem;font-weight:500;text-align:left;transition:all .15s}.ai-mcq-option:hover:not(:disabled){border-color:var(--accent)}.ai-mcq-option:disabled{cursor:default}.ai-mcq-option.correct{border-color:#10b981;background:#10b9811f;color:#10b981}.ai-mcq-option.wrong{border-color:#ef4444;background:#ef44441f;color:#ef4444}.option-letter{font-weight:700;color:var(--accent);min-width:22px}.ai-mcq-feedback{margin-top:10px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600}.ai-mcq-feedback.correct{background:#10b9811a;color:#10b981}.ai-mcq-feedback.incorrect{background:#ef44441a;color:#ef4444}.ai-fill-block{background:var(--card-bg);border-radius:14px;padding:18px;margin-bottom:14px;border:2px solid var(--border)}.ai-fill-sentence{font-size:1.1rem;font-weight:600;margin-bottom:8px;line-height:1.5}.ai-fill-input{flex:1;padding:10px 14px;border-radius:10px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .2s}.ai-fill-input:focus{outline:none;border-color:var(--accent)}.ai-fill-feedback{margin-top:8px;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600}.ai-fill-feedback.correct{background:#10b9811a;color:#10b981}.ai-fill-feedback.incorrect{background:#ef44441a;color:#ef4444}.ai-reading-block,.ai-writing-block{background:var(--card-bg);border-radius:14px;padding:20px;border:2px solid var(--border)}.ai-passage-text{font-size:1.1rem;line-height:1.85;color:var(--text);padding:16px;background:var(--surface);border-radius:10px;font-family:Georgia,serif}.ai-pronunciation-words{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.ai-pronunciation-word{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:var(--panel-strong);border-radius:16px;border:2px solid var(--line);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.ai-pronunciation-word:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #c65f2d1f}.ai-pronunciation-word .tts-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);border:none;cursor:pointer;transition:all .2s ease;font-size:1.1rem}.ai-pronunciation-word:hover .tts-btn{background:var(--accent);color:#fff}.results-skill-grid{display:grid;grid-template-columns:1fr;gap:10px}.duo-learn-container{max-width:580px;margin:0 auto;padding:24px 16px 80px;display:flex;flex-direction:column;gap:40px;box-sizing:border-box}.duo-section-block{display:flex;flex-direction:column;gap:32px}.duo-section-banner{width:100%;border-radius:24px;padding:24px;display:flex;align-items:center;gap:20px;color:#fff;position:relative;overflow:hidden;box-sizing:border-box}.duo-section-banner-icon{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.duo-section-banner-text{flex-grow:1}.duo-section-banner-meta{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;font-weight:700}.duo-section-banner-title{margin:4px 0 0;font-size:1.6rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1)}.duo-section-badge{background:#fffffff2;color:#f59e0b;font-size:1.1rem;font-weight:800;padding:0;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a;flex-shrink:0;box-sizing:border-box}[data-theme=dark] .duo-section-badge{background:#fffffff2;color:#f59e0b}.duo-unit-block{display:flex;flex-direction:column;gap:24px}.duo-unit-header{background:var(--panel-strong);border:1.5px solid var(--line);border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000005}.duo-unit-title{margin:0;font-size:.95rem;font-weight:800;color:var(--accent);text-transform:uppercase}.duo-unit-topic{font-size:1rem;font-weight:700;color:var(--text)}.duo-unit-progress{margin-left:auto;font-size:.85rem;font-weight:600;color:var(--muted)}.duo-lessons-path{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;padding:20px 0}.duo-path-line{position:absolute;top:0;bottom:0;width:14px;background:var(--line);border-radius:99px;z-index:1}.duo-node-container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;transition:all .3s ease}.snake-center{transform:translate(0)}.snake-right{transform:translate(80px)}.snake-left{transform:translate(-80px)}.duo-node-circle{width:70px;height:64px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px #00000026,0 12px 16px #00000014;transition:all .2s ease;position:relative;outline:none}.duo-node-circle:active{transform:translateY(4px);box-shadow:0 4px #00000026,0 6px 8px #0000000f}.duo-node-circle.completed{background:#10b981!important;box-shadow:0 10px #0d9668,0 12px 16px #10b98133}.duo-node-circle.completed:active{transform:translateY(4px);box-shadow:0 4px #0d9668}.duo-node-circle.unlocked{box-shadow:0 10px #0003,0 12px 20px #00000026}.duo-node-circle.unlocked:active{transform:translateY(4px);box-shadow:0 4px #0003}.duo-node-circle.locked{background:#e5e7eb!important;box-shadow:0 10px #d1d5db,0 12px 8px #0000000d;cursor:not-allowed}.duo-node-circle.locked .duo-node-icon{filter:grayscale(1) opacity(.4)!important}[data-theme=dark] .duo-node-circle.locked{background:#374151!important;box-shadow:0 10px #1f2937}.duo-node-icon{font-size:2.2rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.duo-active-ring{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:3px dashed var(--accent);animation:rotateDashed 20s linear infinite;pointer-events:none}.duo-popover-card{position:absolute;top:86px;left:50%;transform:translate(-50%);width:270px;background:var(--panel-strong);border:2px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 36px #00000026;z-index:1000;display:flex;flex-direction:column;gap:10px;text-align:left;animation:duoFadeIn .2s cubic-bezier(.4,0,.2,1) forwards}.duo-popover-card:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent var(--panel-strong) transparent}.duo-popover-card:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:10px;border-style:solid;border-color:transparent transparent var(--line) transparent;z-index:-1}@keyframes duoFadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.duo-popover-header{display:flex;justify-content:space-between;align-items:center}.duo-popover-badge{font-size:.72rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:999px}.duo-popover-xp{font-size:.85rem;font-weight:700;color:#f59e0b}.duo-popover-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text)}.duo-popover-desc{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}.duo-popover-btn{border:none;border-radius:14px;padding:12px;font-weight:800;font-size:.9rem;color:#fff;cursor:pointer;text-align:center;transition:transform .15s ease}.duo-popover-btn:hover:not(:disabled){transform:scale(1.02)}.duo-popover-btn:active:not(:disabled){transform:scale(.98)}.duo-path-mascot{position:absolute;top:50%;transform:translateY(-50%);z-index:1;pointer-events:none;animation:duoMascotFloat 4s ease-in-out infinite alternate}.duo-path-mascot.mascot-left{left:20px}.duo-path-mascot.mascot-right{right:20px}@keyframes duoMascotFloat{0%{transform:translateY(-50%) translateY(-6px)}to{transform:translateY(-50%) translateY(6px)}}@media (max-width: 640px){.duo-path-mascot{display:none}.duo-section-banner-icon{font-size:1.5rem}.duo-section-banner-title{font-size:1.1rem}.duo-unit-progress,.duo-unit-title{font-size:.7rem}.duo-unit-topic{font-size:.8rem}}[data-theme=dark] .duo-path-mascot img{filter:drop-shadow(0 0 16px rgba(255,255,255,.16)) drop-shadow(0 0 6px rgba(255,255,255,.24))!important}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.6rem;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #00000026,inset 0 -3px #0003;z-index:1200;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;outline:none}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003,inset 0 -3px #0003}.scroll-top-btn:active{transform:translateY(1px);box-shadow:0 4px 8px #00000026}.profile-cover-edit-btn:hover{transform:scale(1.08);background:#ffffff59!important}.profile-cover-edit-btn:active{transform:scale(.95)}.profile-avatar-edit-badge{opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1)!important}.profile-avatar-large:hover .profile-avatar-edit-badge{opacity:1!important;pointer-events:auto!important}.duo-lesson-container{max-width:720px;margin:0 auto;padding:24px;width:100%}.duo-step-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;gap:8px}.duo-step-segment{display:flex;flex-direction:column;align-items:center;flex:1;opacity:.4;transition:opacity .3s ease}.duo-step-segment.active{opacity:1}.duo-step-segment.done{opacity:.85}.duo-step-icon-pill{width:42px;height:42px;border-radius:50%;background:var(--panel-strong);border:2px solid var(--line);display:grid;place-items:center;font-size:1.15rem;box-shadow:0 4px 8px #0000000a;transition:all .25s cubic-bezier(.4,0,.2,1)}.duo-step-segment.active .duo-step-icon-pill{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:scale(1.1);box-shadow:0 6px 14px #c65f2d26}.duo-step-segment.done .duo-step-icon-pill{border-color:#10b981;background:#d1fae5;color:#065f46}.duo-step-seg-label{font-size:.72rem;font-weight:700;margin-top:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.duo-step-body{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:24px}.duo-explain-header{margin-bottom:8px}.duo-skill-pill{display:inline-block;padding:6px 14px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.82rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.duo-explain-title{font-size:1.85rem;font-weight:850;margin:0}.duo-explain-mascot-row{display:flex;gap:20px;align-items:flex-start;margin-top:12px}.duo-explain-mascot{width:90px;height:90px;object-fit:contain;animation:floatMini 3s ease-in-out infinite alternate}@keyframes floatMini{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.duo-speech-bubble{flex:1;background:var(--panel-strong);border:2.5px solid var(--line);border-radius:24px;padding:20px;position:relative;box-shadow:var(--shadow);color:var(--text);font-size:1.05rem;line-height:1.6}.duo-speech-bubble p{margin:0 0 10px}.duo-speech-bubble p:last-child{margin:0}.duo-speech-bubble:before{content:"";position:absolute;left:-12px;top:30px;border-width:12px 12px 12px 0;border-style:solid;border-color:transparent var(--line) transparent transparent;display:block;width:0}.duo-speech-bubble:after{content:"";position:absolute;left:-9px;top:30px;border-width:12px 12px 12px 0;border-style:solid;border-color:transparent var(--panel-strong) transparent transparent;display:block;width:0}.duo-examples-section{margin-top:8px}.duo-section-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px;font-weight:800}.duo-examples-list{display:flex;flex-direction:column;gap:12px}.duo-example-card{display:flex;align-items:center;gap:16px;background:var(--panel-strong);border:2px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 4px 10px #00000005;transition:all .2s ease}.duo-example-card:hover{transform:translateY(-2px);border-color:var(--accent)}.duo-speak-btn{background:var(--accent);color:#fff;border:none;width:38px;height:38px;border-radius:50%;font-size:1rem;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px #c65f2d33;transition:transform .15s ease}.duo-speak-btn:hover{transform:scale(1.1)}.duo-example-text-wrap{display:flex;flex-direction:column}.duo-example-text{font-size:1.15rem;font-weight:800}.duo-example-trans{font-size:.9rem;color:var(--muted);margin-top:2px}.duo-tip-banner{display:flex;gap:16px;background:var(--panel-strong);border-left:5px solid var(--accent);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow)}.duo-tip-icon{font-size:1.5rem}.duo-tip-banner strong{display:block;font-size:1rem;font-weight:800;margin-bottom:4px}.duo-tip-banner p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}.duo-continue-btn{background:var(--accent);color:#fff;border:none;padding:16px;font-size:1.05rem;font-weight:800;border-radius:16px;cursor:pointer;box-shadow:0 6px 18px #c65f2d40;transition:all .2s ease;margin-top:12px}.duo-continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c65f2d59}.duo-mcq-body{position:relative;padding-bottom:120px}.duo-mcq-counter{display:flex;justify-content:space-between;align-items:center}.duo-mcq-counter span{font-size:.85rem;font-weight:800;color:var(--muted);text-transform:uppercase}.duo-mcq-dots{display:flex;gap:6px}.duo-mcq-dot{width:10px;height:10px;border-radius:50%;background:var(--line);transition:background .3s ease}.duo-mcq-dot.active{background:var(--accent);transform:scale(1.2)}.duo-mcq-dot.done{background:#10b981}.duo-mcq-question-card{margin-top:8px}.duo-mcq-mascot-row{display:flex;gap:16px;align-items:center}.duo-mcq-mascot{width:72px;height:72px;object-fit:contain}.duo-mcq-q-bubble{flex:1;background:var(--panel-strong);border:2.5px solid var(--line);border-radius:20px;padding:16px 20px;position:relative;box-shadow:var(--shadow)}.duo-mcq-q-bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--line) transparent transparent;display:block}.duo-mcq-q-bubble:after{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);border-width:10px 10px 10px 0;border-style:solid;border-color:transparent var(--panel-strong) transparent transparent;display:block}.duo-mcq-question-text{font-size:1.35rem;font-weight:850;margin:0;line-height:1.4}.duo-mcq-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}@media (max-width: 580px){.duo-mcq-tiles{grid-template-columns:1fr}}.duo-mcq-tile{background:var(--panel-strong);border:2.5px solid var(--line);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:0 4px 6px #00000003;outline:none}.duo-mcq-tile:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.duo-tile-letter{width:32px;height:32px;border-radius:10px;border:2px solid var(--line);display:grid;place-items:center;font-weight:800;font-size:.9rem;color:var(--muted);background:var(--bg)}.duo-mcq-tile.correct{border-color:#10b981!important;background:#e6fcf5!important}[data-theme=dark] .duo-mcq-tile.correct{background:#062a1e!important}.duo-mcq-tile.correct .duo-tile-letter{border-color:#10b981;background:#10b981;color:#fff}.duo-mcq-tile.wrong{border-color:#ef4444!important;background:#fff5f5!important}[data-theme=dark] .duo-mcq-tile.wrong{background:#3b1414!important}.duo-mcq-tile.wrong .duo-tile-letter{border-color:#ef4444;background:#ef4444;color:#fff}.duo-tile-text{font-size:1.1rem;font-weight:750;color:var(--text)}.duo-feedback-bar{position:absolute;bottom:-24px;left:-24px;right:-24px;background:var(--panel-strong);border-top:3px solid var(--line);padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:0 0 24px 24px;animation:slideUpFeedback .25s cubic-bezier(.4,0,.2,1);z-index:10}@keyframes slideUpFeedback{0%{transform:translateY(100%)}to{transform:translateY(0)}}.duo-feedback-bar.correct{background:#d1fae5;border-top-color:#10b981;color:#065f46}[data-theme=dark] .duo-feedback-bar.correct{background:#0a2f21;color:#a7f3d0}.duo-feedback-bar.incorrect{background:#fee2e2;border-top-color:#ef4444;color:#7f1d1d}[data-theme=dark] .duo-feedback-bar.incorrect{background:#451a1a;color:#fca5a5}.duo-feedback-bar-content{display:flex;align-items:flex-start;gap:16px}.duo-feedback-icon{font-size:2rem}.duo-feedback-title{font-size:1.25rem;font-weight:850;margin-bottom:4px}.duo-feedback-explanation{font-size:.95rem;opacity:.9;line-height:1.4}.duo-feedback-next-btn{background:#10b981;color:#fff;border:none;padding:14px 28px;font-size:1rem;font-weight:800;border-radius:16px;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:transform .15s ease;white-space:nowrap}.duo-feedback-bar.incorrect .duo-feedback-next-btn{background:#ef4444;box-shadow:0 4px 12px #ef44444d}.duo-feedback-next-btn:hover{transform:scale(1.05)}.duo-fill-card{position:relative;background:var(--panel-strong);border:2.5px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;margin-top:12px}.duo-fill-card.correct{border-color:#10b981}.duo-fill-card.incorrect{border-color:#ef4444}.duo-fill-num{position:absolute;top:18px;left:18px;width:28px;height:28px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-weight:800;font-size:.85rem}.duo-fill-sentence{font-size:1.45rem;font-weight:800;margin:12px 0 0;line-height:1.6;text-align:center}.duo-fill-blank{display:inline-block;min-width:120px;border-bottom:3.5px solid var(--text);padding:0 10px;color:var(--accent);font-weight:850;text-align:center;margin:0 8px;transition:all .2s ease}.duo-fill-blank.filled{color:var(--accent)}.duo-fill-blank.correct{color:#10b981;border-bottom-color:#10b981}.duo-fill-blank.incorrect{color:#ef4444;border-bottom-color:#ef4444}.duo-fill-hint{font-size:.9rem;color:var(--muted);text-align:center;margin:0}.duo-word-bank{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}.duo-word-tile{background:var(--panel-strong);border:2px solid var(--line);border-bottom-width:4px;border-radius:12px;padding:10px 20px;font-size:1.05rem;font-weight:750;cursor:pointer;transition:all .15s ease}.duo-word-tile:hover{transform:translateY(-2px);border-color:var(--accent)}.duo-word-tile.selected{opacity:.3;transform:translateY(2px);border-bottom-width:2px}.duo-fill-input-row{display:flex;gap:12px}.duo-fill-input{flex:1;background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:12px 18px;font-size:1.05rem;font-weight:700;color:var(--text)}.duo-fill-input:focus{border-color:var(--accent);outline:none}.duo-check-btn{background:var(--accent);color:#fff;border:none;padding:0 24px;font-size:.95rem;font-weight:800;border-radius:14px;cursor:pointer}.duo-fill-result{font-size:.95rem;font-weight:750;text-align:center;padding:10px;border-radius:12px}.duo-fill-result.correct{background:#e6fcf5;color:#099268}[data-theme=dark] .duo-fill-result.correct{background:#062a1e;color:#a7f3d0}.duo-fill-result.incorrect{background:#fff5f5;color:#e03131}[data-theme=dark] .duo-fill-result.incorrect{background:#3b1414;color:#fca5a5}.duo-reading-card{background:var(--panel-strong);border:2.5px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-top:12px}.duo-reading-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.duo-reading-label{font-size:.9rem;font-weight:800;color:var(--muted);text-transform:uppercase}.duo-reading-passage{font-size:1.25rem;line-height:1.6;font-weight:700;margin:0;color:var(--text)}.duo-reading-question-block{margin-top:16px}.duo-reading-q-label{font-size:1.15rem;font-weight:800;margin-bottom:10px}.duo-writing-block{margin-top:24px;background:var(--panel-strong);border:2.5px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.duo-writing-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.duo-word-count{font-size:.85rem;font-weight:800;color:var(--muted)}.duo-writing-prompt{font-size:1.1rem;font-weight:700;margin-bottom:14px}.duo-writing-textarea{width:100%;background:var(--bg);border:2px solid var(--line);border-radius:16px;padding:16px;font-size:1.05rem;font-weight:600;color:var(--text);resize:vertical;line-height:1.5}.duo-writing-textarea:focus{border-color:var(--accent);outline:none}.duo-pronun-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}@media (max-width: 480px){.duo-pronun-grid{grid-template-columns:1fr}}.duo-pronun-card{background:var(--panel-strong);border:2.5px solid var(--line);border-radius:20px;padding:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #00000003}.duo-pronun-card:hover{transform:translateY(-2px);border-color:var(--accent)}.duo-pronun-word{font-size:1.25rem;font-weight:800}.duo-pronun-speaker{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.9rem}.duo-passage-listen-block{margin-top:24px;padding:24px;border-radius:24px;background:var(--panel-strong);border:2px dashed var(--line);text-align:center}.duo-passage-listen-label{font-weight:800;font-size:1.1rem;margin-top:0;margin-bottom:16px}.duo-big-listen-btn{background:var(--accent);color:#fff;border:none;padding:14px 28px;font-weight:800;font-size:1.05rem;border-radius:16px;cursor:pointer;box-shadow:0 4px 12px #c65f2d33}.duo-big-listen-btn:hover{transform:scale(1.05)}.firecracker-container{position:relative;display:inline-block}.firecracker-particle{position:absolute;width:6px;height:6px;border-radius:50%;top:50%;left:50%;animation:firecracker-burst .8s ease-out forwards;opacity:0}@keyframes firecracker-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(var(--fx),var(--fy)) scale(0);opacity:0}}.firecracker-spark{position:absolute;width:4px;height:4px;border-radius:50%;top:50%;left:50%;background:#fbbf24;animation:spark-fly .6s ease-out forwards;opacity:0}@keyframes spark-fly{0%{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translateY(var(--sy)) scale(0);opacity:0}}.lesson-complete-wrapper{text-align:center;max-width:520px;margin:0 auto;padding:32px 20px}.lesson-complete-mascot-row{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.lesson-complete-mascot{width:450px;height:270px;object-fit:contain}.lesson-complete-title{font-size:2rem;font-weight:800;color:#fbbf24;margin-bottom:24px;letter-spacing:.5px}.lesson-complete-stats{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.lesson-complete-stat-box{flex:1;max-width:220px;border-radius:16px;padding:20px 16px;text-align:center;box-shadow:0 4px 12px #00000014}.lesson-complete-stat-box.xp-box{background:#fef3c7;border:2px solid #f59e0b}.lesson-complete-stat-box.great-box{background:#d1fae5;border:2px solid #10b981}.lesson-complete-stat-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.xp-box .lesson-complete-stat-label{color:#b45309}.great-box .lesson-complete-stat-label{color:#065f46}.lesson-complete-stat-icon{font-size:1.5rem;margin-bottom:4px}.lesson-complete-stat-value{font-size:2rem;font-weight:800;line-height:1}.xp-box .lesson-complete-stat-value{color:#b45309}.great-box .lesson-complete-stat-value{color:#065f46}.lesson-complete-stat-sub{font-size:.8rem;margin-top:4px;font-weight:600}.xp-box .lesson-complete-stat-sub{color:#b45309}.great-box .lesson-complete-stat-sub{color:#065f46}.lesson-complete-continue-row{display:flex;justify-content:center}.lesson-complete-continue-btn{background:#10b981;color:#fff;border:none;padding:14px 32px;border-radius:16px;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:transform .15s ease,box-shadow .15s ease}.lesson-complete-continue-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.flz-zone{position:relative;width:100%}.flz-xp-toast{position:fixed;top:80px;right:32px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-weight:800;font-size:1rem;padding:12px 22px;border-radius:16px;box-shadow:0 8px 24px #c65f2d66;z-index:9999;animation:flz-toast-in .35s cubic-bezier(.34,1.56,.64,1) both;display:flex;align-items:center;gap:8px}@keyframes flz-toast-in{0%{opacity:0;transform:translateY(-16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.flz-zone-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:16px}.flz-zone-header-left{display:flex;flex-direction:column;gap:4px}.flz-zone-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);background:var(--accent-soft);padding:4px 12px;border-radius:20px;width:fit-content}.flz-zone-title{font-size:1.4rem;font-weight:800;margin:0 0 4px;color:var(--text)}.flz-zone-subtitle{margin:0;font-size:.92rem;color:var(--muted);font-weight:500}.flz-back-btn{background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:10px 18px;font-weight:700;font-size:.9rem;color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.flz-back-btn:hover{border-color:var(--accent);color:var(--accent);transform:translate(-2px)}.flz-game-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 860px){.flz-game-hub{grid-template-columns:1fr}}.flz-game-card{border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:8px;cursor:pointer;position:relative;overflow:hidden;background:var(--panel);border:2px solid var(--line);box-shadow:0 4px 16px #18202b0a;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease}.flz-game-card:before{display:none!important}.flz-game-card:hover{transform:translateY(-4px);border-color:var(--game-accent);box-shadow:0 12px 30px #18202b1a}.flz-game-card-top-right{position:absolute;top:16px;right:16px}.flz-game-card-icon{font-size:2.2rem;line-height:1;margin:0 0 2px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.flz-game-card-title{font-size:1.15rem;font-weight:800;color:var(--text);margin:0;letter-spacing:-.2px}.flz-game-card-desc{font-size:.85rem;color:var(--muted);margin:0;line-height:1.4;flex:1}.flz-game-card-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:8px}.flz-game-xp-badge{font-size:.7rem;font-weight:800;border:1.5px solid var(--game-accent);border-radius:20px;padding:3px 10px;background:var(--flz-tint, rgba(198, 95, 45, .08));color:var(--game-accent);white-space:nowrap}.flz-play-btn{border:none;border-radius:10px;padding:7px 14px;font-size:.8rem;font-weight:800;color:#fff;background:var(--game-accent);cursor:pointer;transition:all .2s ease;box-shadow:0 3px 8px #0000001f;white-space:nowrap;flex-shrink:0}.flz-play-btn:hover{transform:scale(1.06);filter:brightness(1.06);box-shadow:0 6px 18px #0003}.flz-active-game-panel{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:32px;min-height:440px;display:flex;align-items:stretch;justify-content:center}.flz-active-game-panel>*{width:100%;max-width:520px;margin:0 auto}.flz-game-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:16px 0}.flz-intro-icon{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));animation:flz-bounce 1.2s ease-in-out infinite}@keyframes flz-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.flz-intro-title{font-size:2rem;font-weight:900;margin:0;color:var(--text)}.flz-intro-desc{font-size:1rem;color:var(--muted);max-width:380px;line-height:1.5;margin:0}.flz-intro-rules{display:flex;flex-direction:column;gap:10px;background:var(--accent-soft);border-radius:16px;padding:18px 24px;width:100%;max-width:360px}.flz-rule{font-size:.9rem;color:var(--text);font-weight:600;text-align:left}.flz-start-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #c65f2d59;transition:all .2s cubic-bezier(.34,1.56,.64,1);letter-spacing:.2px}.flz-start-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 28px #c65f2d73}.flz-secondary-btn{background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:14px;padding:12px 24px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.flz-secondary-btn:hover{border-color:var(--accent);color:var(--accent)}.flz-timer-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.flz-timer-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;width:100%}.flz-timer-track{flex:1;height:10px;background:var(--line);border-radius:99px;overflow:hidden}.flz-timer-fill{height:100%;border-radius:99px;transition:width 1s linear,background .3s ease}.flz-timer-num{font-size:.95rem;font-weight:800;min-width:36px;text-align:right;flex-shrink:0}.flz-sprint-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;width:100%}.flz-score-chip{background:var(--accent-soft);color:var(--accent-dark);font-size:.85rem;font-weight:800;padding:6px 14px;border-radius:99px;white-space:nowrap;flex-shrink:0}.flz-combo-chip{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;font-size:.85rem;font-weight:800;padding:6px 14px;border-radius:99px;animation:flz-pulse-chip .5s ease;white-space:nowrap;flex-shrink:0}@keyframes flz-pulse-chip{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.flz-word-count{font-size:.85rem;font-weight:800;color:var(--text);background:var(--panel-strong);border:1.5px solid var(--line);padding:5px 12px;border-radius:12px;white-space:nowrap;flex-shrink:0}.flz-skip-btn{background:none;border:none;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;padding:8px 0;text-align:center;width:100%;transition:color .2s ease;margin-top:8px}.flz-skip-btn:hover{color:var(--accent)}.flz-result{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:8px 0}.flz-result-emoji{font-size:4rem;animation:flz-pop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes flz-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.flz-result-title{font-size:1.8rem;font-weight:900;margin:0;color:var(--text)}.flz-result-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.flz-stat-box{background:var(--panel-strong);border:2px solid var(--line);border-radius:16px;padding:16px 20px;min-width:90px;text-align:center}.flz-stat-xp{background:var(--flz-tint-strong);border-color:var(--accent)}.flz-stat-val{font-size:1.7rem;font-weight:900;color:var(--text);line-height:1}.flz-stat-label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.flz-result-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.flz-sprint-game{display:flex;flex-direction:column;gap:0;width:100%}.flz-word-card{background:var(--panel-strong);border:2.5px solid var(--line);border-radius:20px;padding:34px 20px 24px;text-align:center;margin-bottom:20px;transition:border-color .2s ease,box-shadow .2s ease;position:relative;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.flz-word-card.correct{border-color:#10b981;background:#10b9810d;box-shadow:0 0 0 3px #10b98133}.flz-word-card.wrong{border-color:#ef4444;background:#ef44440d;box-shadow:0 0 0 3px #ef444433;animation:flz-shake .35s ease}.flz-word-emoji{font-size:3.2rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.flz-word-hint{font-size:1rem;color:var(--muted);margin:0;font-style:italic}.flz-feedback{position:absolute;top:10px;right:12px;font-size:.78rem;font-weight:800;border-radius:99px;padding:4px 12px;letter-spacing:.3px;z-index:5;box-shadow:0 2px 6px #00000014}.flz-feedback.correct{background:#10b981;color:#fff}.flz-feedback.wrong{background:#ef4444;color:#fff}.flz-sprint-form{display:flex;gap:10px;margin-bottom:4px}.flz-sprint-input{flex:1;background:var(--panel-strong);border:2px solid var(--line);border-radius:14px;padding:14px 18px;font-size:1.1rem;font-weight:700;color:var(--text);outline:none;transition:border-color .2s ease;font-family:inherit}.flz-sprint-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.flz-sprint-options{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:12px}.flz-sprint-option-btn{background:var(--panel-strong);border:2px solid var(--line);border-radius:14px;padding:16px 20px;font-size:1.15rem;font-weight:700;color:var(--text);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 4px 6px #00000005}.flz-sprint-option-btn:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 16px #0000000d;background:var(--accent-soft);color:var(--accent-dark)}.flz-sprint-option-btn:disabled{opacity:.8;cursor:not-allowed}.flz-submit-btn{background:var(--accent);color:#fff;border:none;border-radius:14px;padding:0 22px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:all .2s ease;flex-shrink:0}.flz-submit-btn:hover{background:var(--accent-dark);transform:translate(2px)}.flz-scramble-game{display:flex;flex-direction:column;gap:0;width:100%}.flz-scramble-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px;padding:16px;background:var(--panel-strong);border:2px solid var(--line);border-radius:16px}.flz-scramble-emoji{font-size:2.4rem}.flz-scramble-cat{font-size:1rem;font-weight:700;color:var(--muted);letter-spacing:.5px}.flz-answer-slots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px;min-height:64px;align-items:center}.flz-slot{width:52px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;border:2.5px dashed var(--line);color:var(--text);background:var(--panel);cursor:pointer;transition:all .15s ease;text-transform:uppercase}.flz-slot.filled{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.flz-slot.filled:hover{border-color:#ef4444;background:#ef44441a}.flz-slot.correct{border-color:#10b981!important;background:#10b98126!important;color:#10b981}.flz-slot.wrong{border-color:#ef4444!important;background:#ef444426!important;color:#ef4444}.flz-letter-tiles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.flz-letter-tile{width:54px;height:58px;border-radius:12px;border:2.5px solid var(--line);background:var(--panel-strong);font-size:1.3rem;font-weight:900;color:var(--text);cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:0 3px 8px #00000014}.flz-letter-tile:not(.used):hover{transform:translateY(-3px) scale(1.08);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 6px 16px #0000001f}.flz-letter-tile:not(.used):active{transform:translateY(0) scale(.96)}.flz-letter-tile.used{opacity:.3;cursor:not-allowed;transform:none!important}.flz-shake{animation:flz-shake .4s ease}@keyframes flz-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}45%{transform:translate(6px)}75%{transform:translate(-4px)}}.flz-correct-anim{animation:flz-celebrate .5s ease}@keyframes flz-celebrate{0%{transform:scale(1)}40%{transform:scale(1.06)}70%{transform:scale(.97)}to{transform:scale(1)}}.flz-memory-game{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto}.flz-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-top:12px}@media (max-width: 480px){.flz-memory-grid{grid-template-columns:repeat(4,1fr);gap:8px}}.flz-memory-card{aspect-ratio:1 / 1;width:100%;height:auto;cursor:pointer;perspective:600px;border-radius:14px;position:relative}.flz-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:14px}.flz-memory-card.flipped .flz-card-inner,.flz-memory-card.matched .flz-card-inner{transform:rotateY(180deg)}.flz-memory-card.matched .flz-card-front{border-color:#10b981;background:#10b9811f;box-shadow:0 0 0 2px #10b9814d}.flz-card-back,.flz-card-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flz-card-back{background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:2px solid var(--line);color:#ffffffd9;font-size:1.4rem;font-weight:900;box-shadow:0 4px 12px #0000002e;transition:filter .2s ease}.flz-memory-card:not(.flipped):not(.matched):hover .flz-card-back{filter:brightness(1.08)}.flz-card-front{background:var(--panel-strong);border:2px solid var(--line);transform:rotateY(180deg);flex-direction:column;gap:4px;padding:6px;box-shadow:0 4px 12px #0000001a}.flz-card-emoji{font-size:1.6rem;line-height:1}.flz-card-word{font-size:.78rem;font-weight:800;color:var(--text);text-align:center;letter-spacing:.3px}.shop-zone{position:relative;width:100%}.shop-toast{position:fixed;top:80px;right:32px;font-weight:800;font-size:.95rem;padding:12px 22px;border-radius:16px;z-index:9999;animation:flz-toast-in .35s cubic-bezier(.34,1.56,.64,1) both;display:flex;align-items:center;gap:8px;max-width:340px}.shop-toast.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98166}.shop-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 24px #ef444466}.shop-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}.shop-confirm-modal{background:var(--panel-strong);border:2px solid var(--line);border-radius:24px;padding:36px 32px;max-width:380px;width:100%;text-align:center;box-shadow:0 32px 80px #00000080;animation:flz-pop .3s cubic-bezier(.34,1.56,.64,1) both}.shop-confirm-icon{font-size:3.5rem;margin-bottom:12px;animation:flz-bounce 1s ease-in-out infinite}.shop-confirm-title{font-size:1.4rem;font-weight:900;margin:0 0 12px;color:var(--text)}.shop-confirm-desc{font-size:.95rem;color:var(--muted);line-height:1.5;margin:0 0 24px}.shop-confirm-actions{display:flex;gap:12px;justify-content:center}.shop-confirm-yes{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:800;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #c65f2d4d}.shop-confirm-yes:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c65f2d66}.shop-confirm-no{background:var(--panel);color:var(--text);border:2px solid var(--line);border-radius:12px;padding:12px 24px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.shop-confirm-no:hover{border-color:var(--accent);color:var(--accent)}.shop-avatar-builder-modal{background:var(--panel-strong);border:2px solid var(--line);border-radius:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #00000080;animation:flz-pop .3s cubic-bezier(.34,1.56,.64,1) both;scrollbar-width:thin}.shop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.shop-header-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--accent);background:var(--accent-soft);padding:4px 12px;border-radius:20px;margin-bottom:6px}.shop-title{font-size:1.7rem;font-weight:900;margin:0 0 4px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-subtitle{margin:0;font-size:.9rem;color:var(--muted)}.shop-xp-display{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:18px;padding:14px 20px;flex-shrink:0}[data-theme=dark] .shop-xp-display{background:linear-gradient(135deg,#3d2b0a,#2a1f06);border-color:#b45309}.shop-xp-icon{font-size:2rem;line-height:1}.shop-xp-value{font-size:1.6rem;font-weight:900;color:#92400e;line-height:1}[data-theme=dark] .shop-xp-value{color:#fde68a}.shop-xp-label{font-size:.7rem;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .shop-xp-label{color:#b45309}.shop-category-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.shop-cat-tab{display:flex;align-items:center;gap:6px;background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:10px 16px;font-size:.88rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s ease}.shop-cat-tab:hover{border-color:var(--accent);color:var(--accent)}.shop-cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #c65f2d4d}.shop-items-area{width:100%}.shop-layout{display:grid;grid-template-columns:1fr;gap:40px;padding:0 5px 40px;max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.shop-grid{display:grid;gap:16px}.shop-grid-2{grid-template-columns:repeat(2,1fr)}.shop-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 700px){.shop-grid-2,.shop-grid-3{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.shop-grid-2,.shop-grid-3{grid-template-columns:1fr}}.shop-item-card{background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .22s ease;cursor:default}.shop-item-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.shop-item-active{border-color:var(--accent)!important;background:var(--accent-soft)!important;box-shadow:0 0 0 2px var(--accent),0 8px 24px rgba(var(--accent-rgb),.25)!important}[data-theme=dark] .shop-item-active{background:rgba(var(--accent-rgb),.18)!important;box-shadow:0 0 0 2px var(--accent),0 8px 24px rgba(var(--accent-rgb),.35)!important}.shop-item-owned{border-color:#10b98180}.shop-active-badge{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:8px;letter-spacing:.5px;text-transform:uppercase}.shop-owned-badge{position:absolute;top:10px;right:10px;background:#10b981;color:#fff;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:8px;letter-spacing:.5px;text-transform:uppercase}.shop-item-info{display:flex;align-items:center;gap:10px}.shop-item-icon{font-size:1.6rem;flex-shrink:0}.shop-item-name{font-size:.95rem;font-weight:800;color:var(--text)}.shop-item-desc{font-size:.8rem;color:var(--muted);margin-top:2px}.shop-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.shop-item-cost{font-size:.85rem;font-weight:800;color:var(--accent-dark)}.shop-buy-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:7px 14px;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.shop-buy-btn:hover{transform:scale(1.06);background:var(--accent-dark)}.shop-btn-active{background:#10b981!important;cursor:default}.shop-btn-equip{background:#3b82f6!important}.shop-btn-disabled{background:var(--line)!important;color:var(--muted)!important;cursor:not-allowed;transform:none!important}.shop-theme-preview{height:48px;border-radius:12px;overflow:hidden;display:flex;border:1.5px solid var(--line)}.shop-font-preview{background:var(--panel-strong);border-radius:12px;padding:12px 14px;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:4px}.shop-font-sample{font-size:1.4rem;font-weight:700;color:var(--text);line-height:1}.shop-font-phrase{font-size:.82rem;color:var(--muted)}.shop-banner-preview{height:72px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.1);background-size:cover;background-position:center;background-repeat:no-repeat}.shop-banner-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.shop-avatar-card{align-items:center;gap:10px;padding:14px 10px}.shop-avatar-preview{font-size:2.8rem;text-align:center;line-height:1}.shop-avatar-builder-cta{background:linear-gradient(135deg,#4c1d95,#1e1b4b);border-radius:20px;padding:20px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease;border:1.5px solid rgba(255,255,255,.08)}.shop-avatar-builder-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #4c1d9559}.shop-avatar-builder-icon{font-size:2.4rem;flex-shrink:0}.shop-avatar-builder-title{font-size:1.05rem;font-weight:800;color:#fff}.shop-avatar-builder-desc{font-size:.82rem;color:#ffffffb3;margin-top:2px}.shop-avatar-builder-btn{margin-left:auto;background:#ffffff26;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;padding:9px 16px;font-size:.85rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.shop-avatar-builder-btn:hover{background:#ffffff40}.shop-badge-card{align-items:center;padding:14px 10px}.shop-badge-preview{font-size:2.8rem;text-align:center;line-height:1}.shop-badge-rarity{font-size:.6rem;font-weight:900;letter-spacing:1px;text-align:center}.shop-badge-hint{font-size:.85rem;color:var(--muted);margin:0 0 16px;line-height:1.5}.avatar-builder{padding:24px;display:flex;flex-direction:column;gap:20px}.avatar-builder-header{display:flex;align-items:center;justify-content:space-between}.avatar-builder-title{font-size:1.2rem;font-weight:900;margin:0;color:var(--text)}.avatar-builder-close{background:var(--panel);border:2px solid var(--line);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;color:var(--muted);transition:all .2s ease;flex-shrink:0}.avatar-builder-close:hover{border-color:#ef4444;color:#ef4444}.avatar-builder-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.avatar-builder-preview{width:100px;height:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0003;transition:all .25s ease}.avatar-builder-preview-label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.avatar-builder-section{display:flex;flex-direction:column;gap:10px}.avatar-builder-label{font-size:.8rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.avatar-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-emoji-btn{background:var(--panel);border:2px solid var(--line);border-radius:10px;font-size:1.4rem;cursor:pointer;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.avatar-emoji-btn:hover{transform:scale(1.12);border-color:var(--accent)}.avatar-emoji-btn.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}.avatar-color-grid{display:flex;gap:8px;flex-wrap:wrap}.avatar-color-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s ease;outline:none}.avatar-color-swatch:hover{transform:scale(1.15)}.avatar-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent),0 4px 8px #0003;transform:scale(1.1)}.avatar-shape-row{display:flex;gap:12px}.avatar-shape-btn{background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:10px 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;transition:all .2s ease;font-size:.75rem;font-weight:700;color:var(--muted)}.avatar-shape-btn:hover,.avatar-shape-btn.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.avatar-builder-save-btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:none;border-radius:14px;padding:14px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 18px #c65f2d59}.avatar-builder-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #c65f2d73}.rendered-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0}.weekly-leaderboard-container{max-width:720px;margin:0 auto;padding:24px 16px 40px}.weekly-leaderboard-header{text-align:center;margin-bottom:28px}.weekly-leaderboard-title{font-size:2rem;font-weight:900;color:var(--text);margin:0 0 6px;letter-spacing:-.5px}.weekly-leaderboard-subtitle{font-size:1rem;color:var(--muted);margin:0 0 10px;font-weight:500}.weekly-leaderboard-week-range{display:inline-block;padding:6px 16px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem}.weekly-leaderboard-podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin-bottom:32px}.weekly-leaderboard-podium-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px 14px;border-radius:20px;background:var(--panel-strong);border:2px solid var(--line);box-shadow:0 4px 16px #0000000f;min-width:140px;text-align:center;transition:all .18s ease}.weekly-leaderboard-podium-item.rank-1{border-color:#f59e0b55;background:linear-gradient(180deg,#fffbeb,#fff);transform:translateY(-8px);box-shadow:0 12px 28px #f59e0b2e}.weekly-leaderboard-podium-item.rank-2{border-color:#94a3b855}.weekly-leaderboard-podium-item.rank-3{border-color:#b4530955}.weekly-leaderboard-podium-item.is-current-user{border-color:var(--accent);box-shadow:0 8px 24px #c65f2d33}.podium-avatar{font-size:2.4rem;line-height:1}.podium-rank-badge{font-size:1.4rem;line-height:1}.podium-name{font-weight:800;font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:6px}.podium-xp{font-weight:900;font-size:1.1rem}.weekly-leaderboard-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.weekly-leaderboard-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:var(--panel-strong);border:1px solid var(--line);transition:all .18s ease}.weekly-leaderboard-row:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.weekly-leaderboard-row.is-current-user{border-color:var(--accent);background:linear-gradient(90deg,rgba(198,95,45,.06) 0%,var(--panel-strong) 100%)}.weekly-leaderboard-row.highlight{box-shadow:0 6px 20px #c65f2d2e}.leaderboard-rank{font-weight:900;font-size:1rem;width:36px;text-align:center;flex-shrink:0}.leaderboard-avatar{font-size:1.6rem;width:36px;text-align:center;flex-shrink:0}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{font-weight:700;font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.you-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.04em;flex-shrink:0}.leaderboard-xp{font-weight:800;font-size:.95rem;color:var(--text);flex-shrink:0}.leaderboard-divider{height:1px;background:var(--line);margin:8px 0}.weekly-leaderboard-your-rank{margin-top:4px}.weekly-leaderboard-footer{text-align:center;margin-top:24px}.weekly-leaderboard-footer-text{font-size:.85rem;color:var(--muted);font-weight:500;margin:0}[data-theme=dark] .weekly-leaderboard-podium-item.rank-1{background:linear-gradient(180deg,#f59e0b1f,#1e1e23e6)}[data-theme=dark] .weekly-leaderboard-row.is-current-user{background:linear-gradient(90deg,rgba(198,95,45,.12) 0%,var(--panel-strong) 100%)}.weekly-leaderboard-loading,.weekly-leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 16px;color:var(--muted);font-weight:600;text-align:center}.leaderboard-spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.duo-practice-page{max-width:1400px;margin:0 auto;padding:0 24px 56px;color:var(--text);width:100%;box-sizing:border-box}.duo-practice-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--line);background:var(--panel);color:var(--text);font-size:1.1rem;font-weight:800;cursor:pointer;padding:10px 20px;border-radius:50px;box-shadow:0 4px 12px #0000000d;transition:all .2s ease;margin:12px 0 16px}.duo-practice-back span:first-child{font-size:1.3rem;line-height:1}.duo-practice-back:hover{background:var(--panel);color:var(--accent);border-color:var(--accent);transform:translate(-3px);box-shadow:0 6px 16px #00000014}.duo-practice-hero{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:40px;box-shadow:var(--shadow)}.duo-practice-hero h1{margin:0;font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.2;font-weight:800;color:var(--text)}.duo-hero-icon{font-size:4rem;line-height:1;margin-bottom:8px}.duo-start-btn{padding:14px 48px;border-radius:16px;font-size:1rem}.duo-practice-divider{height:2px;background:var(--line);margin:0 0 36px}.duo-collection-section h2,.duo-collection-head h2{margin:0;color:var(--text);font-size:1.4rem;font-weight:800}.duo-collection-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.duo-sort-btn{border:0;background:transparent;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em;cursor:pointer}.duo-sort-btn span{display:inline-block;margin-left:6px;font-size:.85rem}.duo-mistake-list,.duo-word-list{margin-top:20px;display:flex;flex-direction:column;gap:14px}.duo-mistake-row,.duo-word-row{width:100%;border:2px solid var(--line);border-radius:18px;background:var(--panel-strong);color:var(--text);cursor:pointer;text-align:left;transition:all .2s ease;box-sizing:border-box}.duo-mistake-row:hover,.duo-word-row:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 20px #0000000d}.duo-mistake-row{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:20px 24px;align-items:start}.duo-broken-heart{font-size:1.4rem;line-height:1.2}.duo-mistake-copy,.duo-word-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.duo-row-kicker{font-size:.85rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.duo-row-main{font-size:1.1rem;line-height:1.4;font-weight:700;color:var(--text)}.duo-word-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 24px}.duo-audio-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--bg);color:var(--accent);font-size:1.2rem;transition:all .2s ease}.duo-word-row:hover .duo-audio-icon{background:var(--accent-soft)}.duo-word-term{font-size:1.2rem;line-height:1.25;font-weight:800;color:var(--text)}.duo-word-meaning{font-size:.95rem;line-height:1.35;font-weight:500;color:var(--muted)}.duo-new-dot{width:10px;height:10px;border-radius:50%;background:#ef4444}.write-icon{color:#ec4899}@media (max-width: 640px){.duo-practice-page{padding:0 16px 40px}.duo-practice-hero{padding:32px 20px}.duo-collection-head{align-items:flex-start;flex-direction:column;gap:8px}.duo-word-row{grid-template-columns:auto 1fr;gap:12px;padding:16px}.duo-new-dot{grid-column:2;justify-self:start;margin-top:4px}}.path-mode-toggle-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 20px;background:var(--panel);border:1.5px solid var(--line);border-radius:14px}.path-mode-toggle-label{font-size:1rem;font-weight:700;color:var(--muted);letter-spacing:.02em}@media (max-width: 640px){.path-mode-toggle-label{font-size:.8rem}}.path-mode-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--panel-strong);border:1.5px solid var(--line);border-radius:10px;padding:7px 30px 7px 12px;font-size:.85rem;font-weight:700;color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c6673' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .2s ease;white-space:nowrap;max-width:190px;color-scheme:light}[data-theme=dark] .path-mode-select{color-scheme:dark;background-color:var(--panel-strong)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8d96' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important}.path-mode-select option{background:var(--panel-strong);color:var(--text)}.path-mode-select:hover{border-color:var(--accent)}.path-mode-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@keyframes pulse-red-heart{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(239,68,68,.4))}50%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(239,68,68,.8))}}.fixing-mistakes-pulse{display:inline-block;animation:pulse-red-heart 1.2s infinite ease-in-out;cursor:help;-webkit-user-select:none;user-select:none}@keyframes flash-clue-btn{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #d9770666}50%{opacity:.85;transform:scale(1.04);box-shadow:0 0 8px 3px #d9770633}}.mistake-hint-btn-flash{animation:flash-clue-btn 1.4s infinite ease-in-out;background:#fef3c7!important;color:#d97706!important;border:1.5px solid #fcd34d!important;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.flashcard-perspective{perspective:1200px;width:100%;max-width:440px;height:390px;margin:30px auto;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard-perspective.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-side{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;border:3px solid var(--line);box-shadow:0 12px 32px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;transition:border-color .3s ease}.flashcard-side:hover{border-color:var(--accent)}.flashcard-front{background:var(--panel-strong);color:var(--text)}.flashcard-back{background:var(--panel-strong);color:var(--text);transform:rotateY(180deg);border-color:var(--accent-soft)}.flashcard-audio-btn{background:var(--accent-soft);color:var(--accent-dark);border:none;border-radius:50%;width:72px;height:72px;font-size:2rem;display:flex;align-items:center;justify-content:center;margin-top:24px;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.flashcard-audio-btn:hover{transform:scale(1.1);background:var(--accent);color:#fff}.flashcard-illustration{font-size:5rem;margin-bottom:12px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.flashcard-example-box{margin-top:16px;padding:12px;background:var(--bg);border-radius:12px;font-style:italic;font-size:1rem;max-width:90%;text-align:center}.stories-split-container{display:flex;flex-direction:column;height:70vh;border-radius:24px;border:2px solid var(--line);background:var(--panel-strong);overflow:hidden;box-shadow:0 10px 30px #0000000f}.stories-top-scene{flex:1;background:linear-gradient(135deg,#e0e7ff,#ede9fe,#f3e8ff);display:flex;align-items:center;justify-content:space-around;padding:20px;border-bottom:2px solid var(--line);position:relative}[data-theme=dark] .stories-top-scene{background:linear-gradient(135deg,#1e1b4b,#2e1065,#171723);border-bottom-color:#ffffff1a}.stories-character-node{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.stories-character-node.speaking{transform:scale(1.12)}.stories-character-avatar{width:90px;height:90px;border-radius:50%;background:var(--panel);border:3px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:3.5rem;box-shadow:0 8px 16px #0000001a;transition:border-color .3s ease}.stories-character-node.speaking .stories-character-avatar{border-color:var(--accent);box-shadow:0 0 15px var(--accent)}[data-theme=dark] .stories-character-avatar{background:#181825;border-color:#374151;box-shadow:0 8px 20px #00000080}[data-theme=dark] .stories-character-node.speaking .stories-character-avatar{border-color:#a855f7;box-shadow:0 0 20px #a855f7b3}.stories-character-name{font-weight:800;font-size:1rem;color:var(--text);background:var(--panel);padding:4px 12px;border-radius:20px;border:1px solid var(--line)}[data-theme=dark] .stories-character-name{background:#1e1b4b;border-color:#4c1d95;color:#f3f4f6}.stories-bottom-chat{flex:1.4;display:flex;flex-direction:column;background:var(--panel-strong);position:relative;min-height:0}.stories-chat-log{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.story-chat-bubble{max-width:75%;padding:12px 18px;border-radius:18px;font-size:1.05rem;line-height:1.4;font-weight:500;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 4px #00000008}.story-chat-bubble.left{align-self:flex-start;background:var(--bg);border:1.5px solid var(--line);color:var(--text);border-bottom-left-radius:4px}.story-chat-bubble.right{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.story-bubble-speaker{font-size:.78rem;font-weight:800;text-transform:uppercase;margin-bottom:3px;opacity:.8}.stories-action-footer{padding:16px 20px;border-top:1.5px solid var(--line);background:var(--panel);display:flex;justify-content:center}.story-continue-btn{background:var(--accent);color:#fff;border:none;font-size:1.1rem;font-weight:800;padding:14px 44px;border-radius:14px;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #0000001a;width:100%;max-width:320px}.story-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.story-continue-btn:active{transform:translateY(0)}.story-blur-overlay{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.story-predictor-box{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;z-index:10;text-align:center}[data-theme=dark] .story-predictor-box{background:#0f0f14e0}.story-predictor-title{font-size:1.25rem;font-weight:800;margin-bottom:20px;color:var(--text)}.story-predictor-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.story-predictor-opt-btn{background:var(--panel-strong);color:var(--text);border:2px solid var(--line);padding:12px 18px;border-radius:14px;font-weight:700;font-size:1.05rem;cursor:pointer;transition:all .2s ease}.story-predictor-opt-btn:hover{border-color:var(--accent);background:var(--bg)}.story-predictor-opt-btn.correct{border-color:#10b981;background:#d1fae5;color:#065f46}.story-predictor-opt-btn.wrong{border-color:#ef4444;background:#fee2e2;color:#991b1b}.analytics-report-container{width:100%;max-width:1200px;margin:0 auto;padding:8px 4px 32px}.analytics-report-header{position:relative;margin-bottom:28px;display:flex;justify-content:center;align-items:center;min-height:60px;width:100%}.analytics-report-title-row{display:flex;justify-content:center;align-items:center;width:100%}.analytics-report-title{font-size:2rem;font-weight:900;margin:0;color:var(--text);letter-spacing:-.02em;text-align:center}.analytics-report-subtitle{margin:6px 0 0;font-size:1rem;color:var(--muted);line-height:1.5;text-align:center}.analytics-report-header .analytics-back-btn{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10}.analytics-report-header .analytics-back-btn:hover{transform:translateY(calc(-50% - 1px))}.analytics-report-header .analytics-back-btn:active{transform:translateY(calc(-50% + 3px));box-shadow:0 1px 0 var(--line, #cbd5e1)!important}.analytics-report-body{display:flex;flex-direction:column;gap:24px}.analytics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.analytics-stats-grid{grid-template-columns:1fr}}.analytics-stat-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 12px #00000005;transition:transform .2s ease,box-shadow .2s ease}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000a}.analytics-stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0}.analytics-stat-content{display:flex;flex-direction:column;gap:2px;min-width:0}.analytics-stat-value{font-size:1.5rem;font-weight:900;line-height:1.1;letter-spacing:-.02em}.analytics-stat-label{font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-section-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}@media (max-width: 960px){.analytics-section-grid{grid-template-columns:1fr}}.analytics-section-left,.analytics-section-right{display:flex;flex-direction:column;gap:20px}.analytics-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px #00000005;text-align:left}.analytics-card h4{margin:0 0 20px;font-size:1.15rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.analytics-skills-list{display:flex;flex-direction:column;gap:16px}.analytics-skill-row{display:flex;flex-direction:column;gap:6px}.analytics-skill-info{display:flex;align-items:center;gap:8px}.analytics-skill-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.analytics-skill-name{font-size:.92rem;font-weight:700;color:var(--text)}.analytics-skill-bar-wrapper{display:flex;align-items:center;gap:12px}.analytics-skill-bar-bg{flex:1;height:10px;background:var(--bg);border-radius:999px;overflow:hidden}.analytics-skill-bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.analytics-skill-score{font-size:.95rem;font-weight:900;min-width:40px;text-align:right}.analytics-skill-badge{display:inline-flex;padding:4px 10px;border-radius:10px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;align-self:flex-end}.analytics-empty-state{text-align:center;padding:24px 16px;color:var(--muted)}.analytics-empty-state p{margin:0;font-size:.95rem}.analytics-no-data{margin:0;font-size:.9rem;color:var(--muted);font-style:italic}.analytics-week-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:16px}.analytics-week-day{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.analytics-week-label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.analytics-week-dot{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;transition:all .2s ease}.analytics-week-dot.today{border:2px solid var(--accent)}.analytics-week-check{color:#fff;font-size:.85rem;font-weight:800}.analytics-week-date{font-size:.75rem;font-weight:700;color:var(--muted)}.analytics-week-summary{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--line)}.analytics-week-summary-value{font-size:1.3rem;font-weight:900;color:var(--accent)}.analytics-week-summary-label{font-size:.9rem;font-weight:700;color:var(--muted)}.analytics-level-display{display:flex;align-items:center;gap:18px}.analytics-level-badge{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;box-shadow:0 8px 24px #00000014;flex-shrink:0}.analytics-level-number{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.15)}.analytics-pills-list{display:flex;flex-wrap:wrap;gap:10px}.analytics-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:14px;font-size:.88rem;font-weight:700;transition:transform .15s ease}.analytics-pill:hover{transform:translateY(-1px)}.analytics-pill-strong{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.analytics-pill-weak{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.analytics-recommendations-card{border-color:#c65f2d26;background:linear-gradient(180deg,var(--panel-strong) 0%,rgba(198,95,45,.02) 100%)}.analytics-recommendations-list{display:flex;flex-direction:column;gap:14px}.analytics-rec-item{display:flex;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--bg);transition:transform .15s ease,box-shadow .15s ease}.analytics-rec-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.analytics-rec-improve{border-color:#ef444426;background:#ef444408}.analytics-rec-maintain{border-color:#10b98126;background:#10b98108}.analytics-rec-streak{border-color:#f59e0b26;background:#f59e0b08}.analytics-rec-xp{border-color:#3b82f626;background:#3b82f608}.analytics-rec-icon{font-size:1.5rem;flex-shrink:0;width:36px;height:36px;display:grid;place-items:center;background:var(--panel-strong);border-radius:10px;border:1px solid var(--line)}.analytics-rec-content{flex:1;min-width:0}.visualization-section-row{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch;margin-top:10px}@media (max-width: 960px){.visualization-section-row{grid-template-columns:1fr}}.analytics-visual-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 8px 24px #00000005;display:flex;flex-direction:column;justify-content:space-between}.card-header-with-icon{display:flex;align-items:center;gap:10px;margin-bottom:20px}.card-header-with-icon h4{margin:0;font-size:1.15rem;font-weight:800;color:var(--text)}.header-icon{color:var(--accent)}.svg-bar-graph-wrapper{width:100%;padding:10px 0}.svg-bar-chart{width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4}.chart-axis-text{font-size:10px;font-weight:700;fill:var(--muted)}.chart-axis-subtext{font-size:9px;font-weight:500;fill:var(--muted)}.text-right{text-anchor:end}.text-center{text-anchor:middle}.chart-bar-group{cursor:pointer}.bar-bg-slot{fill:var(--line);opacity:.35}.bar-fill-graphic{transition:height .6s cubic-bezier(.4,0,.2,1),y .6s cubic-bezier(.4,0,.2,1)}.chart-bar-group:hover .bar-fill-graphic{filter:brightness(1.1)}.bar-tooltip-val{font-size:10px;font-weight:800;fill:var(--text);text-anchor:middle;opacity:0;transform:translateY(4px);transition:all .2s ease}.chart-bar-group:hover .bar-tooltip-val{opacity:1;transform:translateY(0)}.today-label{fill:#10b981!important;font-weight:900!important}.donut-chart-flex{display:flex;align-items:center;justify-content:center;gap:30px;flex:1;padding:20px 0}@media (max-width: 480px){.donut-chart-flex{flex-direction:column;gap:20px}}.donut-chart-container{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.donut-svg{transform:rotate(-90deg)}.donut-ring-fill{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.donut-inner-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.donut-pct{font-size:1.8rem;font-weight:950;line-height:1}.donut-lbl{font-size:.72rem;font-weight:800;color:var(--muted);text-transform:uppercase;margin-top:4px}.donut-legend{display:flex;flex-direction:column;gap:12px}.legend-row{display:flex;align-items:center;gap:10px}.legend-dot{width:12px;height:12px;border-radius:4px;flex-shrink:0}.legend-label{font-size:.88rem;font-weight:700;color:var(--text)}.analytics-title-content{display:flex;flex-direction:column}.analytics-title-icon{margin-right:10px;vertical-align:text-bottom;color:var(--accent)}.admin-dashboard-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:24px;animation:fadeIn .4s ease-out}.admin-header{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 10px 30px #00000005;display:flex;flex-direction:column;gap:20px}.admin-title-row h2{font-size:1.8rem;font-weight:900;margin:0 0 6px;color:var(--accent)}.admin-title-row p{color:var(--muted);margin:0;font-size:.95rem}.admin-tabs{display:flex;gap:12px;border-bottom:2px solid var(--line);padding-bottom:12px;flex-wrap:wrap}.admin-tab-btn{background:transparent;border:none;color:var(--muted);font-size:1rem;font-weight:700;padding:10px 20px;border-radius:12px;cursor:pointer;transition:all .2s ease}.admin-tab-btn:hover{color:var(--text);background:var(--line)}.admin-tab-btn.active{color:#fff;background:var(--accent)}.admin-body{width:100%}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.admin-stat-card{background:var(--panel);border:2px solid var(--line);border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000005}.stat-card-icon{font-size:2.2rem;width:56px;height:56px;background:var(--panel-strong);border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 4px 10px #00000008}.stat-card-info h3{font-size:1.8rem;font-weight:900;margin:0 0 2px;color:var(--text)}.stat-card-info p{margin:0;font-size:.85rem;color:var(--muted);font-weight:600}.admin-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}@media (max-width: 600px){.admin-charts-grid{grid-template-columns:1fr}}.admin-chart-box{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 4px 15px #00000003}.admin-chart-box h4{margin:0 0 20px;font-size:1.1rem;font-weight:800;color:var(--text)}.bar-chart-container{display:flex;flex-direction:column;gap:16px}.bar-chart-row{display:flex;align-items:center;gap:16px;font-size:.9rem}.bar-label{width:100px;font-weight:700;color:var(--text)}.bar-track{flex:1;height:12px;background:var(--line);border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1)}.bar-value{width:80px;text-align:right;font-weight:700;color:var(--muted)}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px;flex-wrap:wrap}.search-bar-wrapper{position:relative;flex:1;min-width:280px;max-width:480px}.admin-search-input{width:100%;padding:12px 40px 12px 16px;border-radius:14px;border:2px solid var(--line);background:var(--panel);color:var(--text);font-size:.95rem;font-weight:600;transition:all .2s ease}.admin-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:1rem}.refresh-data-btn{background:var(--panel);border:2px solid var(--line);color:var(--text);font-weight:700;padding:10px 18px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px}.refresh-data-btn:hover{background:var(--line)}.admin-add-btn{background:var(--accent);border:none;color:#fff;font-weight:800;padding:10px 20px;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #c65f2d40;transition:transform .2s ease,box-shadow .2s ease}.admin-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #c65f2d59}.admin-table-wrapper{width:100%;overflow-x:auto;background:var(--panel);border:2px solid var(--line);border-radius:24px;box-shadow:0 4px 15px #00000003}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.admin-table th,.admin-table td{padding:16px 20px;border-bottom:1px solid var(--line)}.admin-table th{background:#00000005;color:var(--muted);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .admin-table th{background:#ffffff05}.admin-table tr:last-child td{border-bottom:none}.user-td-cell{display:flex;flex-direction:column;gap:4px}.user-td-name{font-weight:800;color:var(--text)}.user-td-id{font-size:.75rem;color:var(--muted);font-family:monospace}.level-badge{display:inline-block;padding:6px 12px;border-radius:10px;font-weight:800;font-size:.8rem;text-align:center}.level-badge.level-1{background:#3b82f61a;color:#2563eb}.level-badge.level-2{background:#9333ea1a;color:#9333ea}.level-badge.level-3{background:#f59e0b1a;color:#d97706}.level-badge.level-4{background:#ec48991a;color:#db2777}.level-badge.level-5{background:#10b9811a;color:#059669}.level-badge.level-none{background:var(--line);color:var(--muted)}.status-pill{display:inline-block;padding:4px 10px;border-radius:8px;font-weight:700;font-size:.8rem}.status-pill.completed{background:#10b9811a;color:#10b981}.status-pill.pending{background:var(--line);color:var(--muted)}.action-button-row{display:flex;gap:8px}.admin-action-btn{padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;transition:all .15s ease}.admin-action-btn.edit{background:var(--line);color:var(--text)}.admin-action-btn.edit:hover{background:var(--muted);color:#fff}.admin-action-btn.delete{background:#ef44441a;color:#ef4444}.admin-action-btn.delete:hover{background:#ef4444;color:#fff}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.admin-modal{background:var(--panel-strong);border:2px solid var(--line);border-radius:28px;width:100%;max-width:600px;box-shadow:var(--shadow, 0 20px 50px rgba(0, 0, 0, .15));display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .2s cubic-bezier(.34,1.56,.64,1)}.admin-modal.danger{border-color:#ef4444}.modal-header{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:900}.close-modal-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;color:var(--muted)}.form-grid{padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-height:70vh;overflow-y:auto}@media (max-width: 500px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:700;color:var(--muted)}.form-group input,.form-group select{padding:10px 18px;border-radius:10px;border:2px solid var(--line);background:var(--panel);color:var(--text);font-size:.95rem;font-weight:600}.form-group input:focus,.form-group select:focus{border-color:var(--accent);outline:none}.checkbox-group{grid-column:span 2;align-items:flex-start;padding:10px 0}.checkbox-label{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.checkbox-label input{width:18px;height:18px;cursor:pointer}.modal-footer{padding:20px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:12px;background:#00000003}.danger-btn{background:#ef4444;color:#fff;border:none;font-weight:800;padding:10px 20px;border-radius:12px;cursor:pointer}.danger-btn:hover{background:#dc2626}.translations-preview{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.translations-preview span{font-weight:700;color:var(--muted)}.lang-tag{background:var(--line);padding:4px 8px;border-radius:6px;font-weight:800;font-size:.75rem}.admin-loading-spinner{text-align:center;padding:40px;color:var(--muted);font-weight:700;font-style:italic}.admin-access-denied h2{color:#ef4444;margin-bottom:10px}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.duo-option-btn{background:var(--panel)!important;border:2px solid var(--line)!important;border-bottom:5px solid var(--line)!important;border-radius:16px!important;padding:16px 20px!important;font-size:1.15rem!important;font-weight:700!important;cursor:pointer!important;transition:all .1s ease!important;color:var(--text)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;outline:none!important}.duo-option-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.03)!important;border-color:var(--accent)!important;border-bottom-color:var(--accent)!important}.duo-option-btn:active:not(:disabled){border-bottom:2px solid var(--line)!important;transform:translateY(3px)!important}.duo-option-btn.selected{background:#38bdf814!important;border-color:#38bdf8!important;border-bottom-color:#0284c7!important;color:#0284c7!important}.duo-option-btn.correct{background:#d7ffb8!important;border-color:#58a700!important;border-bottom-color:#3b7000!important;color:#3b7000!important}.duo-option-btn.incorrect{background:#ffd3d3!important;border-color:#ea2b2b!important;border-bottom-color:#b91c1c!important;color:#b91c1c!important}.duo-image-option-btn{background:var(--panel)!important;border:2px solid var(--line)!important;border-bottom:5px solid var(--line)!important;border-radius:16px!important;padding:15px!important;font-size:5rem!important;font-weight:700!important;cursor:pointer!important;transition:all .1s ease!important;color:var(--text)!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;outline:none!important;width:180px!important;height:180px!important}.duo-image-option-btn:hover:not(:disabled){background:rgba(var(--accent-rgb),.03)!important;border-color:var(--accent)!important;border-bottom-color:var(--accent)!important}.duo-image-option-btn:active:not(:disabled){border-bottom:2px solid var(--line)!important;transform:translateY(3px)!important}.duo-image-option-btn.selected{background:#38bdf814!important;border-color:#38bdf8!important;border-bottom-color:#0284c7!important;color:#0284c7!important}.duo-image-option-btn.correct{background:#d7ffb8!important;border-color:#58a700!important;border-bottom-color:#3b7000!important;color:#3b7000!important}.duo-image-option-btn.incorrect{background:#ffd3d3!important;border-color:#ea2b2b!important;border-bottom-color:#9c1414!important;color:#9c1414!important}.duo-word-tile{background:var(--panel)!important;border:2px solid var(--line)!important;border-bottom:4px solid var(--line)!important;border-radius:12px!important;padding:10px 18px!important;font-size:1.1rem!important;font-weight:700!important;cursor:pointer!important;color:var(--text)!important;transition:all .05s ease!important;box-shadow:0 2px 4px #00000005!important;outline:none!important;display:inline-block!important}.duo-word-tile:hover:not(:disabled){background:rgba(var(--accent-rgb),.02)!important}.duo-word-tile:active:not(:disabled){border-bottom:2px solid var(--line)!important;transform:translateY(2px)!important}.duo-word-tile.used{background:#e5e5e5!important;border-color:#e5e5e5!important;border-bottom-color:#e5e5e5!important;color:transparent!important;cursor:default!important;pointer-events:none!important;opacity:.35!important;box-shadow:none!important}.duo-check-btn{background:var(--accent)!important;border:none!important;border-bottom:4px solid var(--accent-dark)!important;color:#fff!important;border-radius:16px!important;padding:14px 44px!important;font-size:1.1rem!important;font-weight:800!important;cursor:pointer!important;transition:all .1s ease!important;box-shadow:0 4px 6px #0000000d!important;text-transform:uppercase!important;letter-spacing:.8px!important;outline:none!important}.duo-check-btn:hover:not(:disabled){background:var(--accent-dark)!important}.duo-check-btn:active:not(:disabled){border-bottom:1px solid transparent!important;transform:translateY(3px)!important}.duo-check-btn:disabled{background:#e5e5e5!important;border-bottom:4px solid #cccccc!important;color:#afafaf!important;cursor:not-allowed!important;box-shadow:none!important}.duo-listen-btn{background:#38bdf8!important;border:none!important;border-bottom:4px solid #0284c7!important;color:#fff!important;border-radius:16px!important;padding:10px 20px!important;font-weight:800!important;cursor:pointer!important;font-size:1rem!important;transition:all .1s ease!important}.duo-listen-btn:hover{background:#56c8ff!important}.duo-listen-btn:active{border-bottom:1px solid transparent!important;transform:translateY(3px)!important}.duo-listen-btn-main{background:#38bdf8!important;border:none!important;border-bottom:5px solid #0284c7!important;color:#fff!important;border-radius:28px!important;cursor:pointer!important;font-size:4.5rem!important;transition:all .1s ease!important;width:120px!important;height:120px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.duo-listen-btn-main:hover{background:#56c8ff!important}.duo-listen-btn-main:active{border-bottom:1px solid transparent!important;transform:translateY(3px)!important}.duo-listen-btn-slow{background:#0284c7!important;border:none!important;border-bottom:5px solid #0369a1!important;color:#fff!important;border-radius:24px!important;cursor:pointer!important;font-size:3.5rem!important;transition:all .1s ease!important;width:96px!important;height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.duo-listen-btn-slow:hover{background:#0ea5e9!important}.duo-listen-btn-slow:active{border-bottom:1px solid transparent!important;transform:translateY(3px)!important}.duo-speech-bubble{background:var(--panel)!important;border:2px solid var(--line)!important;border-radius:20px!important;padding:18px 24px!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.5!important;color:var(--text)!important;position:relative!important;box-shadow:0 4px 10px #00000003!important}.duo-speech-bubble:before{content:""!important;position:absolute!important;left:-9px!important;top:28px!important;width:14px!important;height:14px!important;background:var(--panel)!important;border-left:2px solid var(--line)!important;border-bottom:2px solid var(--line)!important;transform:rotate(45deg)!important}.duo-banner-correct{position:absolute!important;bottom:0!important;left:0!important;right:0!important;background:#d7ffb8!important;border-top:2px solid #58a700!important;padding:24px 40px!important;z-index:100!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.duo-banner-incorrect{position:absolute!important;bottom:0!important;left:0!important;right:0!important;background:#ffd3d3!important;border-top:2px solid #ea2b2b!important;padding:24px 40px!important;z-index:100!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.duo-banner-title-correct{margin:0!important;color:#3b7000!important;font-weight:900!important;font-size:1.4rem!important}.duo-banner-title-incorrect{margin:0!important;color:#b91c1c!important;font-weight:900!important;font-size:1.4rem!important}.duo-hero-navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:var(--bg);border-bottom:2px solid var(--line);position:sticky;top:0;z-index:1000}.duo-hero-logo{font-size:2.2rem;font-weight:900;color:#58cc02;text-shadow:0 2px 0 rgba(0,0,0,.05);cursor:pointer;letter-spacing:-1px}.duo-hero-container{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;max-width:1080px;margin:60px auto;padding:0 40px;align-items:center;min-height:60vh}.duo-hero-left{display:flex;justify-content:center;align-items:center;position:relative}.duo-hero-mascot{width:320px;height:320px;object-fit:contain;animation:floatMascot 4s ease-in-out infinite}@keyframes floatMascot{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.duo-hero-right{display:flex;flex-direction:column;gap:24px;justify-content:center}.duo-hero-title{font-size:2.2rem;font-weight:800;line-height:1.25;color:var(--text);margin:0}.duo-hero-buttons{display:flex;flex-direction:column;gap:14px;max-width:340px}.duo-hero-footer{border-top:2px solid var(--line);padding:24px 20px;text-align:center;color:var(--text-muted);font-size:.95rem;font-weight:700;margin-top:40px}.duo-flag-row{display:flex;gap:12px;justify-content:center;margin-top:10px;font-size:1.5rem}@media (max-width: 768px){.duo-hero-container{grid-template-columns:1fr;text-align:center;margin:30px auto;gap:30px}.duo-hero-right{align-items:center}.duo-hero-mascot{width:200px;height:200px}}.admin-table-row-clickable:hover{background-color:var(--panel-strong)!important}.flashcard-side{background:#ffffff73!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.35)!important}[data-theme=dark] .flashcard-side{background:#1e1e288c!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1)!important}.story-predictor-box{background:#fff9!important;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -10px 40px #0000000d}[data-theme=dark] .story-predictor-box{background:#0f0f19b3!important;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border-top:1px solid rgba(255,255,255,.08)}.duo-solve-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.duo-solve-modal{background:var(--panel-strong);border:2px solid var(--line);border-radius:28px;width:90%;max-width:500px;padding:32px;position:relative;box-shadow:0 24px 64px #00000026;text-align:center;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.duo-solve-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:color .2s ease}.duo-solve-close:hover{color:var(--text)}.duo-solve-icon{font-size:3rem;margin-bottom:12px}.duo-solve-title{font-size:1.5rem;font-weight:800;margin-bottom:4px}.duo-solve-type{text-transform:uppercase;font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:1px;margin-bottom:20px}.duo-solve-copy-box{background:var(--bg);padding:16px;border-radius:16px;margin-bottom:20px;font-size:1.15rem;font-weight:600;color:var(--text)}.duo-solve-input-area{display:flex;flex-direction:column;gap:12px}.duo-solve-input{width:100%;padding:16px;border-radius:16px;border:2px solid var(--line);background:var(--bg);color:var(--text);font-size:1.1rem;font-weight:600;text-align:center;transition:border-color .2s ease}.duo-solve-input:focus{border-color:var(--accent);outline:none}.duo-solve-feedback{margin-top:20px;display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;text-align:left;animation:slideUp .2s ease}.duo-solve-feedback.correct{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.duo-solve-feedback.incorrect{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.duo-row-action-hint{display:block;font-size:.75rem;font-weight:700;color:var(--accent);margin-top:4px}.pronunciation-card-container{background:var(--panel);border:2px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 16px 40px #0000000d;max-width:600px;margin:30px auto;animation:slideUp .3s ease}.pronunciation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pronunciation-badge{font-size:.75rem;font-weight:800;letter-spacing:1px;color:var(--text-muted)}.translation-toggle-btn{background:var(--bg);border:1.5px solid var(--line);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.translation-toggle-btn.active,.translation-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.pronunciation-main-phrase{text-align:center;margin-bottom:30px}.phrase-speak-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.tts-btn{background:var(--bg);border:1.5px solid var(--line);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.tts-btn:hover{transform:scale(1.05);border-color:var(--accent);color:var(--accent)}.target-sentence-display{font-size:1.8rem;font-weight:800;line-height:1.4;margin:24px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.word-span{padding:2px 6px;border-radius:8px;transition:all .3s ease}.word-span.neutral{color:var(--text)}.word-span.correct{color:#10b981;background:#10b98126;text-shadow:0 0 1px rgba(16,185,129,.5)}.word-span.incorrect{color:#ef4444;background:#ef444426;text-decoration:line-through}.pronunciation-translation{background:var(--bg);padding:14px;border-radius:12px;font-size:.95rem;color:var(--text-muted);font-style:italic;animation:fadeIn .2s ease}.speech-mic-trigger-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:30px 0}.mic-button{background:var(--accent);color:#fff;border:none;padding:16px 36px;border-radius:30px;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px var(--accent-soft);transition:all .2s ease}.mic-button.recording{background:#ef4444;box-shadow:0 8px 24px #ef444466}.mic-button:hover:not(:disabled){transform:translateY(-2px)}.recording-ripple-indicator{display:flex;gap:4px;justify-content:center}.recording-ripple-indicator span{width:8px;height:8px;background-color:#ef4444;border-radius:50%;animation:recordRipple 1.2s infinite ease-in-out}.recording-ripple-indicator span:nth-child(2){animation-delay:.2s}.recording-ripple-indicator span:nth-child(3){animation-delay:.4s}.pronunciation-loading-box{text-align:center;padding:48px}.duo-spinner{width:48px;height:48px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s infinite linear;margin:0 auto 16px}.score-badge{background:var(--bg);border:1.5px solid var(--line);border-radius:16px;padding:16px;text-align:center;margin-bottom:24px;animation:slideUp .3s ease}.score-badge.pass h4{color:#10b981}.score-badge.fail h4{color:#f59e0b}.spoken-text-preview{margin-top:8px;font-size:.85rem;color:var(--text-muted)}.pronunciation-footer-actions{display:flex;justify-content:space-between;gap:12px;border-top:1.5px solid var(--line);padding-top:24px;margin-top:20px}@keyframes recordRipple{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.6);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-sidebar{display:flex;flex-direction:column;position:sticky;top:80px}.profile-sub-tabs{display:flex;flex-direction:column;gap:8px;margin:0;border-bottom:none;padding:24px;background:var(--panel);border:2px solid var(--line);border-radius:20px;box-shadow:0 8px 30px #00000008}[data-theme=dark] .profile-sub-tabs{box-shadow:0 8px 30px #0003}@media (max-width: 1024px){.profile-sidebar{position:static}.profile-sub-tabs{flex-direction:row;overflow-x:auto;padding:16px;border-radius:16px;margin-bottom:24px}}.profile-sub-tab-btn{background:transparent;border:2px solid transparent;font-size:1.05rem;font-weight:700;color:var(--text-muted);padding:14px 20px;cursor:pointer;border-radius:14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;text-align:left;white-space:nowrap}.profile-sub-tab-btn:hover{color:var(--text);background:#00000008}[data-theme=dark] .profile-sub-tab-btn:hover{background:#ffffff0d}.profile-sub-tab-btn.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.profile-tab-content-area{animation:fadeIn .4s ease;min-height:400px}.profile-stats-dashboard{display:flex;flex-direction:column;gap:24px}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.profile-stats-grid{grid-template-columns:1fr}}.profile-stat-card{background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--line);border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;position:relative;overflow:hidden}[data-theme=dark] .profile-stat-card{background:#1e293b80}.profile-stat-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--accent);border-radius:4px 0 0 4px;opacity:.5}.profile-stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #00000014}[data-theme=dark] .profile-stat-card:hover{box-shadow:0 12px 30px #0000004d}.profile-stat-card.streak:before{background:#f97316}.profile-stat-card.xp:before{background:#3b82f6}.profile-stat-card.lessons:before{background:#eab308}.profile-stat-card.active-time:before{background:#10b981}.stat-icon{font-size:2.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.profile-stat-card:hover .stat-icon{transform:scale(1.15) rotate(5deg)}.stat-content{display:flex;flex-direction:column}.stat-val{font-size:1.7rem;font-weight:900;color:var(--text);line-height:1.1;margin-bottom:4px}.stat-lbl{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left}.profile-badges-container{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 4px 20px #00000003}.profile-section-title{font-size:1.15rem;font-weight:800;margin-bottom:18px;color:var(--text);border-left:4px solid var(--accent);padding-left:12px}.profile-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-badges-empty{text-align:center;padding:28px;width:100%;color:var(--text-muted)}.profile-badges-empty .empty-icon{font-size:2.5rem;display:block;margin-bottom:10px}.profile-badge-item{background:var(--panel-strong);border:2px solid var(--line);border-radius:16px;padding:12px 20px;display:flex;align-items:center;gap:14px;cursor:help;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000003}.profile-badge-item:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 16px #0000000f}[data-theme=dark] .profile-badge-item:hover{box-shadow:0 6px 16px #00000040}.profile-badge-icon{font-size:2rem;line-height:1}.profile-badge-meta{display:flex;flex-direction:column}.profile-badge-name{font-weight:800;font-size:.95rem;color:var(--text)}.profile-badge-rarity{font-size:.68rem;font-weight:800;text-transform:uppercase;color:var(--accent);letter-spacing:.3px;margin-top:1px}.profile-avatar-creator-tab{background:var(--panel);border:2px solid var(--line);border-radius:28px;padding:32px;margin-bottom:32px}.avatar-creator-grid{display:grid;grid-template-columns:1.2fr 2fr;gap:32px}@media (max-width: 768px){.avatar-creator-grid{grid-template-columns:1fr}}.avatar-creator-preview-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);border:1.5px solid var(--line);border-radius:20px;padding:24px}.avatar-creator-large-preview{width:160px;height:160px;display:flex;align-items:center;justify-content:center;font-size:5.5rem;box-shadow:0 12px 32px #00000026;border:4px solid white;margin-bottom:24px}[data-theme=dark] .avatar-creator-large-preview{border-color:var(--line)}.avatar-creator-save-btn{width:100%;max-width:200px}.avatar-creator-options-card{display:flex;flex-direction:column;gap:24px}.avatar-creator-section h4{font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px}.avatar-options-emoji-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;padding:4px;background:var(--bg);border-radius:12px;border:1.5px solid var(--line)}.avatar-option-btn{background:var(--panel-strong);border:1.5px solid var(--line);font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .15s ease}.avatar-option-btn:hover,.avatar-option-btn.active{transform:scale(1.1);border-color:var(--accent);background:var(--accent-soft)}.avatar-options-color-grid{display:flex;flex-wrap:wrap;gap:8px;background:var(--bg);padding:8px;border-radius:12px;border:1.5px solid var(--line)}.avatar-option-color{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s ease}.avatar-option-color:hover,.avatar-option-color.active{transform:scale(1.15);border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.profile-settings-tab{margin-bottom:32px}.profile-settings-card{background:var(--panel-strong);border:1.5px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 16px #00000005}.settings-text-input,.settings-select-input{width:100%;padding:12px;border-radius:12px;border:2px solid var(--line);background:var(--bg);color:var(--text);font-size:.95rem;font-weight:600;box-sizing:border-box;transition:border-color .2s ease}.settings-text-input:focus,.settings-select-input:focus{border-color:var(--accent);outline:none}.settings-save-btn{width:100%;margin-top:8px}.dev-control-card{background:#5e4a8714!important;border:2.5px solid #5e4a87!important}.dev-control-card .current-level-title{color:#5e4a87!important}.dev-action-btn{background:var(--panel-strong);font-weight:800}.dev-action-btn.reset-assessment{border-color:#ff1a1a;color:#ff1a1a}.dev-action-btn.reset-lessons{border-color:#e67e22;color:#e67e22}.danger-zone-card{background:#ff1a1a0d!important;border:2.5px solid #ff1a1a!important}.danger-zone-card .current-level-title{color:#ff1a1a!important}.delete-account-btn{background:#ff1a1a!important;border-color:#ff1a1a!important;color:#fff!important}.achievements-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.achievement-card-modern{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 16px;border:2px solid var(--line);border-radius:20px;background:var(--panel-strong);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.achievement-card-modern:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 8px 24px #0000000f}[data-theme=dark] .achievement-card-modern:hover{box-shadow:0 8px 24px #0000004d}.achievement-card-modern.locked{opacity:.6}.achievement-card-icon-wrap{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:2rem;margin-bottom:14px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.achievement-card-modern:hover .achievement-card-icon-wrap{transform:scale(1.1) rotate(5deg)}.achievement-card-details{width:100%;display:flex;flex-direction:column;flex-grow:1}.achievement-card-title{font-weight:800;font-size:.95rem;color:var(--text);margin-bottom:6px;line-height:1.2}.achievement-card-modern.locked .achievement-card-title{color:var(--text-muted)}.achievement-card-desc{font-size:.8rem;color:var(--text-muted);margin:0 0 16px;line-height:1.4;flex-grow:1}.achievement-card-progress-container{display:flex;align-items:center;gap:8px;width:100%;margin-top:auto}.achievement-card-progress-track{flex-grow:1;height:8px;background:var(--line);border-radius:999px;overflow:hidden}.achievement-card-progress-fill{height:100%;border-radius:999px;transition:width .4s ease}.achievement-card-progress-text{font-size:.75rem;font-weight:800;color:var(--text-muted);min-width:32px;text-align:right}:focus-visible:not(input):not(select):not(textarea){outline:3px solid var(--accent);outline-offset:2px}button,a,input[type=button],input[type=submit],select{min-height:44px;min-width:44px}@media (max-width: 480px){.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:8px;font-size:.8rem}.admin-modal{width:95%!important;padding:16px!important;max-height:90vh;overflow-y:auto}}.pwa-offline-banner,.pwa-update-banner,.pwa-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 20px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));font-size:.9rem;font-weight:600;animation:slideUpBanner .3s ease}@keyframes slideUpBanner{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-offline-banner{background:#1e1e23f2;color:#ececf1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}.pwa-update-banner{background:linear-gradient(135deg,#1b1735,#2d1b6e);color:#fff;border-top:1px solid rgba(147,117,248,.3)}.pwa-install-banner{background:var(--panel-strong);border-top:1px solid var(--line);box-shadow:0 -8px 32px #0000001f;justify-content:space-between;flex-wrap:wrap;gap:10px}.pwa-install-content{display:flex;align-items:center;gap:12px}.pwa-install-icon{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #00000026}.pwa-install-title{font-size:.95rem;font-weight:800;color:var(--text)}.pwa-install-sub{font-size:.75rem;color:var(--muted);margin-top:2px}.pwa-install-actions{display:flex;align-items:center;gap:10px}.pwa-install-btn{background:linear-gradient(135deg,var(--accent),#df7f3d);color:#fff;border:none;border-radius:12px;padding:10px 20px;font-weight:800;font-size:.88rem;cursor:pointer;transition:transform .16s ease}.pwa-install-btn:hover{transform:translateY(-1px)}.pwa-update-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:8px 16px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .16s ease;white-space:nowrap}.pwa-update-btn:hover{background:#ffffff40}.pwa-banner-close{margin-left:auto;background:transparent;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:6px;transition:opacity .16s ease;min-height:32px;min-width:32px}.pwa-banner-close:hover{opacity:1}.mobile-bottom-nav{display:none;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:16px;right:16px;width:calc(100% - 32px);max-width:440px;margin:0 auto;z-index:1000;background:color-mix(in srgb,var(--panel-strong) 92%,transparent);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:6px 8px;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center;gap:4px;box-shadow:0 16px 36px #00000029,0 4px 14px #00000014;transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;color:var(--muted);font-size:.65rem;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:999px;transition:all .22s cubic-bezier(.4,0,.2,1);flex:1;min-height:48px;font-family:var(--font-family);text-align:center;position:relative}.mobile-nav-item svg{transition:transform .22s ease,stroke .22s ease}.mobile-nav-item.active{color:var(--accent);background:var(--accent-soft);font-weight:800;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb, 198, 95, 45),.2)}.mobile-nav-item.active svg{transform:translateY(-1px) scale(1.08)}.mobile-nav-item:active{transform:scale(.94)}@media (min-width: 769px){.mobile-bottom-nav{display:none!important}.pwa-offline-banner,.pwa-update-banner,.pwa-install-banner{bottom:0}}@media (max-width: 768px){.mobile-bottom-nav{display:flex}.dashboard-main-view{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}.pwa-offline-banner,.pwa-update-banner{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.pwa-install-banner{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;left:16px!important;right:16px!important;width:calc(100% - 32px)!important;max-width:440px!important;margin:0 auto!important;border-radius:20px!important;border:1px solid var(--line)!important;box-shadow:0 16px 36px #0000002e,0 4px 12px #0000001a!important;padding:10px 14px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:color-mix(in srgb,var(--panel-strong) 95%,transparent)!important;flex-wrap:nowrap!important;gap:8px!important}.pwa-install-content{flex:1!important;min-width:0!important;gap:10px!important}.pwa-install-icon{width:38px!important;height:38px!important;border-radius:10px!important;flex-shrink:0!important}.pwa-install-title{font-size:.88rem!important;font-weight:800!important;line-height:1.2!important}.pwa-install-sub{font-size:.7rem!important;line-height:1.25!important;color:var(--muted)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.pwa-install-actions{flex-shrink:0!important;gap:6px!important}.pwa-install-btn{padding:7px 11px!important;font-size:.76rem!important;font-weight:800!important;border-radius:10px!important;white-space:nowrap!important}.pwa-banner-close{padding:4px 6px!important;font-size:.82rem!important}}@media (max-width: 768px){.dashboard-topbar{padding:10px 12px!important;flex-wrap:nowrap;overflow:visible!important;gap:8px!important}.sidebar-pill{max-width:100vw;overflow-x:auto;padding:8px 12px;gap:4px}.sidebar-menu{gap:2px}.sidebar-item{padding:8px 10px;font-size:.8rem;white-space:nowrap}.sidebar-pill{display:none!important}.topbar-left{flex-shrink:0}.topbar-right{margin-left:auto;flex-shrink:0}.topbar-center{display:flex;align-items:center;gap:7px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.topbar-logo-img{height:32px!important;width:32px!important;padding:2px!important}.topbar-logo-text{font-size:1.4rem!important;font-weight:900!important;letter-spacing:-.4px!important;color:var(--text)!important}.indicator-pill{padding:4px 7px!important;font-size:.75rem!important;border-radius:10px!important;gap:4px!important}.indicator-pill svg,.indicator-pill img{width:14px!important;height:14px!important}.notif-bell-btn,.theme-toggle-btn,.dashboard-topbar .theme-toggle-btn,.lang-selector-trigger,.dashboard-topbar .lang-selector-trigger,.dashboard-topbar .change-lang-btn,.dashboard-topbar .shop-pill,.dashboard-topbar .leaderboard-pill{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important;border-radius:50%!important;aspect-ratio:1 / 1!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important;background:var(--panel-strong)!important;border:1px solid var(--line)!important;box-shadow:0 4px 12px #00000014!important;color:var(--text)!important}.dashboard-topbar .shop-pill.active,.dashboard-topbar .leaderboard-pill.active{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--accent)!important}.notif-bell-btn svg,.theme-toggle-btn svg,.dashboard-topbar .theme-toggle-btn svg,.lang-selector-trigger svg,.dashboard-topbar .lang-selector-trigger svg,.dashboard-topbar .change-lang-btn svg,.dashboard-topbar .shop-pill svg,.dashboard-topbar .leaderboard-pill svg{width:18px!important;height:18px!important;margin:0!important}.dashboard-main-view{padding:16px 12px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}.dashboard-overview{flex-direction:column!important;gap:16px!important}.dashboard-col,.dashboard-col-left,.dashboard-col-right{width:100%!important;min-width:0!important;max-width:100%!important}.dashboard-top-row{flex-direction:column;gap:16px;margin-bottom:20px}.dashboard-top-row .metric-stats-grid{flex:none;max-width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.dashboard-dual-grid{grid-template-columns:1fr!important}.premium-hero-card{flex-direction:column;padding:24px 20px;gap:20px;text-align:center}.hero-left-content{align-items:center;text-align:center}.hero-left-content h1{font-size:1.6rem!important;margin-top:0!important}.hero-actions{justify-content:center}.hero-right-progress{align-self:center}.lessons-card-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.lesson-card-item{min-height:160px;padding:16px}.lesson-study-card{padding:20px 16px;border-radius:20px}.assessment-card,.results-card,.dashboard-home-card,.diagnostic-welcome-wrapper{width:100%!important;max-width:100%!important;padding:20px 16px!important;border-radius:20px!important;height:auto!important;max-height:none!important}.assessment-header-with-mascot{gap:10px}.assessment-mascot{width:70px;height:70px}.welcome-mascot{width:100px;height:100px}.welcome-banner-mascot{flex-direction:column;text-align:center;gap:8px}.welcome-banner-text{text-align:center}.welcome-banner-text h1,.welcome-banner h1{font-size:1.5rem!important;margin-top:0!important}.stats-header-grid{grid-template-columns:repeat(2,1fr);gap:12px}.history-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{min-width:480px}.profile-tab-wrapper{max-width:100%;padding:0}.profile-info-card,.editing-profile-form{padding:20px 16px;border-radius:20px}.flz-grid,.flz-games-grid{grid-template-columns:1fr 1fr!important;gap:12px}.shop-grid,.xp-shop-grid{grid-template-columns:repeat(2,1fr)!important}.daily-quests-card{padding:16px}.current-level-card{padding:20px}.word-of-day-card{padding:16px}.notif-panel{width:calc(100vw - 16px)!important;max-width:360px;right:-8px!important}.achievements-modal,.admin-modal,.lesson-modal,[role=dialog]{width:95vw!important;max-width:95vw!important;max-height:88vh!important;padding:20px 16px!important;border-radius:20px!important;overflow-y:auto}canvas{max-width:100%;height:auto}.results-hero-section{text-align:center;padding:20px 16px!important}.leaderboard-container,.weekly-leaderboard{padding:16px}.assessment-submit-bar{padding-top:14px}.submit-btn{width:100%;min-width:0}.diagnostic-outer{padding:16px 12px}.dashboard-header{padding:12px 16px!important;gap:8px}.dashboard-header .brand-logo-top.dashboard-brand .brand-logo-tagline{display:none!important}.dashboard-user-actions{gap:8px!important}.dashboard-main-view.centered-layout{overflow-y:auto!important;display:block!important}.lang-selector-container{position:static}.two-col{grid-template-columns:1fr!important}.section-stepper{display:none}.word-bank{padding:12px;min-height:auto}.sentence-workspace{min-height:56px;padding:10px 12px}.streak-society-day{font-size:.65rem}.analytics-container,.admin-container{padding:12px!important}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px}.admin-tabs button{white-space:nowrap;font-size:.8rem;padding:8px 12px}.mic-outer-container{padding:12px 20px}.writing-textarea{font-size:1rem;padding:14px}.score-item{flex-wrap:wrap;gap:8px}.badges-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.options-grid{grid-template-columns:1fr!important}.shell{grid-template-columns:1fr;height:auto;overflow:visible}.hero-panel{display:none}.auth-panel{min-height:100vh;padding:24px 16px;justify-content:center}.auth-card{padding:20px 16px;border-radius:20px;max-height:none}}@media (max-width: 480px){.lessons-card-grid{grid-template-columns:1fr!important}.lesson-card-item{min-height:130px}.flz-grid,.flz-games-grid,.shop-grid,.xp-shop-grid{grid-template-columns:1fr!important}.dashboard-top-row .metric-stats-grid,.stats-header-grid{grid-template-columns:1fr}.achievements-list{grid-template-columns:1fr 1fr;gap:8px}.achievement-row{padding:12px 8px 10px}.achievement-badge-box{width:52px;height:52px}.achievement-badge-icon{font-size:1.6rem}.premium-hero-card{padding:20px 16px}.hero-left-content h1{font-size:1.4rem!important}.daily-quests-timer{font-size:.75rem}.option-btn{padding:14px;min-height:52px}.question-text,.comprehension-question,.writing-prompt{font-size:1rem}.monkeytype-text-block{font-size:1.1rem;padding:16px}.assessment-tours{gap:8px}.tour-badge{padding:8px 12px;font-size:.85rem}.badges-grid{grid-template-columns:repeat(2,1fr)!important}.profile-avatar{width:80px;height:80px;font-size:3rem}.streak-society-card{padding:18px}.word-of-day-word{font-size:1.4rem}.sidebar-separator{display:none}.history-header{flex-direction:column;align-items:flex-start;gap:10px}.retake-btn{width:100%;text-align:center}.assessment-card-header h2{font-size:1.3rem}.tutor-announcement-bar{padding:12px 14px;gap:10px}.lesson-row-btn{padding:12px}.voice-mic-controls{margin:8px 0}.mic-outer-container{padding:10px 16px}.fallback-input-row{flex-direction:column}.lang-card{padding:24px 16px;border-radius:20px}.lang-card h2{font-size:1.4rem}.resume-card{flex-direction:column;gap:12px;padding:16px}.resume-btn{width:100%;text-align:center}}@media (min-width: 769px) and (max-width: 1024px){.dashboard-main-view{padding:20px!important}.lessons-card-grid{grid-template-columns:repeat(3,1fr)!important}.dashboard-dual-grid{grid-template-columns:1fr 1fr}.premium-hero-card{padding:28px 32px}.hero-left-content h1{font-size:1.75rem!important}.stats-header-grid{grid-template-columns:repeat(2,1fr);gap:16px}.badges-grid{grid-template-columns:repeat(3,1fr)}.sidebar-pill{overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-item{font-size:.82rem;padding:8px 10px;white-space:nowrap}}@supports (padding: max(0px)){.mobile-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.pwa-offline-banner,.pwa-update-banner{padding-bottom:max(14px,calc(14px + env(safe-area-inset-bottom)))}}@media (hover: none){.lesson-card-item:hover,.metric-stat-box:hover,.badge-item:hover,.achievement-row:hover,.lang-btn:hover,.lesson-row-btn:hover,.word-block-choice:hover{transform:none}.lesson-card-item:active{transform:scale(.98)}.option-btn:active{border-color:var(--accent);background:var(--accent-soft)}}@media (max-height: 480px) and (orientation: landscape){.dashboard-main-view{padding-top:8px!important}.mobile-bottom-nav{padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));min-height:52px}.mobile-nav-item{min-height:44px;padding:4px 12px}.premium-hero-card{padding:16px 20px}.assessment-card,.results-card{max-height:95vh!important;overflow-y:auto!important}}[data-theme=dark] .mobile-bottom-nav{background:#1c1c1ef0;border-color:#ffffff1f;box-shadow:0 20px 40px #00000080,0 6px 16px #0000004d}[data-theme=dark] .mobile-nav-item.active{background:#3c3c41bf;color:var(--accent);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb, 198, 95, 45),.4),0 4px 12px #00000040}[data-theme=dark] .pwa-install-banner{background:#1c1c1ef2!important;border-color:#ffffff1f!important;box-shadow:0 20px 40px #00000080,0 6px 16px #0000004d!important}[data-theme=dark] .dashboard-main-view{background-color:#060608!important;background-image:linear-gradient(180deg,#060608f2,#08080bed,#040406f7),url(https://images.rawpixel.com/image_social_landscape/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIzLTA5L3Jhd3BpeGVsX29mZmljZV8yMl9zaW1wbGlmaWVkX2VtcHR5X2NvdW50cnlzaWRlX2hpbGxfbGFuZHNjYXBlX182NmUzNTJjMi1iZTA2LTQ3ZjAtYThmMC1kZmM4ZGM4NTg1NWFfMS5qcGc.jpg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}@media (max-width: 768px){.dashboard-topbar .indicator-pill.streak,.dashboard-topbar .indicator-pill.xp,.dashboard-topbar .shop-pill,.dashboard-topbar .leaderboard-pill,.dashboard-topbar .notif-bell-btn{display:none!important}.topbar-right{gap:8px!important}}@media (max-width: 768px){.stars-answers-card{padding:20px 16px!important;border-radius:20px!important}.progress-dashboard-header{flex-wrap:wrap;gap:10px}.progress-view-btn{padding:6px 12px!important;font-size:.8rem!important}.stars-answers-card .sa-metrics-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}.stars-answers-card .sa-divider{display:none!important}.stars-answers-card .sa-metric{justify-content:flex-start!important}.streak-widget-card.streak-society-card{padding:20px 16px!important;border-radius:20px!important}.streak-society-title{font-size:1.8rem!important}.streak-society-message{font-size:.85rem!important;line-height:1.4!important}.daily-quests-card{padding:20px 16px!important;border-radius:20px!important}.daily-quests-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important}.daily-quests-header h3{font-size:1.1rem!important}}.profile-settings-tab-grid{display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.profile-settings-tab-grid{gap:20px!important;width:100%!important;box-sizing:border-box!important}.profile-avatar-creator-tab{padding:20px 16px!important;border-radius:20px!important;margin-bottom:24px!important;width:100%!important;box-sizing:border-box!important}.profile-settings-tab{margin-bottom:24px!important;width:100%!important;box-sizing:border-box!important}.avatar-creator-preview-card,.avatar-creator-options-card,.profile-settings-card{padding:16px!important;border-radius:16px!important;width:100%!important;box-sizing:border-box!important}}.mobile-only-logout-container{display:none;margin-top:24px}@media (max-width: 768px){.mobile-only-logout-container{display:block!important}}@media (max-width: 768px){.flz-game-card{padding:20px 16px!important;border-radius:20px!important}.flz-timer-row{margin-bottom:16px!important}.flz-letter-tiles{gap:8px!important}.flz-letter-tile{width:42px!important;height:46px!important;font-size:1.1rem!important;border-radius:8px!important;border-width:2px!important}.flz-answer-slots{gap:8px!important;margin-bottom:20px!important}.flz-slot{width:40px!important;height:44px!important;font-size:1.1rem!important;border-radius:8px!important;border-width:2px!important}.flz-memory-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.flz-memory-card{height:80px!important}.flz-card-emoji{font-size:1.6rem!important}.flz-card-word{font-size:.75rem!important}.flz-sprint-options{gap:10px!important}.flz-sprint-option-btn{padding:12px 14px!important;font-size:.95rem!important;border-radius:12px!important}}@media (max-width: 768px){.pronunciation-card-container{padding:20px 16px!important;border-radius:20px!important;margin:16px auto!important;max-width:100%!important}.pronunciation-badge{font-size:.7rem!important}.translation-toggle-btn{font-size:.7rem!important;padding:4px 8px!important}.phrase-speak-buttons{flex-direction:column!important;gap:10px!important}.phrase-speak-buttons .tts-btn{width:100%!important;justify-content:center!important}}.pronunciation-icon{background:#06b6d424!important;color:#06b6d4!important}@media (max-width: 768px){.dashboard-topbar .indicator-pill.streak,.dashboard-topbar .indicator-pill.xp,.dashboard-topbar .notif-bell-btn{display:none!important}.dashboard-topbar .shop-pill,.dashboard-topbar .leaderboard-pill{display:inline-flex!important}}@media (max-width: 768px){.streak-widget-card.streak-society-card,.daily-quests-card,.stars-answers-card{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;box-sizing:border-box!important}}.profile-details-list{display:flex;flex-direction:column;gap:10px;margin-top:18px;width:100%;align-items:stretch;text-align:center}.profile-details-list span{background:var(--flz-tint, rgba(198, 95, 45, .08));border:1.5px solid var(--line);padding:10px 18px;border-radius:14px;color:var(--text);font-size:.92rem;font-weight:600;display:block;text-align:center;box-shadow:0 4px 10px #00000005;box-sizing:border-box}@media (max-width: 768px){.profile-view-container{padding:0 12px 24px!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important;min-width:0!important}.profile-layout-grid{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}.profile-sidebar,.profile-main-content{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}.profile-card-large{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-bottom:16px!important;min-width:0!important}.profile-cover{height:120px!important;width:100%!important}.profile-card-body{flex-direction:column!important;text-align:center!important;padding:0 16px 20px!important;margin-top:0!important;width:100%!important;box-sizing:border-box!important;min-width:0!important}.profile-avatar-large{position:absolute!important;top:-44px!important;left:50%!important;transform:translate(-50%)!important;margin-top:0!important;z-index:10!important;border:4px solid var(--panel-strong)!important;width:88px!important;height:88px!important}.profile-info-large{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding-top:52px!important;box-sizing:border-box!important;min-width:0!important}.profile-details-list{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;text-align:center!important;box-sizing:border-box!important}.profile-details-list span{font-size:.82rem!important;padding:8px 12px!important;border-radius:10px!important;width:100%!important;max-width:100%!important;text-align:center!important;box-sizing:border-box!important}.profile-sub-tabs{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;padding:8px 12px!important;background:var(--panel)!important;border:2px solid var(--line)!important;border-radius:16px!important;margin-bottom:20px!important;width:100%!important;box-sizing:border-box!important;box-shadow:0 8px 30px #00000008!important;scrollbar-width:none!important;min-width:0!important}.profile-sub-tabs::-webkit-scrollbar{display:none!important}.profile-sub-tab-btn{white-space:nowrap!important;flex-shrink:0!important;font-size:.85rem!important;padding:10px 14px!important;border-radius:10px!important}.profile-stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.profile-stat-card{padding:12px 14px!important;border-radius:14px!important;gap:10px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important}.profile-stat-card .stat-icon{font-size:1.5rem!important}.profile-stat-card .stat-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important}.profile-stat-card .stat-val{font-size:1.1rem!important;line-height:1.2!important}.profile-stat-card .stat-lbl{font-size:.72rem!important;line-height:1.2!important}}@media (max-width: 768px){.flz-game-card{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:12px auto!important;padding:16px 12px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.flz-game-intro{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:16px 12px!important}.flz-memory-game{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.flz-memory-grid{justify-content:center!important;align-content:center!important;margin:12px auto!important;width:100%!important;max-width:360px!important;gap:8px!important}.flz-memory-card{aspect-ratio:1 / 1!important;height:auto!important;width:100%!important}.flz-scramble-game{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.flz-letter-tiles,.flz-answer-slots{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;gap:6px!important}.flz-sprint-game{width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.flz-sprint-options{width:100%!important;max-width:340px!important;margin:0 auto!important}}@media (max-width: 768px){.dashboard-overview,.dashboard-col,.dashboard-col-left,.dashboard-col-right,.dashboard-dual-grid{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.resume-card,.stars-answers-card,.streak-widget-card.streak-society-card,.daily-quests-card,.badges-gallery-card,.badges-gallery-card-new,.current-level-card,.tutor-announcement-bar,.premium-hero-card,.word-of-day-card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:20px!important;box-sizing:border-box!important}}@media (max-width: 768px){.tts-btn-text{display:none!important}.tts-btn{padding:0!important;width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;min-width:42px!important}.lang-selector-trigger span{display:none!important}.lang-selector-trigger{padding:0!important;width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.lang-selector-trigger svg{margin:0!important;width:20px!important;height:20px!important}.lang-selector-container,.theme-toggle-container{position:relative!important;top:auto!important;right:auto!important;z-index:auto!important}.profile-trigger-text{display:none!important}.profile-dropdown-trigger{padding:0!important;width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.profile-dropdown-trigger .dropdown-arrow{display:none!important}.dashboard-header .brand-logo-top.dashboard-brand{position:static!important;margin:0!important;font-size:1.3rem!important;max-width:none!important;z-index:auto!important}.brand-logo-tagline{display:none!important}.lang-selector-dropdown{right:0!important;left:auto!important;top:calc(100% + 8px)!important;margin-top:0!important;width:220px!important;z-index:2200!important}.profile-dropdown-card{right:0!important;left:auto!important;top:calc(100% + 8px)!important;width:290px!important;max-height:80vh!important;z-index:2200!important}.analytics-report-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-height:auto!important;gap:12px!important;margin-top:16px!important;margin-bottom:16px!important}.analytics-report-title-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;width:100%!important}.analytics-title-content{text-align:left!important;align-items:flex-start!important;width:100%!important}.analytics-report-title{justify-content:flex-start!important}.analytics-report-subtitle{text-align:left!important}.analytics-back-btn-text{display:none!important}.analytics-back-btn{position:relative!important;left:0!important;top:0!important;transform:none!important;align-self:flex-start!important;margin:0 0 4px!important;padding:0!important;width:44px!important;height:44px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;box-shadow:0 3px 0 var(--line, #cbd5e1)!important;border:2px solid var(--line, #cbd5e1)!important}}@media (max-width: 768px){.practice-row-cards{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:20px!important}.practice-row-card{padding:18px 14px!important;gap:10px!important;min-height:165px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;box-sizing:border-box!important;border-radius:22px!important}.practice-row-card-content{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important}.practice-row-card-title{font-size:1.2rem!important;font-weight:800!important;line-height:1.25!important;justify-content:center!important}.practice-row-card-desc{font-size:.85rem!important;line-height:1.35!important}.practice-row-card-icon{font-size:2.5rem!important;width:60px!important;height:60px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;order:-1!important;margin:0 0 6px!important;background:#0000000a!important;box-shadow:inset 0 0 0 1px #0000000d!important}[data-theme=dark] .practice-row-card-icon{background:#ffffff14!important;box-shadow:inset 0 0 0 1px #ffffff1a!important}}@media (max-width: 768px){.flz-answer-slots,.flz-letter-tiles{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;max-width:320px!important;margin:12px auto!important}}@media (max-width: 768px){.practice-grid-layout{padding-left:8px!important;padding-right:8px!important;margin-left:0!important;margin-right:0!important}.practice-content-column{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.practice-section{padding-left:4px!important;padding-right:4px!important;margin-bottom:24px!important}.practice-row-cards{gap:8px!important}}@media (max-width: 768px){.admin-dashboard-container{padding:12px 8px!important}.admin-header{padding:16px 12px!important;border-radius:20px!important;margin-bottom:16px!important;gap:12px!important}.admin-logout-btn-mobile{display:inline-flex!important}.admin-title-row h2{font-size:1.4rem!important}.admin-title-row p{font-size:.78rem!important}.admin-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;width:100%!important;padding-bottom:6px!important}.admin-tab-btn{white-space:nowrap!important;flex-shrink:0!important;font-size:.82rem!important;padding:8px 12px!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:16px!important}.admin-stat-card{padding:12px 10px!important;border-radius:16px!important;gap:10px!important}.admin-stat-card h3{font-size:1.15rem!important}.admin-stat-card p{font-size:.72rem!important}.stat-card-icon{width:38px!important;height:38px!important;font-size:1.1rem!important;border-radius:10px!important}.admin-charts-grid{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:16px!important}.admin-chart-box{padding:16px 12px!important;border-radius:20px!important}.users-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px 12px!important}.filter-group{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:6px!important}.filter-group select,.search-wrapper input{width:100%!important}.admin-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important}.admin-table{min-width:600px!important}.admin-curriculum-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.curriculum-left,.curriculum-right{width:100%!important;max-width:100%!important;padding:16px 12px!important;border-radius:20px!important}.admin-user-detail-stats-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.admin-user-detail-roster-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}}@media (max-width: 768px){.dashboard-topbar .topbar-right{display:flex!important;align-items:center!important;gap:10px!important;position:static!important;top:auto!important;right:auto!important;margin-left:auto!important;z-index:1010!important}.dashboard-topbar .theme-toggle-container{position:static!important;transform:none!important;z-index:auto!important;margin:0!important}.dashboard-topbar.admin-topbar .lang-selector-relative{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;right:auto!important;z-index:1000!important;margin:0!important}.dashboard-topbar:not(.admin-topbar) .lang-selector-relative{position:static!important;transform:none!important;z-index:auto!important;margin:0!important}.lang-selector-trigger{padding:0!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;border-radius:50%!important;aspect-ratio:1 / 1!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important;background:var(--panel-strong)!important;border:1px solid var(--line)!important;box-shadow:0 4px 12px #00000014!important}.lang-selector-trigger span{display:none!important}.lang-selector-trigger svg{margin:0!important;width:20px!important;height:20px!important}.shell .lang-selector-container{position:fixed!important;top:14px!important;right:70px!important;z-index:2010!important}.shell .theme-toggle-container{position:fixed!important;top:14px!important;right:14px!important;z-index:2010!important}}@media (max-width: 480px) and (max-height: 700px){.dashboard-header{padding:10px 14px!important}.dashboard-header .brand-logo-top.dashboard-brand{font-size:1.25rem!important}.dashboard-main-view{padding:12px 10px 20px!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.assessment-card,.results-card,.dashboard-home-card,.diagnostic-welcome-wrapper{padding:20px 16px!important;border-radius:20px!important;margin:12px auto!important;gap:12px!important;min-height:480px!important}.assessment-card-header{padding-bottom:8px!important;margin-bottom:12px!important}.assessment-card-header h2{font-size:1.3rem!important}.assessment-mascot{width:50px!important;height:50px!important}.step-tag{padding:4px 12px!important;font-size:.8rem!important}.question-text{font-size:.95rem!important;margin-bottom:12px!important}.options-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.option-btn{padding:10px 14px!important;min-height:48px!important;font-size:.9rem!important;border-radius:14px!important;gap:10px!important}.assessment-nav-bar{margin-top:16px!important;padding-top:12px!important}.nav-btn,.submit-btn{padding:12px 18px!important;font-size:.9rem!important;border-radius:14px!important;min-height:44px!important}.welcome-mascot{width:80px!important;height:80px!important}.welcome-banner-mascot{gap:6px!important;margin-bottom:12px!important}.welcome-banner-text h1{font-size:1.4rem!important}.welcome-banner-text h2{font-size:1.05rem!important;margin-top:4px!important}.intro-copy{font-size:.88rem!important;line-height:1.4!important;margin-bottom:10px!important}.assessment-tours{gap:8px!important;margin:10px 0!important}.tour-badge{padding:8px 12px!important;font-size:.8rem!important;border-radius:12px!important}}@media (max-width: 768px){.results-hero-section{display:flex!important;flex-direction:column!important;gap:16px!important;padding:16px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.results-hero-top-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.results-hero-left{display:flex!important;flex-direction:column!important;align-items:center!important}.results-hero-right{display:flex!important;justify-content:center!important;align-items:center!important}.results-hero-right .results-mascot-medium{width:110px!important;height:110px!important;object-fit:contain!important}.results-hero-center-score{width:100%!important;margin-top:4px!important}.results-card{padding:16px 12px!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.insights-card{padding:14px 10px!important;margin-top:16px!important;border-radius:16px!important;width:100%!important;box-sizing:border-box!important}.insights-card-head{gap:8px!important;margin-bottom:12px!important;padding-bottom:8px!important}.insights-card-head h3{font-size:1rem!important;word-break:break-word!important;white-space:normal!important}.daily-rec-card-box{padding:12px 10px!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.daily-rec-card-content{width:100%!important;box-sizing:border-box!important}.daily-rec-card-content h4{font-size:1.05rem!important;word-break:break-word!important}.daily-rec-card-content p{font-size:.86rem!important;word-break:break-word!important}.daily-rec-card-badges{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;width:100%!important}.daily-rec-badge{padding:4px 10px!important;font-size:.76rem!important;white-space:normal!important;word-break:break-word!important;max-width:100%!important}.diagnostic-recommendation-box{padding:14px 10px!important;font-size:.88rem!important;width:100%!important;box-sizing:border-box!important}.scroll-top-btn{bottom:90px!important;right:20px!important}.weekly-leaderboard-podium{gap:8px!important;margin-bottom:24px!important;padding:0 4px!important}.weekly-leaderboard-podium-item{min-width:95px!important;max-width:105px!important;padding:12px 6px 10px!important;border-radius:14px!important;gap:4px!important;flex:1!important}.weekly-leaderboard-podium-item.rank-1{transform:translateY(-6px)!important}.podium-avatar{width:44px!important;height:44px!important}.podium-name{font-size:.78rem!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.podium-xp{font-size:.75rem!important}.shop-category-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;padding-bottom:8px!important;margin-bottom:16px!important;width:100%!important;box-sizing:border-box!important}.shop-cat-tab{flex-shrink:0!important;white-space:nowrap!important}.shop-zone{width:100%!important;max-width:100%!important;overflow:hidden!important}.shop-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:nowrap!important;margin-bottom:16px!important}.shop-header>div:first-child{flex:1!important;min-width:0!important}.shop-title{font-size:1.15rem!important;line-height:1.25!important;margin-bottom:2px!important}.shop-subtitle{font-size:.82rem!important;line-height:1.3!important}.shop-header-badge{font-size:.65rem!important;padding:3px 8px!important;margin-bottom:4px!important}.shop-xp-display{padding:10px 12px!important;gap:8px!important;border-radius:14px!important;flex-shrink:0!important;align-self:center!important}.shop-xp-icon{font-size:1.4rem!important}.shop-xp-value{font-size:1.2rem!important}.shop-xp-label{font-size:.62rem!important}.profile-view-container{padding:0 16px 24px!important}}.admin-curriculum-grid{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.admin-dashboard-layout{display:flex;min-height:80vh;gap:24px;width:100%;max-width:1300px;margin:0 auto;padding:24px;animation:fadeIn .4s ease-out;box-sizing:border-box}.admin-sidebar{width:280px;background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:0 10px 30px #00000005;flex-shrink:0;height:fit-content;position:sticky;top:24px;box-sizing:border-box}.admin-sidebar-header h2{font-size:1.5rem;font-weight:900;margin:0 0 4px;color:var(--accent)}.admin-sidebar-header p{color:var(--muted);margin:0;font-size:.82rem}.admin-sidebar-nav{display:flex;flex-direction:column;gap:8px}.admin-sidebar-nav .admin-tab-btn{background:transparent;border:none;color:var(--muted);font-size:.92rem;font-weight:800;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.admin-sidebar-nav .admin-tab-btn:hover{color:var(--text);background:var(--line)}.admin-sidebar-nav .admin-tab-btn.active{color:#fff;background:var(--accent)}.admin-main-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.admin-main-header{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:20px 24px;box-shadow:0 10px 30px #00000005}@media (max-width: 992px){.admin-dashboard-layout{flex-direction:column;padding:12px 8px}.admin-sidebar{width:100%;position:static;padding:16px;border-radius:20px;gap:16px}.admin-sidebar-header{display:flex;justify-content:space-between;align-items:center}.admin-sidebar-nav{flex-direction:row!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;width:100%;gap:8px}.admin-sidebar-nav .admin-tab-btn{white-space:nowrap;width:auto;padding:10px 14px}.admin-logout-btn-mobile{display:inline-flex!important}.admin-sidebar div:last-child{display:none!important}}.admin-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-announcements-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.admin-table-filter-bar{background:var(--panel-strong);padding:14px 18px;border-radius:20px;border:1.5px solid var(--line);margin-bottom:24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:center;width:100%;box-sizing:border-box}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.table-filters-sorting{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.table-filters-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label,.sort-label{font-size:.8rem;font-weight:800;color:var(--muted);letter-spacing:.03em}.filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-pills button{flex-shrink:0;white-space:nowrap}.table-sorting-right{display:flex;align-items:center;gap:8px;margin-left:auto}@media (max-width: 768px){.admin-topbar-title{display:none!important}.admin-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.admin-two-col-grid{grid-template-columns:1fr}.admin-announcements-grid{grid-template-columns:1fr;gap:16px}.admin-table-filter-bar{grid-template-columns:1fr;padding:12px}.table-filters-sorting{flex-direction:column;align-items:flex-start;gap:12px}.table-filters-left{width:100%}.filter-pills{width:100%;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.table-sorting-right{margin-left:0;width:100%;justify-content:space-between}.admin-sidebar-nav .admin-tab-btn{flex-shrink:0!important}}@media (max-width: 400px){.admin-stats-grid{grid-template-columns:1fr!important}}.lp-nav .theme-toggle-container,.lp-nav .lang-selector-container{position:static;top:auto;right:auto;z-index:auto}.lp-root{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-family);display:flex;flex-direction:column;overflow-x:hidden}.lp-nav{position:sticky;top:0;z-index:1000;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:14px 44px}.lp-nav-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.lp-brand{display:flex;align-items:center;gap:12px}.lp-brand-mark{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;font-weight:900;font-size:1.2rem;display:grid;place-items:center;box-shadow:0 8px 20px #0000001f;flex-shrink:0}.lp-brand-mark-sm{width:32px;height:32px;font-size:1rem;border-radius:9px}.lp-brand-text{display:flex;flex-direction:column;line-height:1.1}.lp-brand-name{font-size:1.3rem;font-weight:900;letter-spacing:-.02em;color:var(--text)}.lp-brand-sub{font-size:.68rem;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.lp-brand-sub-full{display:inline}.lp-brand-sub-short{display:none}@media (max-width: 768px){.lp-nav{padding:12px 16px}.lp-brand-sub-full{display:none}.lp-brand-sub-short{display:inline}}.lp-nav-right{display:flex;align-items:center;gap:10px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:14px;padding:10px 20px;font-family:var(--font-family);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .16s ease;text-decoration:none;white-space:nowrap}.lp-btn-lg{padding:14px 28px;font-size:1rem;border-radius:16px}.lp-btn-accent{background:var(--accent);color:#fff;box-shadow:0 6px 20px #00000026}.lp-btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003}.lp-btn-accent:active{transform:translateY(0)}.lp-btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.lp-btn-ghost:hover{background:var(--panel-strong);transform:translateY(-1px)}.lp-btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.lp-btn-outline:hover{background:var(--accent-soft);transform:translateY(-1px)}.lp-btn-white{background:#fff;color:var(--accent);font-weight:800;box-shadow:0 6px 20px #00000026}.lp-btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003}.lp-btn-outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}.lp-btn-outline-white:hover{background:#ffffff1f;transform:translateY(-1px)}.lp-hero{position:relative;padding:80px 32px 40px;overflow:hidden}.lp-hero-glow{display:none}.lp-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.lp-hero-text{display:flex;flex-direction:column;gap:20px}.lp-eyebrow{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0}.lp-hero-h1{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;margin:0;color:var(--text)}.lp-hero-gradient{color:var(--accent)}.lp-hero-desc{font-size:1.05rem;line-height:1.65;color:var(--muted);margin:0;max-width:50ch}.lp-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.lp-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:-4px}.lp-trust-chip{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--panel-strong);border:1px solid var(--line);border-radius:999px;padding:4px 12px}.lp-hero-visual{display:flex;align-items:center;justify-content:center;width:100%}.lp-hero-card-wrap{position:relative;width:100%;max-width:480px}.lp-preview-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:28px;padding:32px 28px;box-shadow:0 28px 70px #0000001f;display:flex;flex-direction:column;gap:20px}.lp-preview-header{display:flex;align-items:center;gap:8px}.lp-preview-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.lp-dot-red{background:#ef4444}.lp-dot-yellow{background:#f59e0b}.lp-dot-green{background:#10b981}.lp-preview-title{margin-left:10px;font-size:.92rem;font-weight:700;color:var(--muted);letter-spacing:.04em}.lp-preview-mascot{width:100%;max-width:165px;margin:0 auto;display:block}.lp-preview-prompt{text-align:center;font-size:1.15rem;font-weight:700;color:var(--text);line-height:1.4}.lp-preview-choices{display:flex;justify-content:center;gap:14px}.lp-choice{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:1.65rem;font-weight:700;background:var(--panel);border:2px solid var(--line);cursor:default;transition:all .16s ease}.lp-choice-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 4px 14px #f59e0b40}.lp-preview-xp{text-align:center;font-size:.92rem;font-weight:700;color:var(--muted);background:var(--panel);border-radius:999px;padding:8px 18px}.lp-hero-badge{position:absolute;display:flex;align-items:center;gap:12px;background:var(--panel-strong);border:1px solid var(--line);border-radius:18px;padding:12px 20px;box-shadow:0 10px 30px #0000001a;font-size:.9rem;z-index:2}.lp-hero-badge span{font-size:1.65rem;line-height:1}.lp-hero-badge strong{display:block;font-weight:800;font-size:.95rem;color:var(--text)}.lp-hero-badge p{margin:0;color:var(--muted);font-size:.8rem}.lp-hbadge-1{top:-32px;left:-75px}.lp-hbadge-2{bottom:-20px;right:-36px}.lp-features{padding:40px 32px}.lp-features-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:48px}.lp-section-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.lp-section-h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:900;letter-spacing:-.02em;text-align:center;margin:0;color:var(--text)}.lp-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.lp-feat-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.lp-feat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014;border-color:var(--accent)}.lp-feat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;flex-shrink:0}.lp-icon-blue{background:#3b82f61f}.lp-icon-purple{background:#8b5cf61f}.lp-icon-orange{background:#f973161f}.lp-icon-green{background:#10b9811f}.lp-icon-red{background:#ef44441f}.lp-icon-teal{background:#14b8a61f}.lp-feat-card h3{font-size:1rem;font-weight:800;margin:0;color:var(--text)}.lp-feat-card p{font-size:.88rem;line-height:1.6;color:var(--muted);margin:0}.lp-showcase{padding:40px 32px 80px;background:var(--bg)}.lp-showcase-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:96px}.lp-showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.lp-showcase-row-rev{direction:rtl}.lp-showcase-row-rev>*{direction:ltr}.lp-showcase-img{display:flex;align-items:center;justify-content:center}.lp-showcase-img img{width:100%;max-width:440px;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(249,115,22,.12));transition:transform .35s cubic-bezier(.4,0,.2,1),filter .35s ease}.lp-showcase-img img:hover{transform:translateY(-6px) scale(1.02);filter:drop-shadow(0 18px 36px rgba(249,115,22,.22))}.lp-showcase-text{display:flex;flex-direction:column;gap:16px}.lp-showcase-text h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;letter-spacing:-.02em;margin:0;color:var(--text)}.lp-showcase-text p{font-size:1rem;line-height:1.65;color:var(--muted);margin:0}.lp-cta-banner{background:var(--accent-dark);padding:56px 32px}.lp-cta-inner{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.lp-cta-mascot{max-width:190px;width:100%;height:auto;margin-bottom:8px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));animation:lpFloatMascot 4s ease-in-out infinite}@keyframes lpFloatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-cta-inner h2{font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:900;letter-spacing:-.02em;color:#fff;margin:0}.lp-cta-inner p{font-size:.95rem;color:#ffffffd9;line-height:1.6;margin:0;max-width:50ch}.lp-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.lp-footer{border-top:1px solid var(--line);background:var(--bg);padding:40px 32px}.lp-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.lp-footer-brand{display:flex;align-items:center;gap:12px}.lp-footer-tagline{font-size:.75rem;color:var(--muted);margin:2px 0 0}.lp-footer-copy{font-size:.85rem;color:var(--muted);margin:0}@media (max-width: 960px){.lp-hero-inner{grid-template-columns:1fr;gap:56px;text-align:center}.lp-hero-text{align-items:center}.lp-hero-desc{max-width:none}.lp-hero-actions,.lp-trust-row{justify-content:center}.lp-hero-visual{display:none}.lp-cards-grid{grid-template-columns:repeat(2,1fr)}.lp-showcase-row{grid-template-columns:1fr;gap:40px;text-align:center}.lp-showcase-row-rev{direction:ltr}.lp-footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 600px){.lp-nav{padding:12px 16px}.lp-nav-right .lp-btn-ghost{display:none}.lp-hero{padding:48px 16px 64px}.lp-hero-h1{font-size:2rem}.lp-features{padding:40px 14px}.lp-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.lp-feat-card{padding:16px 12px!important;border-radius:16px!important;gap:8px!important}.lp-feat-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:1.2rem!important}.lp-feat-h3{font-size:.95rem!important;line-height:1.25!important}.lp-feat-desc{font-size:.78rem!important;line-height:1.35!important}.lp-showcase,.lp-cta-banner{padding:56px 16px}.lp-footer{padding:28px 16px}.lp-lang-bar{padding:12px 16px}}.duo-landing-page{min-height:100vh;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:var(--font-family);overflow-x:hidden}.duo-nav{position:sticky;top:0;z-index:1000;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--line);padding:12px 24px}.duo-nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.duo-brand{display:flex;align-items:center;gap:8px;cursor:pointer}.duo-logo-icon{font-size:1.8rem;line-height:1}.duo-brand-name{font-family:Outfit,Inter,sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .duo-brand-name{background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.duo-nav-controls{display:flex;align-items:center;gap:16px}.duo-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:16px;font-weight:800;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;border:none;outline:none;position:relative;text-decoration:none;box-sizing:border-box}.duo-btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark)}.duo-btn-primary:hover{background-color:var(--accent-dark);box-shadow:0 4px 0 var(--accent);transform:translateY(-2px)}.duo-btn-primary:active{transform:translateY(2px);box-shadow:0 0 0 var(--accent-dark)}.duo-btn-secondary{background-color:var(--panel-strong);color:var(--text);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.duo-btn-secondary:hover{background-color:var(--line);transform:translateY(-2px)}.duo-btn-secondary:active{transform:translateY(2px);box-shadow:0 0 0 transparent}.duo-btn-outline{background-color:#1cb0f6;color:#fff;box-shadow:0 4px #1899d6}.duo-btn-outline:hover{background-color:#24bdff;transform:translateY(-2px)}.duo-btn-outline:active{transform:translateY(2px);box-shadow:0 0 #1899d6}.duo-btn-xl{padding:16px 32px;font-size:1rem;border-radius:16px;width:100%;max-width:320px}.duo-btn-block{width:100%}.duo-hero{padding:60px 24px 40px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.duo-hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.duo-hero-media{display:flex;justify-content:center;align-items:center;position:relative}.duo-mascot-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:420px}.duo-mascot-img{width:100%;max-width:360px;height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.12));animation:duoFloat 4s ease-in-out infinite}@keyframes duoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}}.duo-floating-badge{position:absolute;background:var(--panel-strong);padding:10px 18px;border-radius:20px;border:2px solid var(--line);box-shadow:0 10px 25px #00000014;font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:8px;white-space:nowrap;animation:duoPulse 3s ease-in-out infinite alternate}.duo-badge-1{top:10%;left:-5%}.duo-badge-2{bottom:12%;right:-5%;animation-delay:1.5s}@keyframes duoPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.duo-hero-content{display:flex;flex-direction:column;gap:24px}.duo-hero-title{font-size:2.3rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--text);margin:0}.duo-hero-subtitle{font-size:1.15rem;line-height:1.6;color:var(--muted);margin:0;font-weight:500}.duo-hero-cta-group{display:flex;flex-direction:column;gap:16px;margin-top:10px}.duo-lang-strip{border-top:2px solid var(--line);border-bottom:2px solid var(--line);background:var(--panel);padding:20px 24px;margin-top:20px}.duo-lang-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}.duo-lang-strip-title{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.duo-lang-pills{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.duo-lang-pill{background:var(--panel-strong);border:2px solid var(--line);padding:10px 18px;border-radius:16px;font-weight:700;font-size:.9rem;color:var(--text);cursor:pointer;transition:all .15s ease;white-space:nowrap}.duo-lang-pill:hover,.duo-lang-pill.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.duo-features-section{padding:80px 24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.duo-section-container{display:flex;flex-direction:column;gap:100px}.duo-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.duo-row-reverse{direction:rtl}.duo-row-reverse>*{direction:ltr}.duo-feature-text{display:flex;flex-direction:column;gap:14px}.duo-feature-tag{color:var(--accent);font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.duo-feature-text h2{font-size:2.2rem;font-weight:800;line-height:1.25;margin:0}.duo-feature-text p{font-size:1.1rem;line-height:1.6;color:var(--muted);margin:0}.duo-feature-image{display:flex;justify-content:center}.duo-feature-img{width:100%;max-width:380px;height:auto;border-radius:24px;object-fit:cover;box-shadow:0 16px 40px #0000001a;transition:transform .3s ease}.duo-feature-img:hover{transform:scale(1.03)}.duo-auth-section{background:var(--panel);border-top:2px solid var(--line);padding:80px 24px}.duo-auth-container{max-width:540px;margin:0 auto}.duo-auth-card{background:var(--panel-strong);border:2px solid var(--line);border-radius:28px;padding:36px 32px;box-shadow:0 20px 50px #0000000f}.duo-auth-tabs{display:flex;background:var(--line);padding:4px;border-radius:16px;margin-bottom:28px}.duo-auth-tab{flex:1;padding:12px;border:none;background:transparent;font-weight:800;font-size:.95rem;color:var(--muted);border-radius:12px;cursor:pointer;transition:all .15s ease;text-transform:uppercase}.duo-auth-tab.active{background:var(--panel-strong);color:var(--text);box-shadow:0 4px 12px #0000000f}.duo-form{display:flex;flex-direction:column;gap:18px}.duo-form h2{font-size:1.6rem;font-weight:800;margin:0;text-align:center}.duo-form-desc{text-align:center;color:var(--muted);font-size:.95rem;margin:-6px 0 10px}.duo-field-group{display:flex;flex-direction:column;gap:6px}.duo-field-group label{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.duo-field-group input,.duo-field-group select{width:100%;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:var(--panel);color:var(--text);font-size:1rem;font-weight:600;box-sizing:border-box;transition:border-color .15s ease}.duo-field-group input:focus,.duo-field-group select:focus{outline:none;border-color:var(--accent)}.duo-input-relative{position:relative;display:flex;align-items:center}.duo-eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px}.duo-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.duo-forgot-link-wrapper{display:flex;justify-content:flex-end;margin-top:-6px}.duo-link-btn{background:none;border:none;color:var(--accent);font-weight:800;cursor:pointer;font-size:.9rem;padding:0}.duo-status-msg{text-align:center;font-weight:700;color:#ef4444;margin-top:14px;background:#ef44441a;padding:10px;border-radius:12px}.duo-footer{border-top:2px solid var(--line);padding:40px 24px;background:var(--bg)}.duo-footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.duo-footer-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.1rem}.duo-footer-copy{color:var(--muted);font-size:.9rem;margin:0}@media (max-width: 992px){.duo-hero-container,.duo-feature-row{grid-template-columns:1fr;gap:40px;text-align:center}.duo-row-reverse{direction:ltr}.duo-hero-content{align-items:center}.duo-hero-title{font-size:1.9rem}.duo-feature-text h2{font-size:1.8rem}.duo-hero-cta-group{width:100%;align-items:center}.duo-btn-xl{max-width:100%}.duo-floating-badge{display:none}.duo-lang-container{flex-direction:column;align-items:flex-start;gap:10px}.duo-lang-pills{width:100%}}@media (max-width: 600px){.duo-nav{padding:10px 16px}.duo-nav-login-btn{display:none}.duo-hero{padding:30px 16px}.duo-mascot-img{max-width:240px}.duo-hero-title{font-size:1.6rem}.duo-hero-subtitle{font-size:1rem}.duo-features-section{padding:40px 16px}.duo-section-container{gap:50px}.duo-auth-section{padding:40px 16px}.duo-auth-card{padding:24px 18px;border-radius:20px}.duo-form-grid-2{grid-template-columns:1fr}}.tracing-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;margin:8px 0;width:100%}.tracing-word-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0284c714,#6366f10f);border:2px solid rgba(2,132,199,.25);border-radius:20px;padding:20px 24px;width:160px;height:240px;box-sizing:border-box;flex-shrink:0}.tracing-canvas-wrapper{display:flex;justify-content:center;flex-shrink:1;max-width:calc(100% - 184px)}@media (max-width: 768px){.tracing-container{flex-direction:column;gap:10px;margin:4px 0}.tracing-word-card{flex-direction:row;width:100%;height:auto;padding:8px 16px;gap:12px;border-radius:14px}.tracing-word-card>span{font-size:2rem!important}.tracing-canvas-wrapper{max-width:100%;width:100%}.tracing-canvas-wrapper canvas{max-width:100%!important;height:auto!important;max-height:210px!important}.duo-practice-page{position:relative!important;padding-top:80px!important}.duo-practice-page.pronunciation-env{padding-top:80px!important;padding-left:12px!important;padding-right:12px!important}.pronunciation-feedback-bar{bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}.lesson-hearts-container{font-size:.95rem!important;padding:3px 8px!important;gap:4px!important}}@media (max-width: 480px){.tracing-mascot-row{gap:10px!important;margin-bottom:4px!important}.tracing-mascot-row img{width:48px!important;height:48px!important}.tracing-mascot-row p{font-size:.9rem!important}.tracing-action-btns button{padding:9px 14px!important;font-size:.88rem!important}}.flz-active-game-panel{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:99999!important;background:var(--bg, #f8fafc)!important;color:var(--text, #0f172a)!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;box-sizing:border-box!important;padding:16px 24px 32px!important}.flz-full-page-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:900px!important;margin:0 auto 16px!important;padding-bottom:12px!important;border-bottom:2px solid var(--line, #e2e8f0)!important;flex-shrink:0!important}.flz-full-page-back-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--panel-strong, #ffffff)!important;color:var(--text, #0f172a)!important;border:2px solid var(--line, #cbd5e1)!important;box-shadow:0 3px 0 var(--line, #cbd5e1)!important;border-radius:14px!important;padding:10px 18px!important;font-size:.95rem!important;font-weight:700!important;cursor:pointer!important;transition:all .15s ease!important}.flz-full-page-back-btn:hover{background:var(--line, #e2e8f0)!important;transform:translateY(-1px)!important}.flz-full-page-back-btn:active{transform:translateY(1px)!important;box-shadow:0 0 0 transparent!important}.flz-full-page-game-title{font-size:1.15rem!important;font-weight:800!important;color:var(--text, #0f172a)!important}.flz-full-page-game-content{width:100%!important;max-width:900px!important;margin:0 auto!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important}@media (max-width: 768px){.flz-active-game-panel{padding:12px 12px 24px!important}.flz-full-page-nav{margin-bottom:12px!important;padding-bottom:8px!important}.flz-full-page-back-btn{padding:7px 12px!important;font-size:.85rem!important}.flz-full-page-game-title{font-size:1rem!important}.flz-sprint-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin-bottom:14px!important;width:100%!important}.flz-score-chip,.flz-combo-chip{font-size:.78rem!important;padding:5px 10px!important}.flz-word-count{font-size:.78rem!important;padding:4px 8px!important}.flz-game-intro,.flz-result{width:100%!important;max-width:480px!important;margin:0 auto!important;padding:20px 16px!important;box-sizing:border-box!important}.flz-intro-title,.flz-result-title{font-size:1.4rem!important}.flz-intro-icon{font-size:2.8rem!important;margin-bottom:8px!important}.flz-rule{font-size:.9rem!important;padding:10px 14px!important}.flz-start-btn{padding:12px 20px!important;font-size:1rem!important}.flz-sprint-game{width:100%!important;max-width:480px!important;margin:0 auto!important}.flz-word-card{padding:36px 14px 18px!important;margin-bottom:14px!important;border-radius:16px!important}.flz-feedback{top:8px!important;right:10px!important;font-size:.75rem!important;padding:3px 10px!important}.flz-word-emoji{font-size:2.6rem!important;margin-bottom:4px!important}.flz-word-hint{font-size:1.1rem!important}.flz-sprint-options{gap:8px!important;margin-bottom:10px!important}.flz-sprint-option-btn{padding:12px 14px!important;font-size:.95rem!important;border-radius:12px!important}.flz-sprint-input{padding:12px 14px!important;font-size:.95rem!important}.flz-scramble-game{width:100%!important;max-width:480px!important;margin:0 auto!important}.flz-scramble-info{padding:10px 14px!important;margin-bottom:14px!important;gap:8px!important}.flz-scramble-emoji{font-size:1.8rem!important}.flz-scramble-cat{font-size:.88rem!important}.flz-answer-slots{gap:6px!important;margin-bottom:14px!important;min-height:48px!important}.flz-slot{width:42px!important;height:46px!important;font-size:1.1rem!important;border-radius:10px!important}.flz-letter-tiles{gap:6px!important;margin-bottom:10px!important}.flz-letter-tile{width:44px!important;height:48px!important;font-size:1.1rem!important;border-radius:10px!important}.flz-memory-game{width:100%!important;max-width:380px!important;margin:0 auto!important}.flz-memory-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;max-width:360px!important;margin:10px auto!important}.flz-memory-card{aspect-ratio:1 / 1!important;height:auto!important;width:100%!important;border-radius:12px!important}.flz-card-back{font-size:1.2rem!important}.flz-card-emoji{font-size:1.4rem!important}.flz-card-word{font-size:.7rem!important}}@media (max-width: 400px){.flz-slot{width:36px!important;height:42px!important;font-size:.95rem!important}.flz-letter-tile{width:38px!important;height:44px!important;font-size:.95rem!important}.flz-memory-grid{gap:6px!important}}@media (max-width: 768px){html,body{overflow-x:hidden!important;width:100vw!important}.app-container,.dashboard-container,.main-layout,.dashboard-main-view{max-width:100vw!important;box-sizing:border-box!important;overflow-x:hidden!important}.lesson-complete-wrapper{width:100%!important;max-width:100%!important;padding:16px 12px!important;box-sizing:border-box!important}.lesson-complete-mascot-row{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;overflow:hidden!important}.lesson-complete-mascot{max-width:100%!important;width:min(450px,90vw)!important;height:auto!important;aspect-ratio:450 / 270!important;object-fit:contain!important}.lesson-complete-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.lesson-complete-stat-box{padding:12px 6px!important;min-width:0!important}.lesson-complete-stat-value{font-size:1.25rem!important}.lesson-complete-stat-label{font-size:.75rem!important}.diagnostic-welcome-wrapper,.assessment-card{width:100%!important;max-width:100%!important;margin:10px auto!important;padding:14px 12px!important;box-sizing:border-box!important}.welcome-banner-mascot,.assessment-card-header{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:12px!important}.welcome-mascot,.assessment-mascot{max-width:120px!important;height:auto!important}.assessment-tours{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.tour-badge{width:100%!important;text-align:center!important;box-sizing:border-box!important}.duo-unit-block{width:100%!important;padding:12px 8px!important;box-sizing:border-box!important}.duo-path-mascot{position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;display:flex!important;justify-content:center!important;margin:10px 0!important}.duo-path-mascot img{width:90px!important;height:90px!important}.topbar,.app-topbar{padding:8px 12px!important;flex-wrap:wrap!important;gap:8px!important}.topbar-right,.topbar-stats{gap:6px!important}.stat-pill{padding:4px 8px!important;font-size:.8rem!important}.practice-row-cards{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.practice-row-card{padding:14px 12px!important;min-width:0!important}.practice-row-card-title{font-size:.95rem!important}.practice-row-card-desc{font-size:.75rem!important}.dashboard-dual-grid,.lessons-card-grid,.stats-header-grid{grid-template-columns:1fr!important;gap:12px!important}.reading-passage-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.reading-passage-header-actions{width:100%!important;display:flex!important;justify-content:space-between!important;gap:8px!important}.reading-passage-header-actions button{flex:1!important;justify-content:center!important;padding:8px 12px!important;font-size:.8rem!important}.profile-badges-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.profile-badge-item{padding:10px 12px!important;gap:10px!important;min-width:0!important;box-sizing:border-box!important}.profile-badge-name{font-size:.85rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.profile-badge-rarity{font-size:.7rem!important}.modal-content,.popup-content,.dialog-box{width:94%!important;max-width:94%!important;margin:12px auto!important;padding:16px!important;box-sizing:border-box!important}}@media (max-width: 480px){.lesson-complete-title{font-size:1.5rem!important;margin-bottom:16px!important}.lesson-complete-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.lesson-complete-stat-box{padding:10px 4px!important;min-width:0!important}.lesson-complete-stat-value{font-size:1.1rem!important}.lesson-complete-stat-label{font-size:.65rem!important;letter-spacing:-.2px!important}.lesson-complete-stat-sub{font-size:.65rem!important}}img[src^="/as"],img[src^="/mascot"],body:before{filter:var(--mascot-filter, none)}