:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#090d16;--bg-card:#121826b3;--bg-card-hover:#1a2336d9;--bg-glass:#ffffff0a;--border-subtle:#ffffff14;--border-hover:#ffffff2e;--bg-header:#090d16d9;--bg-dropdown:#111827;--bg-dropdown-item-hover:#ffffff14;--bg-nav-tabs:#0f172a99;--bg-nav-tab-hover:#ffffff0a;--bg-modal:#111827;--bg-node-locked:#1e293b;--emerald:#10b981;--emerald-glow:#10b98159;--gold:#f59e0b;--gold-glow:#f59e0b59;--indigo:#4f46e5;--indigo-glow:#4f46e559;--royal-blue:#3b82f6;--heart-red:#ef4444;--heart-glow:#ef444459;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-soft:0 10px 30px -10px #00000080;--shadow-glow:0 0 25px #10b98133;--shadow-3d:0 6px 0 #00000059}html.light,html[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-glass:#fff;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--bg-header:#ffffffeb;--bg-dropdown:#fff;--bg-dropdown-item-hover:#f1f5f9;--bg-nav-tabs:#eef2f6;--bg-nav-tab-hover:#fff;--bg-modal:#fff;--bg-node-locked:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-soft:0 10px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-glow:0 0 25px #10b98126;--shadow-3d:0 4px 0 #94a3b873}@media (prefers-color-scheme:light){html:not(.dark){--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-glass:#fff;--border-subtle:#e2e8f0;--border-hover:#cbd5e1;--bg-header:#ffffffeb;--bg-dropdown:#fff;--bg-dropdown-item-hover:#f1f5f9;--bg-nav-tabs:#eef2f6;--bg-nav-tab-hover:#fff;--bg-modal:#fff;--bg-node-locked:#e2e8f0;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-soft:0 10px 25px -5px #0f172a14, 0 8px 10px -6px #0f172a0a;--shadow-glow:0 0 25px #10b98126;--shadow-3d:0 4px 0 #94a3b873}}*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{box-sizing:border-box;scroll-behavior:smooth;width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-main);width:100%;max-width:100vw;color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 15% 10%,#10b98114,#0000 35%),radial-gradient(circle at 85% 20%,#4f46e514,#0000 35%),radial-gradient(circle at 50% 80%,#f59e0b0f,#0000 45%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}img,svg,video,canvas,audio,iframe{max-width:100%;height:auto}button{font-family:var(--font-primary);cursor:pointer;color:inherit;background:0 0;border:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.97)}.header-root{z-index:100;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;min-height:260px;padding:2.2rem 2.5rem 1.8rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0;box-shadow:0 10px 30px #00000038}.header-container{grid-template:"logo stats""nav nav"/auto 1fr;align-items:center;gap:1.85rem .5rem;width:100%;max-width:1360px;margin:0 auto;display:grid}.logo-group{grid-area:logo;align-items:center;gap:1.25rem;display:flex}.logo-badge{cursor:pointer;align-items:center;gap:1.25rem;transition:transform .2s;display:flex}.logo-badge:hover{transform:translateY(-2px)}.mascot-avatar-small{border:3.5px solid var(--gold);width:112px;height:112px;box-shadow:0 0 25px var(--gold-glow);background:#1e293b;border-radius:28px;flex-shrink:0;transition:transform .25s,box-shadow .25s;overflow:hidden}.logo-badge:hover .mascot-avatar-small{box-shadow:0 0 32px var(--gold-glow);transform:scale(1.03)}.mascot-img{object-fit:cover;width:100%;height:100%}.brand-text{flex-direction:column;gap:4px;display:flex}.brand-name{font-family:var(--font-primary);letter-spacing:-.03em;background:linear-gradient(135deg,#10b981 0%,#34d399 45%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.3rem;font-weight:850;line-height:1.08}.brand-tagline{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;font-weight:700}.lang-switcher-wrapper{position:relative}.lang-pill-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.88rem;font-weight:600;display:flex}.lang-pill-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.lang-flag{font-size:1.15rem}.chevron-icon{color:var(--text-muted);transition:transform .2s}.chevron-icon.rotated{transform:rotate(180deg)}.lang-dropdown-menu{background:var(--bg-dropdown);border:1px solid var(--border-hover);min-width:260px;max-height:440px;box-shadow:var(--shadow-soft), 0 0 20px #00000040;z-index:110;scrollbar-width:thin;scrollbar-color:#94a3b84d transparent;border-radius:16px;padding:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeInDown;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.dropdown-label{color:var(--text-muted);letter-spacing:.05em;padding:.4rem .6rem;font-size:.68rem;font-weight:700}.lang-option-item{text-align:left;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;display:flex}.lang-option-item:hover{background:var(--bg-dropdown-item-hover)}.lang-option-item.active{background:#10b98126;border:1px solid #10b9814d}.option-flag{font-size:1.3rem}.option-info{flex-direction:column;flex:1;display:flex}.option-title{font-size:.88rem;font-weight:700}.option-native{color:var(--text-muted);font-size:.75rem}.active-badge{color:var(--emerald);background:#10b98133;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;font-weight:700}.nav-tabs{background:var(--bg-nav-tabs);border:1px solid var(--border-subtle);border-radius:9999px;grid-area:nav;justify-self:center;align-items:center;gap:.4rem;padding:.35rem .65rem;display:flex;box-shadow:0 4px 18px #0000001f}.nav-tab-btn{color:var(--text-secondary);border-radius:9999px;align-items:center;gap:.55rem;padding:.58rem 1.15rem;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.nav-tab-btn:hover{color:var(--text-primary);background:var(--bg-nav-tab-hover)}.nav-tab-btn.active{color:#34d399;background:linear-gradient(135deg,#10b98140,#05966959);border:1px solid #10b98166;box-shadow:0 0 15px #10b98133}.stats-controls-group{flex-wrap:wrap;grid-area:stats;justify-content:flex-end;justify-self:end;align-items:center;gap:.7rem;min-width:0;display:flex}.stat-chip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.88rem;font-weight:700;display:flex}.stat-chip.streak-chip{color:#fb923c;border-color:#fb923c33}.flame-icon.pulsing{animation:1.5s ease-in-out infinite alternate pulseFlame}.stat-chip.heart-chip{color:#f87171;cursor:pointer;border-color:#f8717133}.stat-chip.heart-chip:hover{background:#ef44441a;border-color:#f87171}.heart-icon{fill:#ef4444}.stat-chip.xp-chip{color:#facc15;border-color:#facc1533}.xp-icon{fill:#eab308}.icon-circle-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-circle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-hover)}.muted-icon{color:#ef4444}.user-profile-wrapper{position:relative}.user-profile-btn{color:#c4b5fd;background:linear-gradient(135deg,#4f46e533,#7c3aed33);border:1px solid #7c3aed4d;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.85rem;font-weight:600;display:flex}.user-profile-btn:hover{border-color:#a78bfa}.user-avatar-circle{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.user-dropdown-card{background:var(--bg-dropdown);border:1px solid var(--border-hover);min-width:220px;box-shadow:var(--shadow-soft);z-index:110;border-radius:16px;padding:.85rem;position:absolute;top:calc(100% + 8px);right:0}.user-card-header{border-bottom:1px solid var(--border-subtle);margin-bottom:.65rem;padding-bottom:.65rem}.card-name{font-size:.95rem;font-weight:700}.card-email{color:var(--text-muted);font-size:.78rem}.cloud-status-badge{margin-top:.4rem;font-size:.72rem;font-weight:600}.cloud-connected{color:#34d399}.cloud-demo{color:#f59e0b}.dropdown-signout-btn{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;width:100%;padding:.5rem;font-size:.82rem;font-weight:600}.dropdown-signout-btn:hover{background:#ef444440}.theme-switcher-wrapper{position:relative}.theme-switcher-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.theme-switcher-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.theme-current-icon{color:var(--gold);align-items:center;display:flex}html.light .theme-current-icon,html[data-theme=light] .theme-current-icon{color:#d97706}.theme-btn-label{font-size:.82rem;font-weight:700}.theme-chevron{color:var(--text-muted);transition:transform .2s}.theme-chevron.rotated{transform:rotate(180deg)}.theme-dropdown-card{background:var(--bg-dropdown);border:1px solid var(--border-hover);min-width:250px;box-shadow:var(--shadow-soft), 0 12px 30px #0003;z-index:120;border-radius:18px;flex-direction:column;gap:.3rem;padding:.55rem;animation:.18s cubic-bezier(.16,1,.3,1) fadeInDown;display:flex;position:absolute;top:calc(100% + 8px);right:0}.theme-dropdown-header{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;padding:.35rem .65rem;font-size:.68rem;font-weight:700}.theme-option-row{text-align:left;width:100%;color:var(--text-primary);border-radius:12px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:all .15s;display:flex;position:relative}.theme-option-row:hover{background:var(--bg-dropdown-item-hover)}.theme-option-row.active{background:#10b9811f;border:1px solid #10b9814d}.theme-option-icon{background:var(--bg-card);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-secondary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-option-row.active .theme-option-icon{color:var(--emerald);background:#10b98126;border-color:#10b98159}.theme-option-info{flex-direction:column;flex:1;display:flex}.theme-option-title{font-size:.88rem;font-weight:700}.theme-option-desc{color:var(--text-muted);font-size:.72rem}.theme-check-icon{color:var(--emerald);flex-shrink:0}.theme-segmented-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.35rem;display:grid}.theme-segment-btn{color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.86rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.theme-segment-btn:hover{color:var(--text-primary);background:#ffffff0d}html.light .theme-segment-btn:hover,html[data-theme=light] .theme-segment-btn:hover{background:#0000000a}.theme-segment-btn.active{background:var(--bg-card-hover);color:var(--emerald);box-shadow:var(--shadow-soft);border:1px solid #10b98159;font-weight:700}.app-shell{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.main-content-area{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:1240px;margin:0 auto;padding:2rem 1.5rem 5rem;overflow-x:clip}.course-hero-banner{border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#111827e6 0%,#0f172acc 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.course-hero-banner:before{content:"";background:var(--accent,#10b981);opacity:.12;filter:blur(60px);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.hero-content{flex:1;align-items:center;gap:1.75rem;min-width:0;display:flex}.hero-badge-container{border:3px solid #ffffff26;border-radius:22px;flex-shrink:0;width:110px;height:110px;overflow:hidden;box-shadow:0 10px 25px #0006}.course-emblem-img{object-fit:cover;width:100%;height:100%}.hero-text-meta{flex-direction:column;gap:.45rem;display:flex}.hero-badge-pill{width:fit-content;color:var(--accent,#10b981);background:#ffffff12;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-primary);letter-spacing:-.02em;font-size:2rem;font-weight:800}.hero-motto{color:var(--text-secondary);max-width:540px;font-size:.95rem}.hero-audio-greeting{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff0d;border-radius:12px;align-items:center;gap:.6rem;width:fit-content;margin-top:.4rem;padding:.4rem .85rem;transition:all .2s;display:inline-flex}.hero-audio-greeting:hover{border-color:var(--accent,#10b981);background:#ffffff1a}.speak-bubble-btn{color:var(--accent,#10b981);display:flex}.greeting-label{color:var(--text-muted);font-size:.8rem}.greeting-text{color:var(--text-primary);font-size:.92rem;font-weight:700}.listen-hint{color:var(--text-muted);font-size:.75rem}.hero-summary-chips{gap:1rem;display:flex}.summary-chip{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:16px;flex-direction:column;align-items:center;min-width:120px;padding:.9rem 1.2rem;display:flex}.chip-label{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.chip-val{font-family:var(--font-primary);color:var(--text-primary);margin-top:.2rem;font-size:1.15rem;font-weight:800}.curriculum-layout{grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;display:grid}.units-roadmap-flow{flex-direction:column;gap:3rem;display:flex}.roadmap-toolbar{justify-content:flex-end;margin-bottom:-1.75rem;padding:0 .25rem;display:flex}.roadmap-toggle-all-btn{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.roadmap-toggle-all-btn:hover{color:var(--text-primary);border-color:var(--emerald);background:#10b98114}.unit-card-wrapper{flex-direction:column;gap:1.5rem;display:flex}.unit-header-box{border-left:5px solid #10b981;border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;border-left-width:5px;border-radius:18px;align-items:center;gap:1.25rem;width:100%;padding:1.35rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.unit-header-box:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.unit-header-box:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.unit-header-right{flex-shrink:0;align-items:center;gap:.85rem;margin-left:auto;display:flex}.unit-progress-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;background:#ffffff0f;border-radius:9999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700}.unit-progress-pill.completed{color:#34d399;background:#10b9812e;border-color:#10b98166}.unit-chevron-btn{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-primary);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.16,1,.3,1),background .2s;display:flex}.unit-chevron-btn.open{background:#ffffff1f;transform:rotate(180deg)}@media (max-width:640px){.unit-header-right{flex-direction:column;align-items:flex-end;gap:.4rem}}.unit-icon-badge{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 6px 18px #0000004d}.unit-header-text{flex-direction:column;display:flex}.unit-eyebrow{letter-spacing:.08em;color:var(--gold);font-size:.75rem;font-weight:800}.unit-heading{font-family:var(--font-primary);margin:.15rem 0;font-size:1.4rem;font-weight:800}.unit-desc{color:var(--text-secondary);font-size:.88rem}.lesson-nodes-grid{flex-direction:column;gap:1.2rem;padding-left:1rem;display:flex;position:relative}.lesson-nodes-grid:before{content:"";z-index:0;background:#ffffff14;border-radius:9999px;width:4px;position:absolute;top:30px;bottom:30px;left:36px}.lesson-node-card{z-index:1;position:relative}.lesson-node-inner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:1.25rem;padding:1.2rem;transition:all .25s;display:flex}.lesson-node-card.unlocked .lesson-node-inner:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.lesson-node-card.completed .lesson-node-inner{background:#10b9810a;border-color:#10b9814d}.node-circle-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.node-circle-btn.locked{color:var(--text-muted);cursor:not-allowed;background:#1e293b}.node-circle-btn.completed{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.node-circle-btn.active-pulse{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);animation:2s ease-in-out infinite pulseNode;box-shadow:0 4px 20px #3b82f680}.lesson-node-meta{flex-direction:column;flex:1;display:flex}.lesson-step-tag{text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.lesson-node-title{font-family:var(--font-primary);margin:.1rem 0;font-size:1.1rem;font-weight:700}.lesson-node-desc{color:var(--text-secondary);font-size:.85rem}.lesson-action-row{align-items:center;gap:1rem;margin-top:.6rem;display:flex}.lesson-xp-tag{color:#fbbf24;background:#f59e0b26;border-radius:6px;padding:.2rem .5rem;font-size:.78rem;font-weight:700}.node-start-label-btn{color:#60a5fa;background:#60a5fa1a;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.82rem;font-weight:700;display:inline-flex}.node-start-label-btn:hover{background:#60a5fa33}.lesson-node-card.review-checkpoint-card .lesson-node-inner{background:linear-gradient(135deg,#f59e0b0d,#1e293b99);border:1.5px solid #f59e0b59;position:relative;overflow:hidden}.lesson-node-card.review-checkpoint-card:hover .lesson-node-inner{border-color:#f59e0b99;box-shadow:0 8px 25px #f59e0b1f}.review-checkpoint-tag{letter-spacing:.04em;align-items:center;gap:.35rem;display:inline-flex;color:#fbbf24!important;font-weight:800!important}.review-circle-btn.unlocked:not(.completed){color:#fff!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 20px #f59e0b80!important}.review-xp-tag{border:1px solid #f59e0b66;color:#fbbf24!important;background:#f59e0b38!important}.review-start-btn{border:1px solid #f59e0b4d;color:#f59e0b!important;background:#f59e0b26!important}.review-start-btn:hover{background:#f59e0b47!important}.curriculum-sidebar{flex-direction:column;gap:1.5rem;display:flex}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:20px;padding:1.5rem}.mascot-widget{text-align:center;background:linear-gradient(135deg,#1e293bb3,#0f172ae6);flex-direction:column;align-items:center;display:flex;position:relative}.mascot-img-wrap{border:3px solid var(--gold);width:130px;height:130px;box-shadow:0 10px 25px var(--gold-glow);border-radius:20px;margin-bottom:1rem;overflow:hidden}.sidebar-mascot-img{object-fit:cover;width:100%;height:100%}.mascot-speech-bubble{border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:14px;padding:1rem;position:relative}.speech-text{color:#e2e8f0;font-size:.88rem;font-weight:600;line-height:1.45}.widget-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.widget-header h3{font-family:var(--font-primary);font-size:1.05rem;font-weight:700}.flame-accent{color:#fb923c}.sparkle-accent{color:#fbbf24}.quest-list{flex-direction:column;gap:.85rem;display:flex}.quest-item{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quest-info{flex-direction:column;flex:1;gap:.3rem;display:flex}.quest-title{font-size:.82rem;font-weight:600}.quest-progress-bar{background:#ffffff1a;border-radius:9999px;width:100%;height:6px;overflow:hidden}.quest-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px;height:100%}.quest-reward{color:var(--gold);font-size:.75rem;font-weight:700}.proverb-quote{color:#fbbf24;margin-bottom:.5rem;font-size:.95rem;font-style:italic;font-weight:700;line-height:1.4}.proverb-meaning{color:var(--text-secondary);margin-bottom:1rem;font-size:.82rem;line-height:1.45}.view-vault-btn{color:var(--emerald);background:#10b9811a;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.82rem;font-weight:700;display:flex}.view-vault-btn:hover{background:#10b98133}.quiz-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:200;background:#05080fe0;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.quiz-modal-container{border:1px solid var(--border-hover);background:#0f172a;border-radius:28px;flex-direction:column;width:100%;max-width:780px;min-height:560px;animation:.25s cubic-bezier(.16,1,.3,1) modalScale;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000b3}.quiz-top-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 2rem;display:flex}.quiz-close-btn{color:var(--text-muted);display:flex}.quiz-close-btn:hover{color:var(--text-primary)}.quiz-progress-track{background:#ffffff1a;border-radius:9999px;flex:1;height:12px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px;height:100%;transition:width .3s cubic-bezier(.16,1,.3,1)}.quiz-hearts-pill{color:#f87171;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:800;display:flex}.heart-fill-icon{fill:#ef4444}.quiz-body-content{flex-direction:column;flex:1;padding:2.2rem 2.5rem;display:flex}.combo-floating-badge{color:#fb923c;background:linear-gradient(135deg,#fb923c33,#f59e0b4d);border:1px solid #fb923c66;border-radius:9999px;width:fit-content;margin-bottom:1rem;padding:.35rem .85rem;font-size:.82rem;font-weight:700;animation:1s infinite alternate bounceMini}.review-phase-badge{color:#c4b5fd;background:linear-gradient(135deg,#6366f133,#a855f740);border:1px solid #8b5cf673;border-radius:9999px;align-items:center;gap:.45rem;width:fit-content;margin-bottom:1rem;padding:.35rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.review-mastered-note{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:.45rem;margin-top:.5rem;margin-bottom:1.25rem;padding:.4rem .95rem;font-size:.85rem;font-weight:700;display:inline-flex}.question-prompt-header{margin-bottom:2rem}.q-prompt-text{font-family:var(--font-primary);font-size:1.5rem;font-weight:800;line-height:1.35}.audio-prompt-box{align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.big-audio-play-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 6px 20px #10b98166}.big-audio-play-btn:hover{transform:scale(1.05)}.audio-tap-hint{color:var(--text-secondary);font-size:.88rem}.options-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.option-card-btn{background:var(--bg-card);border:2px solid var(--border-subtle);text-align:left;box-shadow:var(--shadow-3d);border-radius:18px;align-items:center;gap:1rem;padding:1.2rem;display:flex}.option-card-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.option-card-btn.selected{background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.option-index{background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex}.option-text{color:var(--text-primary);font-size:1rem;font-weight:600}.scramble-builder-area{flex-direction:column;gap:2rem;display:flex}.scramble-drop-line{border-bottom:2px dashed #fff3;flex-wrap:wrap;align-items:center;gap:.65rem;min-height:70px;padding:.5rem 0;display:flex}.drop-placeholder{color:var(--text-muted);font-size:.95rem}.word-token-chip{border:1px solid var(--border-hover);font-family:var(--font-primary);background:#1e293b;border-radius:12px;padding:.65rem 1.1rem;font-size:1.05rem;font-weight:700;box-shadow:0 4px #0006}.word-token-chip:hover{background:#334155}.word-token-chip.active{color:#fff;background:#2563eb;border-color:#60a5fa}.word-bank-tray{flex-wrap:wrap;gap:.75rem;display:flex}.matching-columns-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.matching-col{flex-direction:column;gap:.75rem;display:flex}.col-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.75rem;font-weight:700}.match-tile-btn{background:var(--bg-card);border:2px solid var(--border-subtle);text-align:left;border-radius:14px;padding:1rem 1.25rem;font-size:.95rem;font-weight:700}.match-tile-btn:hover{background:var(--bg-card-hover)}.match-tile-btn.selected{background:#3b82f633;border-color:#3b82f6}.match-tile-btn.matched{color:#34d399;cursor:default;opacity:.6;background:#10b98133;border-color:#10b981}.fill-blank-area{flex-direction:column;gap:2rem;display:flex}.sentence-with-blank{font-size:1.35rem;font-weight:700;line-height:1.6}.blank-slot{color:#60a5fa;border-bottom:3px solid #3b82f6;margin:0 .35rem;padding:.2rem 1rem;display:inline-block}.blank-options-row{flex-wrap:wrap;gap:.85rem;display:flex}.blank-option-chip{background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:14px;padding:.75rem 1.35rem;font-size:1.05rem;font-weight:700}.blank-option-chip.selected{background:#3b82f633;border-color:#3b82f6}.quiz-footer-tray{border-top:1px solid var(--border-subtle);background:#0f172af2;padding:1.5rem 2.5rem;transition:all .2s}.quiz-footer-tray.correct{background:#064e3be6;border-color:#10b981}.quiz-footer-tray.wrong{background:#7f1d1de6;border-color:#ef4444}.footer-tray-inner{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.feedback-message{align-items:center;gap:1rem;display:flex}.feedback-message.correct{color:#34d399}.feedback-message.wrong{color:#f87171}.explanation-text{color:#ffffffd9;margin-top:.15rem;font-size:.85rem}.correct-answer-text{color:#fff;font-size:.88rem}.check-answer-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;margin-left:auto;padding:.95rem 2.5rem;font-size:1.05rem;font-weight:800;box-shadow:0 6px #047857}.check-answer-btn:disabled{box-shadow:none;color:#64748b;cursor:not-allowed;background:#334155}.continue-big-btn{color:#0f172a;background:#fff;border-radius:14px;align-items:center;gap:.5rem;margin-left:auto;padding:.95rem 2.5rem;font-size:1.05rem;font-weight:800;display:inline-flex;box-shadow:0 6px #0000004d}.lesson-finished-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.celebration-mascot-wrap{border:4px solid var(--gold);width:140px;height:140px;box-shadow:0 0 30px var(--gold-glow);border-radius:28px;margin-bottom:1.5rem;animation:1.2s ease-in-out infinite alternate bounceCelebration;overflow:hidden}.mascot-finish-img{object-fit:cover;width:100%;height:100%}.trophy-sparkle-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.gold-sparkle{color:#fbbf24}.finish-title{font-family:var(--font-primary);font-size:2.2rem;font-weight:800}.finish-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:2rem;font-size:1.05rem}.finish-metrics-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:520px;margin-bottom:2.5rem;display:grid}.finish-metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:.35rem;padding:1.1rem;display:flex}.metric-label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.metric-val{font-family:var(--font-primary);font-size:1.25rem;font-weight:800}.metric-val.xp-val{color:#fbbf24}.metric-val.combo-val{color:#fb923c}.flashcards-container{flex-direction:column;gap:2rem;display:flex}.flashcards-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.category-pill-active{color:var(--emerald);background:#10b98126;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.view-title{font-family:var(--font-primary);font-size:1.85rem;font-weight:800}.view-subtitle{color:var(--text-secondary);max-width:600px;margin-top:.25rem;font-size:.95rem}.mastery-stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;min-width:220px;padding:1rem 1.5rem}.mastery-label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.mastery-progress-row{align-items:center;gap:1rem;margin-top:.4rem;display:flex}.mastery-score{font-family:var(--font-primary);font-size:1.25rem;font-weight:800}.mastery-bar-track{background:#ffffff1a;border-radius:9999px;flex:1;height:8px;overflow:hidden}.mastery-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:9999px;height:100%}.category-filter-bar{flex-wrap:wrap;gap:.65rem;display:flex}.filter-cat-pill{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:9999px;padding:.5rem 1.15rem;font-size:.88rem;font-weight:600}.filter-cat-pill:hover{color:var(--text-primary);border-color:var(--border-hover)}.filter-cat-pill.active{color:#fff;background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 15px #3b82f666}.card-stage-wrapper{perspective:1200px;width:100%;max-width:680px;margin:1.5rem auto}.flashcard-3d-scene{width:100%;min-height:380px;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.flashcard-3d-scene.flipped{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border:2px solid var(--border-hover);background:linear-gradient(135deg,#1e293bf2,#0f172af2);border-radius:28px;flex-direction:column;justify-content:space-between;padding:2.2rem;display:flex;position:absolute;inset:0;box-shadow:0 20px 50px #00000080}.flashcard-back{background:linear-gradient(135deg,#182235f2,#0d1424f2);border-color:#3b82f659;transform:rotateY(180deg)}.card-top-tags{justify-content:space-between;align-items:center;display:flex}.card-cat-tag{text-transform:uppercase;color:var(--gold);background:#f59e0b26;border-radius:8px;padding:.3rem .75rem;font-size:.78rem;font-weight:700}.mastery-star-btn{color:var(--text-secondary);background:#ffffff14;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.82rem;font-weight:600;display:flex}.mastery-star-btn.mastered{color:#34d399;background:#10b98133;border:1px solid #10b98166}.card-main-word-area{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.card-word-native{font-family:var(--font-primary);color:#fff;font-size:2.5rem;font-weight:800}.phonetic-break{content:"";margin:.15rem 0;display:block}.card-phonetic-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;border:1px solid #38bdf859;border-radius:9999px;align-items:center;gap:.55rem;margin-top:.4rem;margin-bottom:.35rem;padding:.4rem 1.1rem;display:inline-flex;box-shadow:0 4px 14px #00000040}.card-phonetic-badge.back-phonetic-badge{background:#1e3a8a59;border-color:#60a5fa66}.phonetic-lead-label{text-transform:uppercase;letter-spacing:.06em;color:#38bdf8;font-size:.72rem;font-weight:800}.card-phonetic{color:#f8fafc;letter-spacing:.04em;font-family:monospace;font-size:1.15rem;font-weight:700}.card-audio-speaker-btn{color:#34d399;background:#10b9812e;border:1px solid #10b98166;border-radius:9999px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1.25rem;font-size:.92rem;font-weight:700;display:inline-flex}.card-audio-speaker-btn:hover{background:#10b9814d}.card-translation-text{font-family:var(--font-primary);color:#60a5fa;font-size:1.85rem;font-weight:800}.card-example-box{background:#ffffff0d;border-radius:14px;max-width:480px;padding:1rem 1.5rem}.example-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.example-quote{color:#e2e8f0;margin-top:.2rem;font-size:1rem;font-style:italic}.card-bottom-hint{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.flashcards-controls-row{justify-content:space-between;align-items:center;width:100%;max-width:680px;margin:0 auto;display:flex}.card-nav-arrow-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;display:flex}.card-nav-arrow-btn.next{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#60a5fa}.card-counter-indicator{color:var(--text-muted);font-size:.88rem;font-weight:700}.shuffle-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:12px;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600;display:flex}.culture-vault-container{flex-direction:column;gap:3rem;display:flex}.vault-hero-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#182235e6 0%,#0f172ae6 100%);border-radius:26px;grid-template-columns:1.2fr 1fr;gap:2.5rem;padding:2.5rem;display:grid}.vault-pill-badge{color:#fbbf24;background:#f59e0b26;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.3rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.vault-title{font-family:var(--font-primary);font-size:2.2rem;font-weight:800;line-height:1.2}.vault-desc{color:var(--text-secondary);margin-top:.75rem;font-size:1rem;line-height:1.6}.proverb-spotlight-box{background:#00000059;border:1px solid #f59e0b4d;border-radius:20px;flex-direction:column;gap:.65rem;padding:1.75rem;display:flex}.proverb-tag{color:#fbbf24;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.proverb-highlight-text{font-family:var(--font-primary);color:#fef08a;font-size:1.35rem;font-weight:800;line-height:1.35}.proverb-trans{color:#f1f5f9;font-size:.92rem}.proverb-context{color:var(--text-muted);font-size:.85rem;line-height:1.45}.speak-proverb-btn{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:10px;align-items:center;gap:.5rem;width:fit-content;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.culture-tips-section,.slang-lexicon-section{flex-direction:column;gap:1.5rem;display:flex}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title-left{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.section-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:800}.section-count-badge{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:9999px;padding:.3rem .8rem;font-size:.8rem;font-weight:700}.vault-toggle-all-btn{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:12px;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.vault-toggle-all-btn:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.accent-icon{color:var(--emerald)}.vault-subsections-container{flex-direction:column;gap:1.35rem;display:flex}.vault-subsection-block{flex-direction:column;gap:1rem;display:flex}.vault-sub-header{border:1px solid var(--border-subtle);border-left:5px solid var(--emerald);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:1.15rem 1.45rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0000002e}.vault-sub-header:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 26px #00000047}.vault-sub-header.is-open{background:linear-gradient(135deg,#1e293bd9,#0f172af2);border-left-color:#38bdf8}.vault-sub-header-left{align-items:center;gap:1rem;display:flex}.vault-sub-icon-badge{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vault-sub-icon-badge.slang-badge-color{color:#fb7185;background:#f43f5e26;border-color:#f43f5e59}.vault-sub-header-text{flex-direction:column;gap:.15rem;display:flex}.vault-sub-title{font-family:var(--font-primary);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.18rem;font-weight:800}.vault-sub-meta{color:var(--text-secondary);font-size:.8rem;font-weight:600}.vault-sub-header-right{flex-shrink:0;align-items:center;gap:.85rem;display:flex}.vault-sub-pill{border:1px solid var(--border-subtle);color:var(--text-primary);white-space:nowrap;background:#ffffff14;border-radius:9999px;padding:.35rem .8rem;font-size:.78rem;font-weight:700}.vault-sub-chevron{width:34px;height:34px;color:var(--text-secondary);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s;display:flex}.vault-sub-chevron.open{color:#38bdf8;background:#38bdf826;transform:rotate(180deg)}.vault-sub-content{animation:.25s ease-out fadeInVaultSub}@keyframes fadeInVaultSub{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lexicon-controls-wrap{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.tips-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.tip-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;gap:.75rem;padding:1.6rem;transition:all .2s;display:flex}.tip-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px)}.tip-header{justify-content:space-between;align-items:center;display:flex}.tip-number{font-size:1.5rem;font-weight:800;font-family:var(--font-primary);color:#fff3}.tip-bulb{color:#fbbf24}.tip-title{font-family:var(--font-primary);font-size:1.15rem;font-weight:700}.tip-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.lexicon-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.lexicon-title-wrap{align-items:center;gap:.75rem;display:flex}.lexicon-search-bar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:.65rem;min-width:280px;padding:.5rem 1.1rem;display:flex}.search-input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.slang-cards-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.slang-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;flex-direction:column;gap:.65rem;padding:1.4rem;display:flex}.term-group{align-items:center;gap:.6rem;display:flex}.slang-term{font-family:var(--font-primary);color:#34d399;font-size:1.25rem;font-weight:800}.mini-speak-btn{width:28px;height:28px;color:var(--text-secondary);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.mini-speak-btn:hover{color:#34d399;background:#10b98140}.slang-meaning{color:#cbd5e1;font-size:.88rem;line-height:1.45}.slang-example-bubble{background:#00000040;border-radius:10px;margin-top:.3rem;padding:.65rem .85rem}.bubble-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.bubble-example{color:#e2e8f0;font-size:.82rem;font-style:italic}.leaderboard-container{flex-direction:column;gap:2.5rem;display:flex}.leaderboard-header{text-align:center;max-width:600px;margin:0 auto}.league-badge-pill{color:#fbbf24;background:#f59e0b26;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.3rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.leaderboard-title{font-family:var(--font-primary);font-size:2.2rem;font-weight:800}.leaderboard-subtitle{color:var(--text-secondary);margin-top:.35rem;font-size:.95rem}.podium-row{justify-content:center;align-items:flex-end;gap:1.5rem;margin:1rem 0;display:flex}.podium-card{flex-direction:column;align-items:center;width:170px;display:flex}.podium-crown.gold{color:#facc15;filter:drop-shadow(0 0 10px #facc1599)}.podium-crown.silver{color:#94a3b8}.podium-crown.bronze{color:#d97706}.podium-avatar{margin:.35rem 0;font-size:2.5rem}.podium-avatar.large{font-size:3.2rem}.podium-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-size:.95rem;font-weight:700;overflow:hidden}.podium-name.highlight{color:#facc15;font-size:1.1rem}.podium-xp{color:var(--text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.podium-xp.gold-xp{color:#fbbf24}.podium-stand{border:1px solid var(--border-hover);border-bottom:none;border-radius:16px 16px 0 0;justify-content:center;align-items:center;width:100%;display:flex}.stand-1{background:linear-gradient(#f59e0b4d,#f59e0b0d);border-color:#f59e0b66;height:140px}.stand-2{background:linear-gradient(#94a3b833,#94a3b80d);height:100px}.stand-3{background:linear-gradient(#d9770633,#d977060d);height:75px}.podium-rank-num{font-family:var(--font-primary);color:#ffffffb3;font-size:1.5rem;font-weight:800}.leaderboard-table-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:24px;overflow:hidden}.table-header-row{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;color:var(--text-muted);background:#ffffff05;grid-template-columns:80px 1.5fr 1fr 120px 120px;padding:1.1rem 1.5rem;font-size:.75rem;font-weight:800;display:grid}.table-body{flex-direction:column;display:flex}.table-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:80px 1.5fr 1fr 120px 120px;align-items:center;padding:1rem 1.5rem;transition:background .15s;display:grid}.table-row:hover{background:#ffffff08}.table-row.current-user-row{background:#3b82f61f;border-color:#3b82f659}.rank-number-badge{font-size:1rem;font-weight:800}.table-avatar{margin-right:.65rem;font-size:1.35rem}.learner-col{align-items:center;display:flex}.learner-names{align-items:center;gap:.5rem;display:flex}.learner-title{font-size:.95rem;font-weight:700}.you-pill{color:#60a5fa;background:#3b82f640;border-radius:6px;padding:.15rem .45rem;font-size:.68rem;font-weight:800}.lang-tag-pill{color:var(--text-secondary);font-size:.8rem;font-weight:600}.table-streak-wrap{align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.flame-orange{color:#fb923c}.table-xp-val{font-family:var(--font-primary);color:#fbbf24;font-size:.95rem;font-weight:800}.auth-modal-overlay,.heart-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:210;background:#05080fd9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.auth-modal-card,.heart-modal-card{background:var(--bg-modal);border:1px solid var(--border-hover);border-radius:28px;width:100%;max-width:480px;padding:2.2rem;animation:.25s cubic-bezier(.16,1,.3,1) modalScale;position:relative;box-shadow:0 25px 60px #0006}.auth-close-btn,.heart-close-btn{color:var(--text-muted);position:absolute;top:1.25rem;right:1.25rem}.auth-close-btn:hover,.heart-close-btn:hover{color:var(--text-primary)}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-mascot-icon{border:2px solid var(--gold);border-radius:16px;width:60px;height:60px;margin:0 auto .75rem;overflow:hidden}.auth-mascot-img{object-fit:cover;width:100%;height:100%}.auth-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:800}.auth-sub{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.firebase-status-banner{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding:.65rem .85rem;font-size:.78rem;font-weight:600;display:flex}.firebase-status-banner.live{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.firebase-status-banner.mock{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.status-banner-content{align-items:center;gap:.45rem;display:flex}.config-help-toggle{color:var(--text-primary);align-items:center;gap:.2rem;font-size:.72rem;text-decoration:underline;display:flex}.firebase-config-guide-box{border:1px solid var(--border-subtle);color:#cbd5e1;background:#090d16;border-radius:12px;margin-bottom:1.2rem;padding:1rem;font-size:.78rem;line-height:1.5}.firebase-config-guide-box h4{color:#fbbf24;margin-bottom:.35rem}.env-code-sample{background:#1e293b;border-radius:6px;margin:.4rem 0;padding:.5rem;font-family:monospace;font-size:.72rem;overflow-x:auto}.auth-error-banner{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.google-signin-btn{color:#0f172a;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:700;display:flex}.auth-divider-line{text-align:center;color:var(--text-muted);text-transform:uppercase;align-items:center;margin:1.2rem 0;font-size:.78rem;font-weight:700;display:flex}.auth-divider-line:before,.auth-divider-line:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.auth-divider-line span{padding:0 .75rem}.auth-form-fields{flex-direction:column;gap:1rem;display:flex}.form-input-group{flex-direction:column;gap:.35rem;display:flex}.form-input-group label{color:var(--text-secondary);font-size:.8rem;font-weight:700}.password-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-password-trigger{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline;transition:color .15s}.forgot-password-trigger:hover{color:#93c5fd}.auth-success-banner{color:#34d399;background:#10b9811f;border:1px solid #10b98159;border-radius:12px;align-items:flex-start;gap:.65rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.85rem;line-height:1.5;display:flex}.auth-secondary-btn{border:1px solid var(--border-hover);width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff14;border-radius:12px;margin-top:.5rem;padding:.8rem;font-size:.92rem;font-weight:700;transition:all .15s}.auth-secondary-btn:hover{background:#ffffff24}.btn-as-link{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.input-with-icon{border:1px solid var(--border-subtle);background:#00000059;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem .9rem;display:flex}.input-icon{color:var(--text-muted)}.input-with-icon input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.auth-submit-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;width:100%;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:700}.guest-row-box{margin-top:1rem}.guest-play-btn{border:1px dashed var(--border-hover);color:#fbbf24;background:#ffffff0d;border-radius:12px;width:100%;padding:.75rem;font-size:.85rem;font-weight:700}.guest-play-btn:hover{background:#ffffff17}.auth-toggle-mode{text-align:center;color:var(--text-secondary);margin-top:1.2rem;font-size:.85rem}.link-switch-btn{color:#60a5fa;font-weight:700;text-decoration:underline}.terms-agreement-row{margin:.25rem 0 .5rem}.remember-me-row{margin:.65rem 0 .5rem}.remember-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;font-size:.85rem;display:flex}.remember-checkbox-input{width:17px;height:17px;accent-color:var(--emerald);cursor:pointer;border-radius:4px;flex-shrink:0}.remember-checkbox-text{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.remember-checkbox-text strong{color:var(--text-primary);font-weight:600}.remember-subtext{color:var(--text-muted);font-size:.76rem}.terms-checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.65rem;font-size:.85rem;line-height:1.45;display:flex}.terms-checkbox-input{width:17px;height:17px;accent-color:var(--emerald);cursor:pointer;border-radius:4px;flex-shrink:0;margin-top:2px}.terms-checkbox-text{flex:1}.terms-link-inline{color:var(--emerald);font-weight:700;text-decoration:underline;transition:color .15s}.terms-link-inline:hover{color:#34d399}.auth-card-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:center;align-items:center;gap:.65rem;margin-top:1.5rem;padding-top:1rem;font-size:.78rem;display:flex}.auth-footer-link{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .15s}.auth-footer-link:hover{color:var(--emerald);text-decoration:underline}.auth-footer-dot{opacity:.5}.app-main-footer{border-top:1px solid var(--border-subtle);background:var(--bg-header);width:100%;margin-top:auto;padding:1.5rem 0}.app-footer-container{max-width:1280px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:0 1.5rem;font-size:.84rem;display:flex}.app-footer-copy{margin:0}.app-footer-links{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;display:flex}.app-footer-link{color:var(--text-secondary);font-weight:600;text-decoration:none;transition:color .15s}.app-footer-link:hover{color:var(--emerald)}.profile-legal-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:.65rem;margin-top:2rem;font-size:.8rem;display:flex}.profile-legal-footer a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .15s}.profile-legal-footer a:hover{color:var(--emerald);text-decoration:underline}html.light .input-with-icon,html[data-theme=light] .input-with-icon{background:#fff;border-color:#cbd5e1}html.light .input-with-icon input,html[data-theme=light] .input-with-icon input{color:#0f172a}.heart-graphic-area{flex-direction:column;align-items:center;margin-bottom:1.25rem;display:flex}.giant-heart.pulsing{animation:1.5s ease-in-out infinite pulseHeart}.current-hearts-count{font-family:var(--font-primary);color:#f87171;margin-top:.75rem;font-size:1.2rem;font-weight:800}.heart-modal-title{font-family:var(--font-primary);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.heart-modal-desc{color:var(--text-secondary);text-align:center;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.full-refill-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.95rem;font-size:1rem;font-weight:800;display:flex;box-shadow:0 6px #b91c1c}.heart-tip-box{color:var(--text-muted);background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.75rem 1rem;font-size:.8rem;display:flex}@keyframes pulseNode{0%{transform:scale(1);box-shadow:0 0 #3b82f699}70%{transform:scale(1.04);box-shadow:0 0 0 12px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}@keyframes pulseFlame{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.25);transform:scale(1.15)}}@keyframes pulseHeart{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bounceCelebration{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes bounceMini{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.header-root{min-height:240px;padding:1.6rem 1.8rem 1.4rem}.header-container{gap:1.4rem}.mascot-avatar-small{border-radius:22px;width:88px;height:88px}.brand-name{font-size:2.5rem}.brand-tagline{font-size:.82rem}.curriculum-layout{grid-template-columns:1fr}.tips-grid,.slang-cards-grid{grid-template-columns:1fr 1fr}.vault-hero-card{grid-template-columns:1fr}}@media (max-width:900px) and (min-width:769px){.header-root{min-height:200px;padding:1.25rem 1.25rem 1.1rem}.header-container{gap:1.15rem 1rem}.mascot-avatar-small{border-radius:18px;width:70px;height:70px}.brand-name{font-size:2rem}.brand-tagline{font-size:.75rem}.stats-controls-group{gap:.45rem}.theme-btn-label{display:none}.user-name-text{text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.nav-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.nav-tab-btn{padding:.5rem .85rem;font-size:.85rem}}@media (max-width:768px){.header-root{align-items:center;min-height:auto;padding:.65rem .85rem;display:flex;overflow-x:clip}.header-container{box-sizing:border-box;flex-direction:column;gap:.65rem;width:100%;min-width:0;max-width:100%;display:flex}.logo-group{justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-width:0;display:flex}.logo-badge{flex-shrink:1;align-items:center;gap:.55rem;min-width:0;display:flex}.mascot-avatar-small{width:44px;height:44px;box-shadow:0 0 14px var(--gold-glow);border-width:2px;border-radius:12px;flex-shrink:0}.brand-text{flex-direction:column;gap:0;min-width:0;display:flex}.brand-name{white-space:nowrap;font-size:1.35rem;line-height:1.1}.brand-tagline{display:none}.lang-switcher-wrapper{flex-shrink:0;position:relative}.lang-pill-btn{gap:.35rem;padding:.35rem .6rem;font-size:.82rem}.lang-name-display{text-overflow:ellipsis;white-space:nowrap;max-width:85px;overflow:hidden}.lang-dropdown-menu{width:min(260px,100vw - 1.5rem);min-width:0;max-height:min(440px,70vh);left:auto;right:0}.stats-controls-group{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;padding:.1rem 0;display:flex;overflow:visible}.stats-controls-group .icon-circle-btn{margin-left:auto}.theme-switcher-wrapper{flex-shrink:0}.theme-switcher-btn{gap:.3rem;height:34px;padding:0 .55rem}.theme-btn-label{display:none}.theme-dropdown-card{width:min(250px,100vw - 1.5rem);min-width:0;left:auto;right:0}.user-name-text{display:none}.stat-chip{border-radius:10px;flex-shrink:0;gap:.3rem;padding:.32rem .55rem;font-size:.8rem}.icon-circle-btn{flex-shrink:0;width:34px;height:34px}.user-profile-wrapper{flex-shrink:0}.user-profile-btn{flex-shrink:0;padding:.2rem}.user-dropdown-card{width:min(240px,100vw - 1.5rem);min-width:0;left:auto;right:0}.nav-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;background:#0f172abf;border-radius:9999px;order:3;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;min-width:0;max-width:100%;padding:.3rem .45rem;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab-btn{white-space:nowrap;flex-shrink:0;gap:.4rem;padding:.45rem .8rem;font-size:.82rem}.main-content-area{box-sizing:border-box;max-width:100%;padding:1.5rem 1rem 4rem}.course-hero-banner{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}.hero-content{width:100%;min-width:0}.hero-title{font-size:1.65rem}.hero-summary-chips{flex-wrap:wrap;justify-content:stretch;gap:.75rem;width:100%}.summary-chip{flex:calc(50% - .75rem);min-width:0;padding:.75rem 1rem}.options-grid,.matching-columns-grid{grid-template-columns:1fr}.table-header-row,.table-row{grid-template-columns:50px 1fr 90px}.th-cell.lang-col,.td-cell.lang-col,.th-cell.streak-col,.td-cell.streak-col{display:none}.tips-grid,.slang-cards-grid{grid-template-columns:1fr}.flashcard-3d-scene{min-height:340px}.flashcard-face{padding:1.5rem}.card-word-native{font-size:2rem}.flashcards-controls-row{box-sizing:border-box;max-width:100%;padding:0 .25rem}.card-nav-arrow-btn{padding:.6rem .95rem;font-size:.85rem}.podium-row{justify-content:center;gap:.5rem;width:100%}.podium-card{flex:1;width:auto;max-width:110px}.podium-avatar{font-size:1.8rem}.podium-avatar.large{font-size:2.2rem}.podium-name{max-width:90px;font-size:.8rem}.podium-stand.stand-1{height:100px}.podium-stand.stand-2{height:75px}.podium-stand.stand-3{height:55px}}@media (max-width:640px){.header-root{min-height:auto;padding:.55rem .65rem}.header-container{gap:.55rem}.brand-tagline{display:none}.logo-badge{gap:.5rem}.mascot-avatar-small{border-width:2px;border-radius:10px;width:38px;height:38px}.brand-name{font-size:1.25rem}.lang-pill-btn{gap:.3rem;padding:.28rem .5rem;font-size:.78rem}.lang-name-display{text-overflow:ellipsis;white-space:nowrap;max-width:65px;overflow:hidden}.stats-controls-group{gap:.28rem}.stat-chip{border-radius:10px;gap:.25rem;padding:.28rem .45rem;font-size:.76rem}.icon-circle-btn{width:32px;height:32px}.theme-switcher-btn{height:32px;padding:0 .5rem}.user-profile-btn{padding:.15rem}.nav-tab-btn{gap:.35rem;padding:.4rem .7rem;font-size:.78rem}.main-content-area{padding:1.25rem .75rem 3.5rem}.course-hero-banner{border-radius:18px;padding:1.25rem}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1rem}.hero-badge-container{border-radius:16px;width:85px;height:85px}.hero-text-meta{text-align:center;align-items:center;width:100%}.hero-badge-pill{margin:0 auto}.hero-title{text-align:center;word-break:break-word;font-size:1.4rem}.hero-motto{text-align:center;font-size:.88rem}.hero-audio-greeting{justify-content:center;max-width:100%}.summary-chip{flex:calc(50% - .5rem);padding:.65rem .75rem}.unit-header-box{border-radius:14px;flex-wrap:wrap;gap:.75rem;padding:1rem}.unit-heading{font-size:1.15rem}.lesson-nodes-grid{gap:1rem;padding-left:.25rem}.lesson-nodes-grid:before{left:28px}.lesson-node-inner{border-radius:16px;gap:.85rem;padding:.85rem 1rem}.node-circle-btn{width:48px;height:48px}.lesson-node-title{font-size:.98rem}.lesson-node-desc{font-size:.8rem}.lesson-action-row{flex-wrap:wrap;gap:.5rem}.card-stage-wrapper{margin:1rem auto}.flashcard-3d-scene{min-height:320px}.flashcard-face{border-radius:20px;padding:1.25rem 1rem}.card-word-native{font-size:1.75rem}.card-translation-text{font-size:1.35rem}.card-example-box{padding:.75rem 1rem}.flashcards-controls-row{flex-wrap:wrap;justify-content:space-between;gap:.65rem}.card-counter-indicator{text-align:center;order:-1;width:100%;margin-bottom:.15rem}.card-nav-arrow-btn{gap:.35rem;padding:.55rem .85rem;font-size:.84rem}.shuffle-btn{padding:.55rem .75rem;font-size:.82rem}.vault-hero-card{border-radius:18px;gap:1.25rem;padding:1.25rem}.vault-title{font-size:1.55rem}.proverb-spotlight-box{word-break:break-word;border-radius:16px;padding:1.15rem}.lexicon-search-bar{width:100%;min-width:0;max-width:100%}.cbt-top-bar{flex-wrap:wrap;gap:.5rem;padding:.65rem .85rem}.cbt-bar-left{justify-content:space-between;width:100%}.cbt-bar-center{justify-content:center;width:100%;display:flex}.cbt-exam-title-badge{white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:.82rem;overflow:hidden}.cbt-timer-widget{padding:.35rem .75rem;font-size:.95rem}.cbt-bar-right{justify-content:space-between;width:100%}.cbt-flag-btn{padding:.45rem .75rem;font-size:.8rem}.cbt-submit-nav-btn{flex:1;justify-content:center;padding:.45rem .85rem;font-size:.82rem}.cbt-hub-hero{border-radius:18px;padding:1.35rem}.cbt-hub-hero h1{font-size:1.45rem}.cbt-level-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.35rem;overflow-x:auto}.cbt-level-tabs::-webkit-scrollbar{display:none}.cbt-level-tab-btn{flex-shrink:0;padding:.55rem .9rem;font-size:.82rem}.subtest-mode-selector{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.35rem;overflow-x:auto}.subtest-mode-selector::-webkit-scrollbar{display:none}.subtest-mode-pill{flex-shrink:0;padding:.5rem .85rem;font-size:.82rem}.cbt-launch-card{border-radius:16px;gap:1rem;padding:1.25rem}.launch-exam-title{font-size:1.2rem}.cbt-start-hero-btn{justify-content:center;width:100%;padding:.8rem 1.25rem}.subtest-cards-grid{grid-template-columns:1fr}.speaking-timer-grid{grid-template-columns:1fr;gap:.75rem}.breakdown-cards-grid{grid-template-columns:1fr}.cbt-results-actions{flex-direction:column;width:100%}.cbt-btn-retake,.cbt-btn-hub{justify-content:center;width:100%}.cbt-bottom-controls{flex-direction:column-reverse;align-items:stretch;gap:.75rem}.ctrl-left{justify-content:space-between;width:100%}.cbt-nav-btn{flex:1;justify-content:center}.cbt-clear-answer-btn{align-self:center}.cbt-modal-dialog,.quiz-modal-container,.auth-modal-card,.heart-modal-card{box-sizing:border-box;border-radius:20px;width:100%;max-width:calc(100vw - 1.5rem);max-height:90vh;padding:1.25rem;overflow-y:auto}.quiz-top-bar{padding:1rem 1.25rem}.quiz-body-content{padding:1.25rem 1rem}.q-prompt-text{font-size:1.25rem}.quiz-footer-tray{padding:1rem 1.25rem}.footer-tray-inner{flex-direction:column;align-items:stretch;gap:1rem}.footer-tray-inner button{justify-content:center;width:100%}}@media (max-width:520px){.cbt-container{gap:1.25rem;padding:1rem .5rem 3rem}.cbt-tier-selector-grid{grid-template-columns:1fr}.cbt-tier-card{padding:1rem}.table-header-row,.table-row{grid-template-columns:36px 1fr 75px;padding:.75rem .65rem;font-size:.8rem}.podium-card{max-width:95px}.podium-name{max-width:75px;font-size:.75rem}.podium-avatar{font-size:1.6rem}.podium-avatar.large{font-size:1.9rem}.app-footer-container{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding:0 1rem}.app-footer-links{justify-content:center;gap:.65rem 1rem}}@media (max-width:400px){.lang-name-display{display:none}.summary-chip{flex:100%}.stat-chip{padding:.22rem .4rem;font-size:.74rem}.score-number-circle{width:110px;height:110px}.score-pct{font-size:1.85rem}.cbt-modal-dialog,.quiz-modal-container,.auth-modal-card,.heart-modal-card{max-width:calc(100vw - 1rem);padding:1.1rem .85rem}.option-card-btn{gap:.65rem;padding:.85rem .95rem}.match-tile-btn{padding:.8rem .9rem;font-size:.88rem}}.auth-gate-message{color:#e5e7eb;justify-content:center;align-items:center;min-height:100vh;font-weight:600;display:flex}.auth-back-link{color:#9ca3af;margin-bottom:12px;font-size:.85rem;text-decoration:none;display:inline-block}.auth-back-link:hover{color:#58cc02}a.link-switch-btn{cursor:pointer;text-decoration:none}.auth-modal-overlay{overflow-y:auto}.fl-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.fl-avatar-photo{object-fit:cover}.cbt-container{flex-direction:column;gap:2rem;max-width:1240px;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:flex}.cbt-hero-banner{border:1px solid var(--border-subtle);border-left:5px solid var(--accent,#3b82f6);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#1e293bcc,#0f172af2);border-radius:20px;padding:2.25rem 2rem;position:relative;overflow:hidden}.cbt-hero-badge{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.cbt-hero-title{color:var(--text-primary);font-size:2.25rem;font-weight:800;font-family:var(--font-primary);letter-spacing:-.02em;margin-bottom:.75rem}.cbt-hero-subtitle{color:var(--text-secondary);max-width:860px;font-size:1.05rem;line-height:1.6}.cbt-catalog-section{flex-direction:column;gap:1.25rem;display:flex}.cbt-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cbt-section-title{color:var(--text-primary);font-size:1.4rem;font-weight:700}.cbt-catalog-count{color:var(--text-muted);font-size:.85rem;font-weight:600}.cbt-exams-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.cbt-exam-card{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;gap:1.1rem;padding:1.75rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.cbt-exam-card:hover{border-color:#60a5fa66;transform:translateY(-4px);box-shadow:0 16px 36px -12px #0009,0 0 20px #3b82f626}.cbt-exam-top{justify-content:space-between;align-items:center;display:flex}.cbt-badge-pill{text-transform:uppercase;color:#38bdf8;letter-spacing:.03em;background:#38bdf81f;border:1px solid #38bdf840;border-radius:6px;padding:.25rem .65rem;font-size:.78rem;font-weight:800}.cbt-time-pill{color:#fbbf24;background:#f59e0b1f;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.82rem;font-weight:700;display:inline-flex}.cbt-exam-title{color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1.35}.cbt-exam-subtitle{color:#60a5fa;margin-top:-.4rem;font-size:.88rem;font-weight:600}.cbt-exam-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.cbt-exam-meta-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.9rem;display:grid}.cbt-meta-item{flex-direction:column;gap:.2rem;display:flex}.meta-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.meta-val{color:#e2e8f0;font-size:.88rem}.cbt-sections-list{flex-direction:column;gap:.5rem;display:flex}.sections-title{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.sections-pills{flex-wrap:wrap;gap:.4rem;display:flex}.cbt-sec-tag{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:.2rem .55rem;font-size:.74rem}.cbt-start-exam-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #2563eb59}.cbt-start-exam-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px #2563eb80}.cbt-subtests-overview-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;flex-direction:column;gap:1.25rem;padding:1.75rem;display:flex}.cbt-subtests-intro{color:var(--text-secondary);font-size:.96rem;line-height:1.6}.cbt-subtests-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;display:grid}.subtest-detail-box{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:.6rem;padding:1.2rem;display:flex}.subtest-badge-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.subtest-badge-row strong{color:#f1f5f9;font-size:.95rem}.subtest-icon{font-size:1.2rem}.subtest-time-tag{color:#38bdf8;background:#38bdf81f;border-radius:6px;padding:.2rem .5rem;font-size:.76rem;font-weight:800}.subtest-detail-box p{color:var(--text-muted);font-size:.86rem;line-height:1.5}.cbt-instructions-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem 1.75rem}.instructions-header{color:#10b981;align-items:center;gap:.6rem;margin-bottom:.85rem;display:flex}.instructions-header h3{color:var(--text-primary);font-size:1.15rem;font-weight:700}.instructions-list{color:var(--text-secondary);flex-direction:column;gap:.6rem;padding-left:1.25rem;font-size:.92rem;line-height:1.5;display:flex}.cbt-active-screen{background:#090d16;flex-direction:column;min-height:calc(100vh - 120px);display:flex}.cbt-top-bar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#0f172af5;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex;position:sticky;top:72px}.cbt-bar-left{align-items:center;gap:.85rem;display:flex}.cbt-exam-title-badge{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.cbt-level-indicator{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:6px;padding:.15rem .5rem;font-size:.75rem;font-weight:800}.cbt-timer-widget{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-family:monospace;font-size:1.15rem;font-weight:800;display:inline-flex}.cbt-timer-widget.warning{color:#fbbf24;background:#f59e0b26;border-color:#fbbf24}.cbt-timer-widget.urgent{color:#ef4444;background:#ef444433;border-color:#ef4444;animation:1.2s ease-in-out infinite pulseUrgent}@keyframes pulseUrgent{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 20px 4px #ef4444b3}}.time-alert-tag{color:#fff;background:#ef4444;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.cbt-bar-right{align-items:center;gap:.75rem;display:flex}.cbt-flag-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.cbt-flag-btn.flagged{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b}.cbt-submit-nav-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #10b98159}.cbt-submit-nav-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px)}.cbt-main-layout{grid-template-columns:1fr 300px;gap:1.5rem;width:100%;max-width:1300px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:grid}.cbt-stage-content{flex-direction:column;gap:1.25rem;display:flex}.cbt-question-header-row{justify-content:space-between;align-items:center;display:flex}.question-meta-tags{align-items:center;gap:.6rem;display:flex}.q-number-pill{color:#fff;background:#2563eb;border-radius:6px;padding:.25rem .65rem;font-size:.85rem;font-weight:800}.q-section-pill{color:#94a3b8;background:#ffffff0d;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.answered-indicator{color:#34d399;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.cbt-passage-container{background:#121826d9;border:1px solid #3b82f64d;border-radius:16px;overflow:hidden}.passage-header{color:#93c5fd;background:#3b82f626;border-bottom:1px solid #3b82f633;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;display:flex}.passage-body{max-height:260px;padding:1.25rem;overflow-y:auto}.passage-text{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.95rem;line-height:1.65}.cbt-audio-prompt-card{background:#121826cc;border:1px solid #10b9814d;border-radius:14px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.audio-prompt-header{color:#34d399;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.audio-player-action{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cbt-audio-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.cbt-audio-play-btn:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-1px)}.audio-hint{color:var(--text-muted);font-size:.82rem}.cbt-prompt-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem}.cbt-prompt-text{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.45}.cbt-options-grid{flex-direction:column;gap:.85rem;display:flex}.cbt-option-item{background:var(--bg-card);border:1.5px solid var(--border-subtle);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.cbt-option-item:hover{background:#ffffff0f;border-color:#60a5fa66}.cbt-option-item.selected{background:#2563eb26;border-color:#3b82f6;box-shadow:0 0 15px #3b82f640}.option-radio-indicator{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.cbt-option-item.selected .option-radio-indicator{border-color:#3b82f6}.radio-dot{background:#3b82f6;border-radius:50%;width:10px;height:10px}.option-text-label{color:#f1f5f9;font-size:1rem;font-weight:500;line-height:1.4}.cbt-bottom-controls{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.ctrl-left{gap:.75rem;display:flex}.cbt-nav-btn{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.cbt-nav-btn:hover:not(:disabled){background:#ffffff26}.cbt-nav-btn:disabled{opacity:.4;cursor:not-allowed}.cbt-clear-answer-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600;text-decoration:underline}.cbt-clear-answer-btn:hover{color:#f87171}.cbt-palette-sidebar{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;gap:1.1rem;height:fit-content;padding:1.25rem;display:flex;position:sticky;top:140px}.palette-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.palette-summary{color:var(--text-muted);font-size:.8rem}.palette-legend{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:.35rem;padding-bottom:.75rem;font-size:.78rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-chip{border-radius:4px;width:14px;height:14px}.legend-chip.answered{background:#10b981}.legend-chip.flagged{background:#f59e0b}.legend-chip.unanswered{background:#334155}.palette-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.palette-num-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;height:38px;font-size:.88rem;font-weight:800;transition:all .15s;display:flex}.palette-num-btn.unanswered{color:#94a3b8;background:#1e293b}.palette-num-btn.answered{color:#fff;background:#10b981}.palette-num-btn.flagged{color:#fff;background:#f59e0b}.palette-num-btn.answered-flagged{color:#fff;background:linear-gradient(135deg,#10b981 50%,#f59e0b 50%)}.palette-num-btn.current{border-color:#38bdf8;transform:scale(1.08);box-shadow:0 0 10px #38bdf880}.palette-submit-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.palette-submit-action-btn:hover{background:linear-gradient(135deg,#34d399,#10b981)}.cbt-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.cbt-modal-dialog{background:var(--bg-modal);border:1px solid var(--border-hover);border-radius:20px;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;padding:2rem;display:flex;box-shadow:0 25px 50px -12px #0006}.modal-top{align-items:center;gap:.75rem;display:flex}.modal-top h3{color:var(--text-primary);font-size:1.3rem;font-weight:800}.warn-icon{color:#fbbf24}.modal-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.modal-summary-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.summary-row{color:#cbd5e1;justify-content:space-between;font-size:.88rem;display:flex}.modal-warning-alert{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:.6rem;padding:.65rem .85rem;font-size:.82rem;line-height:1.4;display:flex}.modal-action-row{gap:.75rem;margin-top:.5rem;display:flex}.modal-btn-cancel{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex:1;padding:.75rem;font-weight:700}.modal-btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;flex:1.3;padding:.75rem;font-weight:700}.cbt-results-card{box-shadow:var(--shadow-soft);border-radius:24px;align-items:center;gap:2rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.cbt-results-card.passed{background:linear-gradient(135deg,#10b98126,#0f172af2);border:1.5px solid #10b98166}.cbt-results-card.failed{background:linear-gradient(135deg,#ef444426,#0f172af2);border:1.5px solid #ef444466}.results-emblem .award-icon{color:#34d399}.results-emblem .fail-icon{color:#f87171}.results-header-text{flex-direction:column;flex:1;gap:.5rem;display:flex}.results-grade-pill{text-transform:uppercase;border-radius:9999px;align-self:flex-start;padding:.25rem .75rem;font-size:.8rem;font-weight:800;display:inline-block}.passed .results-grade-pill{color:#fff;background:#10b981}.failed .results-grade-pill{color:#fff;background:#ef4444}.results-title{color:var(--text-primary);font-size:1.85rem;font-weight:800;font-family:var(--font-primary)}.results-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5}.score-number-circle{background:#121826e6;border:3px solid #ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.passed .score-number-circle{border-color:#10b981}.failed .score-number-circle{border-color:#ef4444}.score-pct{color:#fff;font-size:2.2rem;font-weight:800}.score-fraction{color:var(--text-muted);font-size:.75rem;font-weight:600}.cbt-breakdown-section{flex-direction:column;gap:1rem;display:flex}.breakdown-heading{color:var(--text-primary);font-size:1.3rem;font-weight:700}.breakdown-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.sec-breakdown-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:.6rem;padding:1.25rem;display:flex}.sec-card-header{justify-content:space-between;align-items:center;display:flex}.sec-card-title{color:#f1f5f9;font-size:.9rem;font-weight:700}.sec-card-score{color:#38bdf8;font-size:.85rem;font-weight:800}.sec-bar-track{background:#ffffff14;border-radius:9999px;width:100%;height:8px;overflow:hidden}.sec-bar-fill{border-radius:9999px;height:100%;transition:width .6s}.sec-bar-fill.good{background:linear-gradient(90deg,#10b981,#34d399)}.sec-bar-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.sec-bar-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.cbt-results-actions{flex-wrap:wrap;gap:1rem;display:flex}.cbt-btn-retake{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #2563eb59}.cbt-btn-hub{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-weight:700;display:inline-flex}.cbt-answer-key-section{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.answer-key-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ak-left h2{color:var(--text-primary);font-size:1.35rem;font-weight:800}.ak-left p{color:var(--text-secondary);font-size:.88rem}.ak-filter-pills{gap:.5rem;display:flex}.ak-pill{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.4rem .85rem;font-size:.82rem;font-weight:700}.ak-pill.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.answer-key-list{flex-direction:column;gap:1.25rem;display:flex}.ak-card{background:var(--bg-card);border-left:4px solid #0000;border-radius:18px;flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.ak-card.correct{border:1px solid #10b98140;border-left:4px solid #10b981}.ak-card.incorrect{border:1px solid #ef444440;border-left:4px solid #ef4444}.ak-card-top{justify-content:space-between;align-items:center;display:flex}.ak-tag-group{align-items:center;gap:.5rem;display:flex}.ak-num-badge{color:#fff;background:#ffffff1a;border-radius:6px;padding:.2rem .5rem;font-size:.78rem;font-weight:800}.ak-sec-tag{color:var(--text-muted);font-size:.74rem}.ak-flag-tag{color:#fbbf24;background:#f59e0b26;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.72rem;display:inline-flex}.ak-verdict-pill{align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;display:inline-flex}.ak-verdict-pill.correct{color:#34d399}.ak-verdict-pill.incorrect{color:#f87171}.ak-prompt{color:var(--text-primary);font-size:1.1rem;font-weight:700}.ak-passage-quote{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.85rem;font-size:.85rem}.ak-audio-quote{background:#10b9810f;border:1px solid #10b98133;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .85rem;display:flex}.ak-play-audio-btn{color:#34d399;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.ak-audio-text{color:#94a3b8;font-size:.82rem;font-style:italic}.ak-options-review{background:#ffffff05;border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.ak-chosen-row,.ak-correct-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.ak-label{color:var(--text-muted);font-size:.82rem}.ak-explanation-box{background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;gap:.6rem;padding:.85rem 1rem;display:flex}.exp-icon{color:#60a5fa;flex-shrink:0;margin-top:.15rem}.exp-content{color:#bfdbfe;font-size:.88rem;line-height:1.5}.exp-content strong{color:#fff}.cbt-level-control-panel{background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex}.level-control-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.control-title-box{align-items:center;gap:.5rem;display:flex}.control-title-box h3{color:var(--text-primary);font-size:1.25rem;font-weight:800}.sparkle-icon{color:#60a5fa}.control-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:9999px;padding:.25rem .65rem;font-size:.8rem;font-weight:700}.cbt-tier-selector-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.cbt-tier-card{border:2px solid var(--border-subtle);text-align:left;cursor:pointer;background:#ffffff08;border-radius:16px;flex-direction:column;gap:.6rem;padding:1.25rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.cbt-tier-card:hover{background:#ffffff0f;border-color:#60a5fa66;transform:translateY(-2px)}.cbt-tier-card.active{background:#3b82f61f;border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.tier-tag{text-transform:uppercase;color:#94a3b8;background:#ffffff14;border-radius:6px;align-self:flex-start;padding:.2rem .55rem;font-size:.75rem;font-weight:800}.tier-tag.badge-citizenship{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.tier-tag.badge-mastery{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.cbt-tier-card h4{color:var(--text-primary);font-size:1.15rem;font-weight:800}.tier-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.tier-pool-stat{color:#10b981;margin-top:auto;font-size:.76rem;font-weight:700}.subtest-mode-selector-section{flex-direction:column;gap:.85rem;display:flex}.subtest-pills-row{flex-wrap:wrap;gap:.65rem;display:flex}.subtest-mode-pill{border:1px solid var(--border-subtle);color:#cbd5e1;cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.subtest-mode-pill:hover{background:#ffffff14;border-color:#60a5fa66}.subtest-mode-pill.active{color:#60a5fa;background:linear-gradient(135deg,#2563eb40,#1e40af40);border-color:#3b82f6;box-shadow:0 0 14px #3b82f633}.cbt-launch-card{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid #3b82f659;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 12px 30px #0006}.launch-left{flex-direction:column;gap:.45rem;max-width:720px;display:flex}.launch-sub-tag{text-transform:uppercase;color:#10b981;letter-spacing:.05em;font-size:.78rem;font-weight:800}.launch-exam-title{color:#f8fafc;font-size:1.35rem;font-weight:800}.launch-exam-summary{color:#cbd5e1;font-size:.92rem;line-height:1.45}.launch-exam-summary strong{color:#60a5fa}.launch-pills-row{flex-wrap:wrap;gap:.75rem;margin-top:.4rem;display:flex}.launch-info-chip{color:#94a3b8;background:#ffffff0f;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.cbt-start-hero-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;align-items:center;gap:.6rem;padding:.9rem 1.85rem;font-size:1.05rem;font-weight:800;transition:all .22s;display:inline-flex;box-shadow:0 4px 18px #2563eb66}.cbt-start-hero-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb8c}.q-title-pill{color:#cbd5e1;background:#ffffff0d;border-radius:6px;padding:.25rem .65rem;font-size:.82rem;font-weight:700}.audio-plays-pill{color:#34d399;background:#10b98126;border-radius:6px;margin-left:auto;padding:.2rem .5rem;font-size:.78rem;font-weight:700}.audio-plays-pill.exhausted{color:#f87171;background:#ef444426}.cbt-audio-play-btn.disabled{opacity:.5;cursor:not-allowed;background:#475569}.cbt-writing-container{flex-direction:column;gap:1.25rem;display:flex}.writing-prompt-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:.85rem;padding:1.5rem;display:flex}.writing-prompt-title{color:var(--text-primary);white-space:pre-wrap;font-size:1.15rem;font-weight:700;line-height:1.5}.writing-guidelines-banner{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.85rem;display:inline-flex}.writing-textarea-wrapper{flex-direction:column;gap:.5rem;display:flex}.cbt-writing-textarea{border:1.5px solid var(--border-subtle);color:#f8fafc;resize:vertical;background:#0f172a;border-radius:14px;width:100%;padding:1.25rem;font-family:inherit;font-size:1rem;line-height:1.6;transition:all .2s}.cbt-writing-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 18px #3b82f640}.writing-meta-bar{justify-content:space-between;align-items:center;padding:0 .5rem;font-size:.85rem;display:flex}.word-count-chip{color:#94a3b8;font-weight:600}.char-count-chip{color:#64748b;font-size:.8rem}.cbt-speaking-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.speaking-header-banner{color:#f59e0b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;font-size:.92rem;font-weight:800;display:flex}.speaking-prompt-box{flex-direction:column;gap:.85rem;display:flex}.speaking-prompt-title{color:var(--text-primary);white-space:pre-wrap;font-size:1.15rem;font-weight:700;line-height:1.5}.speaking-audio-caller-box{align-items:center;display:flex}.speaking-caller-play-btn{color:#fbbf24;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .95rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.speaking-caller-play-btn:hover{background:#f59e0b38}.speaking-timer-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.speaking-timer-box{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;transition:all .2s;display:flex}.speaking-timer-box.active-timer{background:#3b82f626;border-color:#3b82f6}.speaking-timer-box.active-timer.urgent{background:#ef444426;border-color:#ef4444}.timer-box-label{color:#94a3b8;text-transform:uppercase;font-size:.78rem;font-weight:700}.timer-box-digits{color:#fff;font-family:monospace;font-size:1.6rem;font-weight:900}.speaking-control-actions{flex-direction:column;gap:.75rem;display:flex}.speaking-action-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex}.speaking-action-btn.start{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98159}.speaking-action-btn.start:hover{background:linear-gradient(135deg,#34d399,#10b981)}.speaking-action-btn.stop{color:#fff;background:#ef4444;border-radius:8px;padding:.4rem .85rem;font-size:.82rem}.speaking-status-alert{border-radius:12px;align-items:center;gap:.65rem;padding:.85rem 1.15rem;font-size:.88rem;font-weight:600;display:flex}.speaking-status-alert.prep{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.speaking-status-alert.done{color:#34d399;background:#10b98126;border:1px solid #10b9814d;justify-content:space-between}.speaking-active-recording-card{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:.9rem;font-weight:700;display:flex}.pulse-recording-dot{background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1s infinite alternate pulseRecording}@keyframes pulseRecording{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.speaking-re-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.ak-writing-review-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.user-writing-box,.model-writing-box{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.model-writing-box{background:#10b9810f;border-color:#10b98140}.user-text-content,.model-text-content{color:#e2e8f0;white-space:pre-wrap;font-size:.92rem;line-height:1.55}.model-text-content{color:#a7f3d0}.user-text-words{color:#94a3b8;margin-top:auto;font-size:.78rem;font-weight:600}.ak-speaking-review-box{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;flex-direction:column;gap:.6rem;margin-top:.5rem;padding:1rem;display:flex}.model-spoken-text{color:#fde68a;white-space:pre-wrap;font-size:.92rem;line-height:1.55}.ak-play-model-btn{color:#fbbf24;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;align-self:flex-start;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}@media (max-width:900px){.cbt-main-layout{grid-template-columns:1fr}.cbt-palette-sidebar{position:static}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:.4rem}.cbt-results-card{text-align:center;flex-direction:column;padding:1.75rem}.results-grade-pill{align-self:center}.ak-writing-review-grid{grid-template-columns:1fr}.vault-sub-header{padding:.95rem 1.15rem}.vault-sub-title{font-size:1.05rem}.vault-toggle-all-btn{justify-content:center;width:100%}.section-title-row,.lexicon-header-row,.lexicon-controls-wrap{flex-direction:column;align-items:stretch}.lexicon-search-bar{min-width:100%}}html.light,html[data-theme=light],html.light body,html[data-theme=light] body{color:#0f172a!important;background-color:#f8fafc!important}html.light body,html[data-theme=light] body{background-image:radial-gradient(circle at 15% 10%,#10b9810f,#0000 35%),radial-gradient(circle at 85% 20%,#4f46e50d,#0000 35%),radial-gradient(circle at 50% 80%,#f59e0b0a,#0000 45%)!important;background-attachment:fixed!important}html.light .app-shell,html[data-theme=light] .app-shell,html.light .main-content-area,html[data-theme=light] .main-content-area{color:#0f172a!important;background-color:#0000!important}html.light .header-root,html[data-theme=light] .header-root{background:#fffffff2!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 20px #0f172a0f!important}html.light .brand-tagline,html[data-theme=light] .brand-tagline{color:#64748b!important}html.light .mascot-avatar-small,html[data-theme=light] .mascot-avatar-small{background:#fff!important;border-color:#f59e0b!important}html.light .lang-pill-btn,html[data-theme=light] .lang-pill-btn{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 6px #0f172a0a!important}html.light .lang-pill-btn:hover,html[data-theme=light] .lang-pill-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important}html.light .lang-dropdown-menu,html[data-theme=light] .lang-dropdown-menu{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 12px 30px #0f172a1f!important}html.light .dropdown-label,html[data-theme=light] .dropdown-label{color:#64748b!important}html.light .lang-option-item,html[data-theme=light] .lang-option-item{color:#0f172a!important}html.light .lang-option-item:hover,html[data-theme=light] .lang-option-item:hover{background:#f1f5f9!important}html.light .lang-option-item.active,html[data-theme=light] .lang-option-item.active{background:#ecfdf5!important;border:1px solid #a7f3d0!important}html.light .option-title,html[data-theme=light] .option-title{color:#0f172a!important}html.light .option-native,html[data-theme=light] .option-native{color:#64748b!important}html.light .nav-tabs,html[data-theme=light] .nav-tabs{background:#e2e8f0!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a0d!important}html.light .nav-tab-btn,html[data-theme=light] .nav-tab-btn{color:#475569!important}html.light .nav-tab-btn:hover,html[data-theme=light] .nav-tab-btn:hover{color:#0f172a!important;background:#ffffffb3!important}html.light .nav-tab-btn.active,html[data-theme=light] .nav-tab-btn.active{color:#047857!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a14!important}html.light .stat-chip,html[data-theme=light] .stat-chip{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 6px #0f172a0a!important}html.light .stat-chip.streak-chip,html[data-theme=light] .stat-chip.streak-chip{color:#ea580c!important;border-color:#fed7aa!important}html.light .stat-chip.heart-chip,html[data-theme=light] .stat-chip.heart-chip{color:#dc2626!important;border-color:#fecaca!important}html.light .stat-chip.xp-chip,html[data-theme=light] .stat-chip.xp-chip{color:#d97706!important;border-color:#fde68a!important}html.light .icon-circle-btn,html[data-theme=light] .icon-circle-btn{color:#475569!important;background:#fff!important;border:1px solid #cbd5e1!important}html.light .icon-circle-btn:hover,html[data-theme=light] .icon-circle-btn:hover{color:#0f172a!important;background:#f8fafc!important}html.light .theme-switcher-btn,html[data-theme=light] .theme-switcher-btn{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html.light .theme-dropdown-card,html[data-theme=light] .theme-dropdown-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 12px 30px #0f172a1f!important}html.light .theme-dropdown-header,html[data-theme=light] .theme-dropdown-header{color:#64748b!important}html.light .theme-option-row,html[data-theme=light] .theme-option-row{color:#0f172a!important}html.light .theme-option-row:hover,html[data-theme=light] .theme-option-row:hover{background:#f1f5f9!important}html.light .theme-option-name,html[data-theme=light] .theme-option-name{color:#0f172a!important}html.light .theme-option-sub,html[data-theme=light] .theme-option-sub{color:#64748b!important}html.light .user-profile-btn,html[data-theme=light] .user-profile-btn{color:#4338ca!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}html.light .user-dropdown-card,html[data-theme=light] .user-dropdown-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 12px 30px #0f172a1f!important}html.light .card-name,html[data-theme=light] .card-name{color:#0f172a!important}html.light .card-email,html[data-theme=light] .card-email{color:#64748b!important}html.light .course-hero-banner,html[data-theme=light] .course-hero-banner{background:linear-gradient(135deg,#fff 0%,#f8fafc 40%,#10b98114 100%)!important;border-color:#cbd5e1!important;box-shadow:0 10px 30px -10px #0f172a14,0 4px 6px -4px #0f172a0a!important}html.light .course-hero-banner:before,html[data-theme=light] .course-hero-banner:before{opacity:.25!important;filter:blur(80px)!important}html.light .hero-badge-container,html[data-theme=light] .hero-badge-container{border-color:#fff!important;box-shadow:0 10px 25px #0f172a1f!important}html.light .hero-badge-pill,html[data-theme=light] .hero-badge-pill{color:#047857!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}html.light .hero-title,html[data-theme=light] .hero-title{color:#0f172a!important}html.light .hero-motto,html[data-theme=light] .hero-motto{color:#334155!important}html.light .hero-audio-greeting,html[data-theme=light] .hero-audio-greeting{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 2px 8px #0f172a0d!important}html.light .hero-audio-greeting:hover,html[data-theme=light] .hero-audio-greeting:hover{background:#f8fafc!important;border-color:#059669!important}html.light .greeting-label,html[data-theme=light] .greeting-label{color:#64748b!important}html.light .greeting-text,html[data-theme=light] .greeting-text{color:#0f172a!important}html.light .listen-hint,html[data-theme=light] .listen-hint{color:#047857!important}html.light .summary-chip,html[data-theme=light] .summary-chip{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 12px #0f172a0d!important}html.light .chip-label,html[data-theme=light] .chip-label{color:#64748b!important}html.light .chip-val,html[data-theme=light] .chip-val{color:#0f172a!important}html.light .roadmap-toggle-all-btn,html[data-theme=light] .roadmap-toggle-all-btn{color:#334155!important;background:#fff!important;border-color:#cbd5e1!important}html.light .roadmap-toggle-all-btn:hover,html[data-theme=light] .roadmap-toggle-all-btn:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#059669!important}html.light .unit-header-box,html[data-theme=light] .unit-header-box{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0f!important}html.light .unit-header-box:hover,html[data-theme=light] .unit-header-box:hover{background:#fff!important;border-color:#94a3b8!important;box-shadow:0 8px 24px #0f172a17!important}html.light .unit-eyebrow,html[data-theme=light] .unit-eyebrow{color:#b45309!important}html.light .unit-heading,html[data-theme=light] .unit-heading{color:#0f172a!important}html.light .unit-desc,html[data-theme=light] .unit-desc{color:#334155!important}html.light .unit-progress-pill,html[data-theme=light] .unit-progress-pill{color:#334155!important;background:#f1f5f9!important;border-color:#cbd5e1!important}html.light .unit-progress-pill.completed,html[data-theme=light] .unit-progress-pill.completed{color:#15803d!important;background:#dcfce7!important;border-color:#86efac!important}html.light .unit-chevron-btn,html[data-theme=light] .unit-chevron-btn{color:#0f172a!important;background:#f1f5f9!important;border-color:#cbd5e1!important}html.light .lesson-nodes-grid:before,html[data-theme=light] .lesson-nodes-grid:before{background:#cbd5e1!important}html.light .lesson-node-inner,html[data-theme=light] .lesson-node-inner{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 10px #0f172a0a!important}html.light .lesson-node-card.unlocked .lesson-node-inner:hover,html[data-theme=light] .lesson-node-card.unlocked .lesson-node-inner:hover{background:#f8fafc!important;border-color:#94a3b8!important;box-shadow:0 6px 20px #0f172a14!important}html.light .lesson-node-card.completed .lesson-node-inner,html[data-theme=light] .lesson-node-card.completed .lesson-node-inner{background:#f0fdf4!important;border-color:#86efac!important}html.light .lesson-node-card.review-checkpoint-card .lesson-node-inner,html[data-theme=light] .lesson-node-card.review-checkpoint-card .lesson-node-inner{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%)!important;border:1.5px solid #fde68a!important;box-shadow:0 4px 16px #f59e0b14!important}html.light .lesson-node-title,html[data-theme=light] .lesson-node-title{color:#0f172a!important}html.light .lesson-node-desc,html[data-theme=light] .lesson-node-desc{color:#334155!important}html.light .lesson-step-tag,html[data-theme=light] .lesson-step-tag{color:#64748b!important}html.light .lesson-xp-tag,html[data-theme=light] .lesson-xp-tag{color:#b45309!important;background:#fef3c7!important;border:1px solid #fde68a!important}html.light .node-start-label-btn,html[data-theme=light] .node-start-label-btn{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}html.light .review-start-btn,html[data-theme=light] .review-start-btn{color:#b45309!important;background:#fef3c7!important;border:1px solid #fde68a!important}html.light .node-circle-btn.locked,html[data-theme=light] .node-circle-btn.locked{color:#94a3b8!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important}html.light .sidebar-widget,html[data-theme=light] .sidebar-widget{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html.light .sidebar-widget h3,html[data-theme=light] .sidebar-widget h3{color:#0f172a!important}html.light .mascot-widget,html[data-theme=light] .mascot-widget{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border:1px solid #cbd5e1!important}html.light .mascot-speech-bubble,html[data-theme=light] .mascot-speech-bubble{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a0a!important}html.light .speech-text,html[data-theme=light] .speech-text,html.light .quest-title,html[data-theme=light] .quest-title{color:#0f172a!important}html.light .quest-progress-bar,html[data-theme=light] .quest-progress-bar{background:#e2e8f0!important}html.light .quest-reward,html[data-theme=light] .quest-reward{color:#b45309!important}html.light .proverb-quote,html[data-theme=light] .proverb-quote{color:#92400e!important}html.light .proverb-meaning,html[data-theme=light] .proverb-meaning{color:#334155!important}html.light .proverb-meaning strong,html[data-theme=light] .proverb-meaning strong{color:#0f172a!important}html.light .view-vault-btn,html[data-theme=light] .view-vault-btn{color:#047857!important;background:#ecfdf5!important;border:1px solid #a7f3d0!important}html.light .vault-hero-card,html[data-theme=light] .vault-hero-card{background:linear-gradient(135deg,#fff 0%,#fffbeb 50%,#fef3c7 100%)!important;border:1px solid #fde68a!important;box-shadow:0 10px 30px -10px #f59e0b1f!important}html.light .vault-pill-badge,html[data-theme=light] .vault-pill-badge{color:#92400e!important;background:#fef3c7!important;border:1px solid #fcd34d!important}html.light .vault-title,html[data-theme=light] .vault-title{color:#0f172a!important}html.light .vault-desc,html[data-theme=light] .vault-desc{color:#334155!important}html.light .proverb-spotlight-box,html[data-theme=light] .proverb-spotlight-box{background:#fff!important;border:1.5px solid #fde68a!important;box-shadow:0 4px 16px #f59e0b1a!important}html.light .proverb-tag,html[data-theme=light] .proverb-tag{color:#b45309!important}html.light .proverb-highlight-text,html[data-theme=light] .proverb-highlight-text{color:#78350f!important}html.light .proverb-trans,html[data-theme=light] .proverb-trans{color:#0f172a!important;font-weight:600!important}html.light .proverb-context,html[data-theme=light] .proverb-context{color:#475569!important}html.light .speak-proverb-btn,html[data-theme=light] .speak-proverb-btn{color:#92400e!important;background:#fef3c7!important;border:1px solid #fcd34d!important}html.light .speak-proverb-btn:hover,html[data-theme=light] .speak-proverb-btn:hover{background:#fde68a!important}html.light .vault-sub-header,html[data-theme=light] .vault-sub-header{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html.light .vault-sub-header:hover,html[data-theme=light] .vault-sub-header:hover{background:#f8fafc!important;border-color:#94a3b8!important}html.light .sub-cat-title,html[data-theme=light] .sub-cat-title{color:#0f172a!important}html.light .sub-cat-count,html[data-theme=light] .sub-cat-count{color:#475569!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}html.light .tip-card,html[data-theme=light] .tip-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a0a!important}html.light .tip-title,html[data-theme=light] .tip-title{color:#0f172a!important}html.light .tip-desc,html[data-theme=light] .tip-desc{color:#334155!important}html.light .tip-category-badge,html[data-theme=light] .tip-category-badge{color:#059669!important;background:#f0fdf4!important;border:1px solid #a7f3d0!important}html.light .tip-number,html[data-theme=light] .tip-number{color:#0f172a1f!important}html.light .slang-card,html[data-theme=light] .slang-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a0a!important}html.light .slang-term,html[data-theme=light] .slang-term{color:#0f172a!important}html.light .slang-meaning,html[data-theme=light] .slang-meaning{color:#334155!important}html.light .slang-example,html[data-theme=light] .slang-example{color:#1e293b!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}html.light .proverb-item-card,html[data-theme=light] .proverb-item-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a0a!important}html.light .proverb-item-text,html[data-theme=light] .proverb-item-text{color:#0f172a!important}html.light .proverb-item-trans,html[data-theme=light] .proverb-item-trans{color:#047857!important}html.light .proverb-item-meaning,html[data-theme=light] .proverb-item-meaning{color:#475569!important}html.light .lexicon-search-bar,html[data-theme=light] .lexicon-search-bar{background:#fff!important;border:1px solid #cbd5e1!important}html.light .search-vault-input,html[data-theme=light] .search-vault-input,html.light .flashcards-container,html[data-theme=light] .flashcards-container,html.light .view-title,html[data-theme=light] .view-title{color:#0f172a!important}html.light .view-subtitle,html[data-theme=light] .view-subtitle{color:#475569!important}html.light .mastery-stat-card,html[data-theme=light] .mastery-stat-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html.light .mastery-label,html[data-theme=light] .mastery-label{color:#64748b!important}html.light .mastery-score,html[data-theme=light] .mastery-score{color:#0f172a!important}html.light .mastery-bar-track,html[data-theme=light] .mastery-bar-track{background:#e2e8f0!important}html.light .filter-cat-pill,html[data-theme=light] .filter-cat-pill{color:#475569!important;background:#fff!important;border:1px solid #cbd5e1!important}html.light .filter-cat-pill:hover,html[data-theme=light] .filter-cat-pill:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#94a3b8!important}html.light .filter-cat-pill.active,html[data-theme=light] .filter-cat-pill.active{color:#fff!important;background:#059669!important;border-color:#059669!important}html.light .flashcard-face,html[data-theme=light] .flashcard-face{background:#fff!important;border:1.5px solid #cbd5e1!important;box-shadow:0 16px 36px #0f172a14!important}html.light .flashcard-back,html[data-theme=light] .flashcard-back{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%)!important;border:1.5px solid #86efac!important}html.light .card-cat-tag,html[data-theme=light] .card-cat-tag{color:#475569!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important}html.light .card-word-native,html[data-theme=light] .card-word-native{color:#0f172a!important}html.light .card-phonetic-badge,html[data-theme=light] .card-phonetic-badge{background:#f1f5f9!important;border:1px solid #bae6fd!important}html.light .card-phonetic,html[data-theme=light] .card-phonetic{color:#0369a1!important}html.light .phonetic-lead-label,html[data-theme=light] .phonetic-lead-label{color:#0284c7!important}html.light .card-audio-speaker-btn,html[data-theme=light] .card-audio-speaker-btn{color:#15803d!important;background:#dcfce7!important;border:1px solid #86efac!important}html.light .card-bottom-hint,html[data-theme=light] .card-bottom-hint{color:#64748b!important}html.light .card-translation-text,html[data-theme=light] .card-translation-text{color:#1d4ed8!important}html.light .card-example-box,html[data-theme=light] .card-example-box{background:#f8fafc!important;border:1px solid #e2e8f0!important}html.light .example-label,html[data-theme=light] .example-label{color:#64748b!important}html.light .example-quote,html[data-theme=light] .example-quote{color:#0f172a!important}html.light .card-nav-arrow-btn,html[data-theme=light] .card-nav-arrow-btn{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html.light .card-counter-indicator,html[data-theme=light] .card-counter-indicator{color:#64748b!important}html.light .shuffle-btn,html[data-theme=light] .shuffle-btn{color:#475569!important;background:#fff!important;border:1px solid #cbd5e1!important}html.light .cbt-hero-banner,html[data-theme=light] .cbt-hero-banner{background:linear-gradient(135deg,#fff 0%,#eff6ff 60%,#e0f2fe 100%)!important;border:1px solid #bfdbfe!important;border-left:5px solid #2563eb!important;box-shadow:0 10px 30px -10px #2563eb1f,0 4px 16px #0f172a0d!important}html.light .cbt-hero-badge,html[data-theme=light] .cbt-hero-badge{color:#1d4ed8!important;background:#dbeafe!important;border-color:#93c5fd!important}html.light .cbt-hero-title,html[data-theme=light] .cbt-hero-title{color:#0f172a!important}html.light .cbt-hero-subtitle,html[data-theme=light] .cbt-hero-subtitle{color:#334155!important}html.light .cbt-exam-card,html[data-theme=light] .cbt-exam-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html.light .cbt-exam-card:hover,html[data-theme=light] .cbt-exam-card:hover{border-color:#93c5fd!important;box-shadow:0 12px 28px #2563eb1f!important}html.light .cbt-exam-title,html[data-theme=light] .cbt-exam-title{color:#0f172a!important}html.light .cbt-exam-desc,html[data-theme=light] .cbt-exam-desc{color:#475569!important}html.light .cbt-exam-meta-row,html[data-theme=light] .cbt-exam-meta-row{background:#f8fafc!important;border:1px solid #e2e8f0!important}html.light .meta-label,html[data-theme=light] .meta-label{color:#64748b!important}html.light .meta-val,html[data-theme=light] .meta-val{color:#0f172a!important;font-weight:600!important}html.light .cbt-active-screen,html[data-theme=light] .cbt-active-screen{color:#0f172a!important;background:#f8fafc!important}html.light .cbt-top-bar,html[data-theme=light] .cbt-top-bar{background:#fffffff2!important;border-bottom:1px solid #cbd5e1!important}html.light .cbt-writing-textarea,html[data-theme=light] .cbt-writing-textarea{color:#0f172a!important;background:#fff!important;border:1.5px solid #cbd5e1!important}html.light .leaderboard-title,html[data-theme=light] .leaderboard-title{color:#0f172a!important}html.light .leaderboard-subtitle,html[data-theme=light] .leaderboard-subtitle{color:#475569!important}html.light .league-badge-pill,html[data-theme=light] .league-badge-pill{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important}html.light .podium-name,html[data-theme=light] .podium-name{color:#0f172a!important}html.light .podium-xp,html[data-theme=light] .podium-xp{color:#64748b!important}html.light .stand-1,html[data-theme=light] .stand-1{background:linear-gradient(#fef3c7 0%,#fff 100%)!important;border:1px solid #fde68a!important;border-bottom:none!important}html.light .stand-2,html[data-theme=light] .stand-2{background:linear-gradient(#f1f5f9 0%,#fff 100%)!important;border:1px solid #cbd5e1!important;border-bottom:none!important}html.light .stand-3,html[data-theme=light] .stand-3{background:linear-gradient(#ffedd5 0%,#fff 100%)!important;border:1px solid #fed7aa!important;border-bottom:none!important}html.light .podium-rank-num,html[data-theme=light] .podium-rank-num{color:#0f172a!important}html.light .leaderboard-table-card,html[data-theme=light] .leaderboard-table-card{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html.light .table-header-row,html[data-theme=light] .table-header-row{color:#64748b!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html.light .table-row,html[data-theme=light] .table-row{color:#0f172a!important;border-bottom:1px solid #e2e8f0!important}html.light .table-row:hover,html[data-theme=light] .table-row:hover{background:#f8fafc!important}html.light .table-row.current-user-row,html[data-theme=light] .table-row.current-user-row{background:#eff6ff!important;border-color:#bfdbfe!important}html.light .learner-title,html[data-theme=light] .learner-title{color:#0f172a!important}html.light .lang-tag-pill,html[data-theme=light] .lang-tag-pill{color:#475569!important}html.light .quiz-modal-container,html[data-theme=light] .quiz-modal-container{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 25px 60px -15px #0f172a40!important}html.light .quiz-top-bar,html[data-theme=light] .quiz-top-bar{border-bottom:1px solid #e2e8f0!important}html.light .quiz-progress-track,html[data-theme=light] .quiz-progress-track{background:#e2e8f0!important}html.light .prompt-text,html[data-theme=light] .prompt-text{color:#0f172a!important}html.light .mc-option-btn,html[data-theme=light] .mc-option-btn{color:#0f172a!important;background:#fff!important;border:2px solid #cbd5e1!important}html.light .mc-option-btn:hover,html[data-theme=light] .mc-option-btn:hover{background:#f8fafc!important;border-color:#94a3b8!important}html.light .mc-option-btn.selected,html[data-theme=light] .mc-option-btn.selected{color:#1d4ed8!important;background:#eff6ff!important;border-color:#3b82f6!important}html.light .quiz-bottom-tray,html[data-theme=light] .quiz-bottom-tray{background:#fff!important;border-top:1px solid #e2e8f0!important}html.light .word-token-chip,html[data-theme=light] .word-token-chip{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px #cbd5e1!important}html.light .word-token-chip:hover,html[data-theme=light] .word-token-chip:hover{background:#f8fafc!important}html.light .app-main-footer,html[data-theme=light] .app-main-footer{background:#fff!important;border-top:1px solid #e2e8f0!important}html.light .app-footer-copy,html[data-theme=light] .app-footer-copy{color:#64748b!important}html.light .app-footer-link,html[data-theme=light] .app-footer-link{color:#475569!important}html.light .app-footer-link:hover,html[data-theme=light] .app-footer-link:hover{color:#0f172a!important}@media (prefers-color-scheme:light){html:not(.dark),html:not(.dark) body{color:#0f172a!important;background-color:#f8fafc!important;background-image:radial-gradient(circle at 15% 10%,#10b9810f,#0000 35%),radial-gradient(circle at 85% 20%,#4f46e50d,#0000 35%),radial-gradient(circle at 50% 80%,#f59e0b0a,#0000 45%)!important;background-attachment:fixed!important}html:not(.dark) .app-shell,html:not(.dark) .main-content-area{color:#0f172a!important;background-color:#0000!important}html:not(.dark) .header-root{background:#fffffff2!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 4px 20px #0f172a0f!important}html:not(.dark) .brand-tagline{color:#64748b!important}html:not(.dark) .lang-pill-btn{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html:not(.dark) .nav-tabs{background:#e2e8f0!important;border:1px solid #cbd5e1!important}html:not(.dark) .nav-tab-btn{color:#475569!important}html:not(.dark) .nav-tab-btn.active{color:#047857!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0f172a14!important}html:not(.dark) .stat-chip{color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}html:not(.dark) .course-hero-banner{background:linear-gradient(135deg,#fff 0%,#f8fafc 40%,#10b98114 100%)!important;border-color:#cbd5e1!important;box-shadow:0 10px 30px -10px #0f172a14!important}html:not(.dark) .hero-title{color:#0f172a!important}html:not(.dark) .hero-motto{color:#334155!important}html:not(.dark) .unit-header-box{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 16px #0f172a0f!important}html:not(.dark) .unit-eyebrow{color:#b45309!important}html:not(.dark) .unit-heading{color:#0f172a!important}html:not(.dark) .unit-desc{color:#334155!important}html:not(.dark) .lesson-nodes-grid:before{background:#cbd5e1!important}html:not(.dark) .lesson-node-inner{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 10px #0f172a0a!important}html:not(.dark) .lesson-node-card.completed .lesson-node-inner{background:#f0fdf4!important;border-color:#86efac!important}html:not(.dark) .lesson-node-card.review-checkpoint-card .lesson-node-inner{background:linear-gradient(135deg,#fffbeb 0%,#fff 100%)!important;border:1.5px solid #fde68a!important}html:not(.dark) .lesson-node-title{color:#0f172a!important}html:not(.dark) .lesson-node-desc{color:#334155!important}html:not(.dark) .sidebar-widget{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 16px #0f172a0d!important}html:not(.dark) .mascot-widget{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border-color:#cbd5e1!important}html:not(.dark) .mascot-speech-bubble{background:#fff!important;border-color:#cbd5e1!important}html:not(.dark) .speech-text{color:#0f172a!important}html:not(.dark) .proverb-quote{color:#92400e!important}html:not(.dark) .proverb-meaning{color:#334155!important}html:not(.dark) .vault-sub-header,html:not(.dark) .tip-card,html:not(.dark) .slang-card,html:not(.dark) .proverb-item-card{background:#fff!important;border:1px solid #cbd5e1!important}html:not(.dark) .flashcard-face{background:#fff!important;border:1.5px solid #cbd5e1!important}html:not(.dark) .cbt-exam-card,html:not(.dark) .leaderboard-table-card{background:#fff!important;border:1px solid #cbd5e1!important}html:not(.dark) .app-main-footer{background:#fff!important;border-top:1px solid #e2e8f0!important}}.cbt-learner-status-pill{color:#10b981;background:#10b9811f;border:1px solid #10b9814d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.45rem 1rem;font-size:.88rem;font-weight:600;display:inline-flex}.cbt-brand-new-badge{color:#34d399;letter-spacing:.02em;background:linear-gradient(135deg,#10b98133,#0596694d);border:1px solid #34d39966;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.cbt-results-fresh-notice{color:#e2e8f0;background:#10b9811a;border:1px solid #10b98140;border-radius:14px;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5;display:flex}.cbt-results-fresh-notice strong{color:#34d399}html:not(.dark) .cbt-learner-status-pill{color:#047857!important;background:#0596691a!important;border-color:#05966940!important}html:not(.dark) .cbt-brand-new-badge{color:#047857!important;background:#10b98126!important;border-color:#10b9814d!important}html:not(.dark) .cbt-results-fresh-notice{color:#1e293b!important;background:#f0fdf4!important;border-color:#bbf7d0!important}html:not(.dark) .cbt-results-fresh-notice strong{color:#059669!important}.admin-header-chip{cursor:pointer;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;color:#38bdf8!important;background:linear-gradient(135deg,#0284c726,#0ea5e940)!important;border:1px solid #0ea5e973!important}.admin-header-chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e940;background:linear-gradient(135deg,#0284c740,#0ea5e966)!important;border-color:#38bdf8!important}.admin-header-chip.active{box-shadow:0 0 14px #0ea5e980;color:#fff!important;background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;border-color:#38bdf8!important}.admin-status-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:8px;align-items:center;gap:.4rem;margin-top:.4rem;margin-bottom:.2rem;padding:.25rem .6rem;font-size:.76rem;font-weight:700;display:inline-flex}.admin-inline-btn{color:#38bdf8;cursor:pointer;white-space:nowrap;background:#0ea5e926;border:1px solid #0ea5e966;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.admin-inline-btn:hover{color:#fff;background:#0ea5e94d;border-color:#38bdf8;transform:translateY(-1px)}.admin-quiz-edit-btn{color:#38bdf8;cursor:pointer;background:linear-gradient(135deg,#0284c733,#0ea5e94d);border:1px solid #0ea5e980;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.admin-quiz-edit-btn:hover{color:#fff;background:linear-gradient(135deg,#0284c7,#0ea5e9);border-color:#38bdf8;box-shadow:0 4px 12px #0ea5e959}html:not(.dark) .admin-header-chip{color:#0284c7!important;background:#e0f2fe!important;border-color:#7dd3fc!important}html:not(.dark) .admin-header-chip.active{color:#fff!important;background:#0284c7!important}html:not(.dark) .admin-inline-btn{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}html:not(.dark) .admin-inline-btn:hover{color:#0369a1;background:#e0f2fe}html:not(.dark) .admin-quiz-edit-btn{color:#0284c7;background:#f0f9ff;border-color:#7dd3fc}html:not(.dark) .admin-quiz-edit-btn:hover{color:#fff;background:#0284c7}.inline-editable-target{border-radius:6px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.inline-editable-target:hover{box-shadow:0 0 0 2px #0ea5e973;background:#0ea5e91f!important}.inline-editable-target .inline-edit-indicator{color:#fff;pointer-events:none;z-index:10;background:#0284c7;border-radius:9999px;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:700;display:none;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0000004d}.inline-editable-target:hover .inline-edit-indicator{display:inline-flex}.inline-edit-saved-badge{color:#fff;z-index:20;background:#10b981;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:800;animation:.3s ease-out savedPop;position:absolute;top:-12px;right:0;box-shadow:0 4px 10px #10b98166}@keyframes savedPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.inline-edit-active-container{z-index:15;width:100%;display:block;position:relative}.inline-edit-input{background:var(--bg-card,#0f172a);width:100%;color:var(--text-primary,#fff);font-size:inherit;font-family:inherit;font-weight:inherit;border:2px solid #0284c7;border-radius:8px;outline:none;padding:6px 10px;box-shadow:0 0 12px #0ea5e959}.inline-edit-textarea{background:var(--bg-card,#0f172a);width:100%;color:var(--text-primary,#fff);font-size:inherit;font-family:inherit;font-weight:inherit;resize:vertical;border:2px solid #0284c7;border-radius:8px;outline:none;padding:8px 10px;line-height:1.5;box-shadow:0 0 12px #0ea5e959}.inline-edit-actions-bar{align-items:center;gap:6px;margin-top:6px;display:flex}.inline-edit-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.inline-edit-save-btn:hover{background:#059669;transform:translateY(-1px)}.inline-edit-cancel-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.inline-edit-cancel-btn:hover{color:#fff;background:#ef4444}.inline-edit-hint{color:var(--text-muted,#94a3b8);margin-left:6px;font-size:.72rem}html:not(.dark) .inline-edit-input,html:not(.dark) .inline-edit-textarea{color:#0f172a;background:#fff}