@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg:#f5f3ef;--card:#fff;--text:#18181b;--text-muted:#71717a;--accent:#e8522a;--accent-light:#fff1ec;--accent-hover:#d03e18;--success:#16a34a;--error:#dc2626;--border:#e4e2dc;--sidebar-bg:#f8f6f2;--sidebar-text:#444;--sidebar-active:#18181b;--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--radius:16px;--radius-sm:11px;--radius-pill:999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 8px 32px #e8522a1f;--creative-indigo:#312e81;--creative-violet:#6d28d9;--creative-amber:#fbbf24;--creative-mesh:radial-gradient(ellipse 90% 70% at 90% 10%, #fbbf2424 0%, transparent 52%), radial-gradient(ellipse 70% 50% at 10% 90%, #6366f11f 0%, transparent 48%), linear-gradient(185deg, #fdfbf7 0%, #f4f0ea 45%, #eef2ff 100%);--bg-primary:var(--bg);--card-bg:var(--card);--surface-glow:#e8522a24;--accent-secondary:var(--creative-violet);--text-primary:var(--text);--dash-main-radial-1:radial-gradient(ellipse 70% 55% at 95% 5%, #fbbf2414 0%, transparent 52%);--dash-main-radial-2:radial-gradient(ellipse 55% 45% at 5% 95%, #6366f112 0%, transparent 48%);--shell-sidebar-bg:linear-gradient(185deg, #fff 0%, #faf8f5 45%, #fffbf9 100%);--shell-sidebar-border:#e4e2dcd9;--shell-sidebar-shadow:8px 0 40px #0f172a0f;--shell-sidebar-logo-color:#18181b;--shell-sidebar-section-label:#a1a1aa;--nav-item-hover-bg:#fff7f4f2;--nav-item-hover-border:#e8522a1f;--nav-item-hover-text:#18181b;--sidebar-logout-bg:#f8f6f2e6;--sidebar-logout-border:#e4e2dcf2;--sidebar-logout-text:#52525b;--shell-header-bg:#ffffffb8;--shell-header-border:#e4e2dcbf;--shell-header-shadow:0 12px 40px #0f172a0f;--shell-heading-color:#18181b;--shell-greeting-color:#a1a1aa;--stat-card-bg:linear-gradient(165deg, #fff 0%, #fffbf8a6 100%);--stat-card-border:#e4e2dcd9;--course-card-bg:#fffffff2;--course-card-border:#e4e2dce6;--course-thumb-bg:linear-gradient(145deg, #fff7f4 0%, #eef2ff 50%, #fdfbf7 100%);--player-shell-bg:radial-gradient(ellipse 120% 80% at 100% 0%, #fbbf2424 0%, transparent 52%), radial-gradient(ellipse 90% 60% at 0% 100%, #3b82f61f 0%, transparent 48%), linear-gradient(185deg, #fdfbf7 0%, #f4f0ea 40%, #eef2ff 100%);--player-topbar-bg:linear-gradient(135deg, #1e1b4b 0%, #3730a3 38%, #5b21b6 72%, #6d28d9 100%);--player-topbar-shadow:0 12px 40px #312e816b, inset 0 -1px 0 #ffffff12;--lesson-sidebar-bg:linear-gradient(180deg, #fff 0%, #faf8f5 100%);--lesson-sidebar-border-token:#e4e2dcf2;--lesson-sidebar-shadow:0 14px 44px #0f172a14, inset 0 1px 0 #fffffff2;--lesson-sidebar-head-border:#e4e2dca6;--lesson-sidebar-kicker-color:#a1a1aa;--lesson-sidebar-title-color:#18181b;--player-module-card-bg:#fff;--player-module-card-border:#e4e2dcf2;--player-module-header-bg:linear-gradient(180deg, #fff 0%, #fafaf8 100%);--player-module-header-color:#18181b;--player-module-header-hover-bg:linear-gradient(180deg, #fffbf9 0%, #fff5f0 100%);--player-module-lessons-bg:linear-gradient(180deg, #fff7f4bf 0%, #f8f6f2fa 100%);--player-module-chevron:#71717a;--lesson-item-color:#3f3f46;--lesson-item-hover-bg:#ffffffeb;--lesson-item-done-color:#71717a;--lesson-content-surface-bg:linear-gradient(180deg, #ffffffeb 0%, #fcfbf9fa 100%);--lesson-content-border:#e4e2dcd9;--lesson-content-heading-color:var(--text);--lesson-prose-color:#18181b;--lesson-text-block-bg:#fff;--lesson-text-block-border:var(--border);--env-empty-bg:linear-gradient(165deg, #fffffff2 0%, #fff7f480 55%, #eef2ff73 100%);--env-empty-border:2px dashed #e8522a38;--env-empty-shadow:inset 0 1px 0 #ffffffe6;--env-empty-orb:radial-gradient(circle at 78% 18%, #e8522a24 0%, transparent 52%);--env-empty-icon-filter:drop-shadow(0 4px 12px #e8522a33);--env-spotlight-bg:linear-gradient(165deg, #fffffff7 0%, #fff7f48c 45%, #eef2ff8c 100%);--env-spotlight-border:1px solid #e4e2dcd9;--env-spotlight-shadow:0 20px 56px #0f172a14;--env-spotlight-orb:radial-gradient(circle at 15% 85%, #6366f11f 0%, transparent 45%);--env-spotlight-icon-filter:drop-shadow(0 8px 20px #e8522a33);--nav-item-active-bg:linear-gradient(135deg, #ea580c 0%, var(--accent) 45%, #fb923c 100%);--nav-item-active-color:#fff;--nav-item-active-border:#ffffff26;--nav-item-active-shadow:0 10px 26px #e8522a59;--lesson-item-active-bg:linear-gradient(135deg, #18181b 0%, #27272a 100%);--lesson-item-active-color:#fff;--lesson-item-active-border:#e8522a59;--lesson-item-active-shadow:0 10px 28px #18181b59;--lesson-item-hover-border:#e8522a24;--lesson-item-hover-shadow:0 4px 14px #0f172a0f;--player-progress-track-bg:#00000047;--player-progress-track-border:#ffffff1f;--player-progress-track-inset:inset 0 2px 10px #00000061, 0 1px 0 #ffffff1a;--player-progress-fill:linear-gradient(90deg, #fb923c 0%, #f97316 28%, #eab308 62%, #fde047 100%);--player-progress-fill-shadow:0 0 32px #fb923c8c, inset 0 1px 0 #ffffff59;--stat-card-accent-bar:linear-gradient(90deg, #fb923c, var(--accent), #a855f7);--stat-card-hover-shadow:0 18px 48px #e8522a24;--stat-icon-env-glow:none;--stat-icon-env-filter:none;--support-float-bg:linear-gradient(145deg, #ea580c 0%, var(--accent) 45%, #fb923c 100%);--support-float-shadow:0 10px 28px #e8522a66, 0 2px 8px #0f172a1f, inset 0 1px 0 #ffffff38;--support-float-hover-shadow:0 14px 34px #e8522a7a, 0 4px 12px #0f172a24, inset 0 1px 0 #ffffff47;--support-float-focus-ring:#e8522a8c;--support-pulse-gradient:radial-gradient(circle, #e8522a59 0%, transparent 70%);--support-ring-color:#ffffff59;--lesson-sidebar-glow:none;--player-module-card-shadow:0 6px 20px #0f172a0f;--scrollbar-thumb:#78716c73;--scrollbar-track:#f4f4f580;--selection-bg:#e8522a38;--selection-color:inherit;--form-input-bg:#fafaf9f2;--form-input-focus-bg:#fff;--form-input-focus-border:#e8522a8c;--form-input-focus-ring:0 0 0 4px #e8522a1a;--form-placeholder-color:#a1a1aa;--user-code-card-bg:#ffffffeb;--user-code-card-border:#e4e2dce6;--user-code-card-shadow:0 22px 56px #0f172a17, 0 0 0 1px #ffffffa6 inset;--user-code-icon-bg:linear-gradient(135deg, #e8522a2e 0%, #fb923c1f 100%);--user-code-icon-shadow:0 10px 28px #e8522a2e;--user-code-help-bg:linear-gradient(135deg, #fafafa 0%, #f4f4f5 100%);--user-code-help-border:#e4e4e7;--user-code-help-text:var(--text-muted);--support-widget-bg:#fffffff0;--support-widget-border:#e4e2dceb;--support-widget-shadow:0 4px 6px #0f172a0a, 0 18px 40px #0f172a17, 0 0 0 1px #ffffffbf inset;--support-widget-close-bg:#f4f2ecf2;--support-widget-close-border:#e4e2dcd9;--support-widget-close-color:#71717a;--notif-item-bg:#fffffff2;--notif-item-border:#e4e2dcd9;--notif-item-shadow:0 6px 22px #0f172a0a;--notif-unread-bg:linear-gradient(90deg, #fff7f4a6 0%, #fffffffa 28%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::selection{background:var(--selection-bg);color:var(--selection-color)}#root{z-index:1;min-height:100vh;position:relative}.auth-page{background:var(--creative-mesh);grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}@media (width<=768px){.auth-page{grid-template-columns:1fr}.auth-panel{display:none}}.auth-panel{background:linear-gradient(165deg,#fffbf8f7 0%,#eef2ff8c 50%,#fff7f4e6 100%);border-right:1px solid #e4e2dca6;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px 48px 64px;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8522a33 0%,#0000 68%);border-radius:50%;width:min(120vw,720px);height:min(120vw,720px);position:absolute;top:-25%;right:-35%}.auth-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f12e 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-10%;left:-8%}.panel-content{z-index:1;color:#18181b;max-width:400px;position:relative}.panel-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.panel-brand-name{font-family:var(--font-display);color:#18181b;font-size:1.6rem;font-weight:700}.brand-dot{background:linear-gradient(135deg, var(--accent), #f97316);border-radius:50%;width:9px;height:9px;margin-top:2px;box-shadow:0 0 0 3px #e8522a33}.panel-logo{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.1rem);font-weight:800;line-height:1.08}.panel-logo span{background:linear-gradient(115deg,#e8522a 0%,#f97316 35%,#a855f7 75%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-tagline{color:#52525b;max-width:34ch;margin-bottom:40px;font-size:1.02rem;line-height:1.65}.panel-features{flex-direction:column;gap:16px;list-style:none;display:flex}.panel-features li{color:#3f3f46;align-items:center;gap:14px;font-size:.92rem;font-weight:500;display:flex}.feat-dot{background:linear-gradient(135deg, var(--accent), #f59e0b);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #e8522a26}.auth-form-area{background:radial-gradient(80% 60% at 100% 0,#fbbf241a 0%,#0000 55%),linear-gradient(#fff 0%,#fafaf9 100%);flex-direction:column;justify-content:center;align-items:center;padding:48px 32px 64px;display:flex;position:relative}.auth-form-area:before{content:"";opacity:.6;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e8522a' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.auth-card{z-index:1;-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #e4e2dcd9;border-radius:22px;width:100%;max-width:420px;padding:36px 34px 40px;position:relative;box-shadow:0 24px 60px #0f172a14,inset 0 1px #fffffff2}.auth-heading{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(1.55rem,3vw,1.95rem);font-weight:700}.auth-subheading{color:var(--text-muted);margin-bottom:26px;font-size:.94rem;line-height:1.55}.form-group{flex-direction:column;gap:7px;margin-bottom:17px;display:flex}.form-label{color:var(--text);font-size:.82rem;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);color:var(--text);background:var(--form-input-bg);outline:none;padding:13px 16px;font-size:.93rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus{border-color:var(--form-input-focus-border);box-shadow:var(--form-input-focus-ring);background:var(--form-input-focus-bg)}.form-input::placeholder{color:var(--form-placeholder-color)}textarea.form-input{resize:vertical;min-height:80px}.btn-primary{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;color:#fff;background:linear-gradient(135deg, #fb923c 0%, var(--accent) 42%, #ea580c 100%);border:none;padding:14px 18px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 10px 28px #e8522a61}.auth-card .btn-primary,.signup-success-block .btn-primary{width:100%}.user-spotlight-card .btn-primary{width:auto;min-width:220px;padding:14px 36px}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 14px 36px #e8522a7a}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-google{width:100%;color:var(--text);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;background:#fff;border:1.5px solid #e4e2dcf2;justify-content:center;align-items:center;gap:11px;padding:13px 16px;font-size:.93rem;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 4px 14px #0f172a0f}.btn-google:hover{border-color:#e8522a59;transform:translateY(-1px);box-shadow:0 8px 22px #0f172a14}.divider{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0;font-size:.76rem;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);flex:1;height:1px}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.86rem;line-height:1.45}.alert-error{color:var(--error);background:linear-gradient(135deg,#fef2f2 0%,#fff1f2 100%);border:1px solid #fecaca}.alert-success{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1px solid #a7f3d0}.form-hint{color:var(--text-muted);margin:-4px 0 8px;font-size:.75rem;line-height:1.45}.signup-checkbox-row{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:11px;margin-bottom:18px;font-size:.84rem;line-height:1.45;display:flex}.signup-checkbox-row input{accent-color:var(--accent);flex-shrink:0;margin-top:3px}.signup-success-block{text-align:center;padding:8px 0 12px}.signup-success-icon{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#ecfdf5 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex;box-shadow:0 12px 28px #10b98133}.auth-switch{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.9rem}.auth-switch a{color:var(--accent);border-bottom:2px solid #e8522a40;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}.auth-switch a:hover{border-bottom-color:var(--accent);color:var(--accent-hover)}.quick-links-top{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;display:flex}.quick-links-top a{color:#52525b;border-radius:var(--radius-pill);background:#ffffffe6;border:1px solid #e4e2dcf2;padding:8px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .15s;box-shadow:0 2px 8px #0f172a0a}.quick-links-top a:hover{color:var(--accent);background:linear-gradient(135deg,#fff7f4 0%,#faf5ff 100%);border-color:#e8522a40;transform:translateY(-2px)}.auth-callback-screen{min-height:100vh;font-family:var(--font-body);color:var(--text-muted);background:var(--creative-mesh);flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.auth-callback-spinner{border:3px solid #6366f126;border-top-color:var(--creative-indigo);border-radius:50%;width:44px;height:44px;margin-bottom:18px;animation:.85s linear infinite auth-spin;box-shadow:0 0 24px #6366f140}.auth-callback-screen p{color:#52525b;letter-spacing:.02em;font-size:1rem;font-weight:600}@keyframes auth-spin{to{transform:rotate(360deg)}}.dash-root{background:var(--dash-main-radial-1), var(--dash-main-radial-2), var(--bg);z-index:1;min-height:100vh;display:flex;position:relative}.dash-sidebar{z-index:10;background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border);width:262px;min-height:100vh;box-shadow:var(--shell-sidebar-shadow);border-radius:0 22px 22px 0;flex-direction:column;padding:22px 14px 24px;display:flex;position:fixed;top:0;left:0}.dash-sidebar:after{content:"";pointer-events:none;opacity:.6;background:linear-gradient(90deg,#0000000a 0%,#0000 100%);width:10px;height:100%;position:absolute;top:0;right:-6px}html[data-theme=galaxy] .dash-sidebar:after,html[data-theme=lava] .dash-sidebar:after{opacity:.45;background:linear-gradient(90deg,#00000059 0%,#0000 100%)}html[data-theme=snowy] .dash-sidebar:after{opacity:.7;background:linear-gradient(90deg,#0ea5e912 0%,#0000 100%)}.sidebar-logo{font-family:var(--font-display);color:var(--shell-sidebar-logo-color);align-items:center;gap:8px;margin-bottom:26px;padding:4px 10px 6px;font-size:1.15rem;font-weight:800;display:flex}.dot{background:linear-gradient(135deg, var(--accent), #f97316);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #e8522a2e}.admin-badge{font-family:var(--font-body);color:var(--accent);background:#e8522a2e;border-radius:20px;margin-left:auto;padding:3px 9px;font-size:.6rem;font-weight:700}.sidebar-section-label{letter-spacing:.14em;color:var(--shell-sidebar-section-label);text-transform:uppercase;margin:12px 0 8px;padding:0 10px;font-size:.62rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:6px;display:flex}.nav-item{color:var(--sidebar-text);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:14px;align-items:center;gap:11px;padding:11px 14px;font-size:.88rem;font-weight:600;transition:background .18s,color .18s,transform .15s,box-shadow .18s;display:flex}.nav-item:hover{background:var(--nav-item-hover-bg);border-color:var(--nav-item-hover-border);color:var(--nav-item-hover-text);transform:translate(2px)}.nav-item.active{background:var(--nav-item-active-bg);color:var(--nav-item-active-color);border-color:var(--nav-item-active-border);box-shadow:var(--nav-item-active-shadow)}.nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:1rem}.sidebar-logout{background:var(--sidebar-logout-bg);border:1px solid var(--sidebar-logout-border);color:var(--sidebar-logout-text);font-family:var(--font-body);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;margin-top:14px;padding:11px 14px;font-size:.86rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:flex}.sidebar-logout:hover{color:var(--accent);background:#fff1ec;border-color:#e8522a38}.support-float-portal-root{z-index:5600;pointer-events:none;position:fixed;inset:0}.support-float-portal-root .support-float-scrim{pointer-events:auto}.support-float-anchor{z-index:2;right:max(18px, env(safe-area-inset-right,0px));bottom:max(22px, env(safe-area-inset-bottom,0px));max-width:min(288px, calc(100vw - max(36px, env(safe-area-inset-right,0px) + env(safe-area-inset-left,0px))));pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.support-float-anchor>*{pointer-events:auto}.support-float-scrim{z-index:1;cursor:pointer;-webkit-backdrop-filter:blur(3px);background:#18181b1a;border:none;margin:0;padding:0;animation:.18s ease-out supportFloatScrimIn;position:fixed;inset:0}.support-float{z-index:1;cursor:pointer;color:#fff;background:var(--support-float-bg);width:56px;height:56px;box-shadow:var(--support-float-shadow);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.support-float:hover{box-shadow:var(--support-float-hover-shadow);transform:scale(1.04)}.support-float:active{transform:scale(.97)}.support-float:focus{outline:none}.support-float:focus-visible{outline:3px solid var(--support-float-focus-ring);outline-offset:4px}.support-float__icon{z-index:1;width:26px;height:26px;position:relative}.support-float__ring{border:2px solid var(--support-ring-color);opacity:.85;z-index:0;border-radius:50%;animation:2.8s ease-out infinite supportFloatRing;position:absolute;inset:-4px}.support-float__pulse{background:var(--support-pulse-gradient);opacity:.55;z-index:-1;border-radius:50%;animation:2.8s ease-out infinite supportFloatPulse;position:absolute;inset:-8px}@keyframes supportFloatPulse{0%{opacity:.5;transform:scale(.92)}70%{opacity:0;transform:scale(1.12)}to{opacity:0}}@keyframes supportFloatRing{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.support-float-widget{z-index:3;background:var(--support-widget-bg);border:1px solid var(--support-widget-border);width:100%;box-shadow:var(--support-widget-shadow);-webkit-backdrop-filter:blur(14px);transform-origin:100% 100%;-webkit-overflow-scrolling:touch;border-radius:14px;max-height:min(260px,100vh - 120px);padding:18px 36px 16px 16px;animation:.22s cubic-bezier(.22,1,.36,1) supportFloatWidgetIn;position:relative;overflow:hidden auto}.support-float-widget__close{background:var(--support-widget-close-bg);width:30px;height:30px;color:var(--support-widget-close-color);cursor:pointer;border:1px solid var(--support-widget-close-border);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:500;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:8px;right:8px}.support-float-widget__close:hover{background:var(--nav-item-hover-bg);color:var(--accent);border-color:var(--nav-item-hover-border)}.support-float-widget__close:focus-visible{outline-offset:2px;outline:2px solid #e8522a80}.support-float-widget__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--shell-heading-color);margin:0 0 6px;font-size:1.05rem;font-weight:700;line-height:1.25}.support-float-widget__sub{color:var(--text-muted);margin:0 0 14px;font-size:.84rem;line-height:1.45}.support-float-widget__cta{width:100%;font-family:var(--font-body);color:#fff;background:linear-gradient(135deg, #ea580c 0%, var(--accent) 52%, #f97316 100%);border:1px solid #ffffff40;border-radius:11px;justify-content:center;align-items:center;padding:11px 16px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #e8522a47}.support-float-widget__cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #e8522a5c}.support-float-widget__cta:focus-visible{outline-offset:2px;outline:2px solid #e8522a73}@keyframes supportFloatScrimIn{0%{opacity:0}to{opacity:1}}@keyframes supportFloatWidgetIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.support-float__ring,.support-float__pulse{animation:none}.support-float__pulse{opacity:.35;transform:none}.support-float:hover,.support-float:active{transform:none}.support-float-scrim,.support-float-widget{animation:none}.support-float-widget__cta:hover{transform:none}}.dash-main{z-index:1;background:var(--dash-main-radial-1), var(--dash-main-radial-2), var(--bg);flex:1;min-height:100vh;margin-left:262px;padding:38px 44px 48px;position:relative}.dash-main>*{z-index:1;position:relative}.dash-main>.galaxy-env{max-width:none;margin:0;inset:0;position:fixed!important}html[data-theme=lava] .dash-main>.lava-dashboard-scene{pointer-events:none;isolation:isolate;max-width:none;margin:0;inset:0;z-index:0!important;position:fixed!important}html[data-theme=lava] .lava-dashboard-scene__image{will-change:auto;transform-origin:50%;filter:blur(.35px)saturate(.94);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-1px;transform:scale(1.01)}html[data-theme=lava] .lava-dashboard-scene:after{content:"";pointer-events:none;background:radial-gradient(70% 65% at 50% 45%,#0602020a 0%,#08030280 68%,#040101c7 100%),linear-gradient(185deg,#0a04038a 0%,#0a040338 44%,#08020294 100%);position:absolute;inset:0}@media (width<=768px){html[data-theme=lava] .lava-dashboard-scene__image{background-position:50% 38%}}@media (width>=1800px){html[data-theme=lava] .lava-dashboard-scene__image{background-position:50% 42%}}.player-root>.galaxy-env{max-width:none;margin:0;inset:0;position:fixed!important}.dash-header{background:var(--shell-header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--shell-header-border);box-shadow:var(--shell-header-shadow);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:22px 26px;display:flex}.dash-greeting{letter-spacing:.12em;text-transform:uppercase;color:var(--shell-greeting-color);margin-bottom:6px;font-size:.78rem;font-weight:700}.dash-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--shell-heading-color);font-size:clamp(1.45rem,2.5vw,1.85rem);font-weight:700}.dash-name-shimmer{background:linear-gradient(102deg,#27272a 0%,#9a3412 22%,#e8522a 42%,#7c3aed 62%,#4c1d95 78%,#27272a 100%) 0 0/220%;color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-height:1.15em;animation:12s ease-in-out infinite dashNameShimmer;display:inline-block}@keyframes dashNameShimmer{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.dash-name-shimmer{color:var(--shell-heading-color);-webkit-text-fill-color:var(--shell-heading-color);background:0 0;animation:none}}html[data-theme=snowy] .dash-continue-learning-title{color:#fffffff5;text-shadow:0 2px 12px #0000002e}.dash-header-lead{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.dash-header-titles{min-width:0}.dash-mobile-nav-toggle{border:1px solid var(--shell-header-border);background:color-mix(in srgb, var(--shell-header-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);width:44px;height:44px;color:var(--shell-heading-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s;display:none;box-shadow:0 4px 18px #0f172a14,inset 0 1px #ffffff59}.dash-mobile-nav-toggle:hover{background:color-mix(in srgb, var(--shell-header-bg) 96%, transparent);border-color:color-mix(in srgb, var(--shell-header-border) 70%, var(--accent));box-shadow:0 6px 22px #0f172a1a}.dash-mobile-nav-toggle:active{transform:scale(.97)}.dash-mobile-nav-toggle__bars{flex-direction:column;gap:5px;width:18px;display:flex}.dash-mobile-nav-toggle__bars span{opacity:.88;background:currentColor;border-radius:2px;height:2px;display:block}.dash-mobile-drawer-root{z-index:2400;pointer-events:none;position:fixed;inset:0}.dash-mobile-drawer-root .dash-mobile-drawer__backdrop,.dash-mobile-drawer-root .dash-mobile-drawer__panel{pointer-events:auto}.dash-mobile-drawer__backdrop{cursor:pointer;-webkit-backdrop-filter:blur(5px);background:#0f172a73;border:none;margin:0;padding:0;animation:.22s dashDrawerScrimIn;position:absolute;inset:0}.dash-mobile-drawer__panel{background:var(--shell-sidebar-bg);border-right:1px solid var(--shell-sidebar-border);overscroll-behavior:contain;flex-direction:column;width:min(320px,88vw);padding:22px 16px 22px 18px;animation:.28s cubic-bezier(.22,1,.36,1) dashDrawerPanelIn;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:14px 0 48px #0f172a2e}html[data-theme=galaxy] .dash-mobile-drawer__panel{box-shadow:14px 0 56px #4c1d9538}html[data-theme=lava] .dash-mobile-drawer__panel{box-shadow:14px 0 56px #7f1d1d47}html[data-theme=snowy] .dash-mobile-drawer__panel{box-shadow:14px 0 48px #0e749029}.dash-mobile-drawer__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.dash-mobile-drawer__brand{align-items:center;gap:8px;min-width:0;display:flex}.dash-mobile-drawer__close{border:1px solid var(--shell-sidebar-border);width:40px;height:40px;color:var(--sidebar-text);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.45rem;font-weight:400;line-height:1;transition:background .18s,color .18s,border-color .18s;display:flex}.dash-mobile-drawer__close:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover-text);border-color:var(--nav-item-hover-border)}.dash-mobile-drawer__nav{flex:auto;padding-top:4px}.dash-mobile-drawer__logout{flex-shrink:0}@keyframes dashDrawerScrimIn{0%{opacity:0}to{opacity:1}}@keyframes dashDrawerPanelIn{0%{opacity:.96;transform:translate(-104%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.dash-mobile-drawer__backdrop,.dash-mobile-drawer__panel{animation:none}.dash-mobile-drawer__panel{opacity:1;transform:none}}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-avatar{background:linear-gradient(145deg, #fb923c 0%, var(--accent) 100%);color:#fff;width:44px;height:44px;font-size:1.05rem;font-weight:700;font-family:var(--font-display);border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 22px #e8522a59}.admin-avatar{background:linear-gradient(145deg,#27272a 0%,#18181b 100%);border:2px solid #e8522a8c;box-shadow:0 8px 24px #18181b59}.header-email{color:var(--text-muted);font-size:.82rem;font-weight:500}.stats-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px;display:grid}.stat-card{border:1px solid var(--stat-card-border);background:var(--stat-card-bg);border-radius:20px;flex-direction:column;gap:11px;padding:22px 22px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 36px #0f172a0f}.stat-card:before{content:"";background:var(--stat-card-accent-bar);opacity:.85;height:4px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--stat-card-hover-shadow);transform:translateY(-4px)}.stat-icon{width:44px;height:44px;box-shadow:var(--stat-icon-env-glow);filter:var(--stat-icon-env-filter);border-radius:14px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.stat-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:2.15rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.02em;font-size:.78rem;font-weight:600}.dash-section{margin-bottom:32px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.28rem;font-weight:700}.section-link{color:var(--accent);cursor:pointer;font-size:.84rem;font-weight:600}.btn-add-course-cta{background:linear-gradient(135deg, #fb923c 0%, var(--accent) 50%, #ea580c 100%);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:9px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 28px #e8522a61}.btn-add-course-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px #e8522a7a}.btn-add-course-cta:active{transform:translateY(0)}.empty-state{text-align:center;color:var(--text-muted);border:var(--env-empty-border);background:var(--env-empty-bg);box-shadow:var(--env-empty-shadow);border-radius:22px;padding:52px 36px;position:relative;overflow:hidden}.empty-state:before{content:"";background:var(--env-empty-orb);pointer-events:none;border-radius:50%;width:min(260px,58vw);height:min(260px,58vw);position:absolute;top:-18%;right:-12%}.empty-state>*{z-index:1;position:relative}.empty-icon{filter:var(--env-empty-icon-filter);margin-bottom:14px;font-size:2.6rem}.empty-state p{max-width:400px;margin-bottom:22px;margin-left:auto;margin-right:auto;font-size:.94rem;line-height:1.55}.btn-explore{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;color:#fff;background:linear-gradient(135deg, #6366f1 0%, var(--creative-violet) 100%);border:none;padding:12px 26px;font-size:.9rem;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 10px 28px #6366f159}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 14px 36px #6d28d966}.action-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.action-card{text-align:center;cursor:pointer;background:#ffffffeb;border:1px solid #e4e2dcd9;border-radius:18px;padding:24px 18px;transition:box-shadow .22s,transform .2s;box-shadow:0 6px 22px #0f172a0d}.action-card:hover{transform:translateY(-3px);box-shadow:0 16px 44px #e8522a1f}.action-icon{margin-bottom:12px;font-size:1.85rem}.action-label{margin-bottom:5px;font-size:.9rem;font-weight:700}.action-desc{color:var(--text-muted);font-size:.76rem;line-height:1.45}.phase-info{margin-top:28px}.phase-pill{color:var(--accent);border-radius:var(--radius-pill);background:linear-gradient(135deg,#fff7f4 0%,#faf5ff 100%);border:1px solid #e8522a2e;align-items:center;gap:7px;padding:8px 16px;font-size:.78rem;font-weight:700;display:inline-flex}.course-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:22px;display:grid}.course-card{cursor:pointer;border:1px solid var(--course-card-border);background:var(--course-card-bg);border-radius:20px;transition:transform .22s,box-shadow .22s;overflow:hidden;box-shadow:0 10px 36px #0f172a0f}.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 52px #e8522a26}.course-thumb{background:var(--course-thumb-bg);justify-content:center;align-items:center;height:148px;display:flex;position:relative;overflow:hidden}.course-thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#18181b14 100%);position:absolute;inset:0}.course-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumb-placeholder{opacity:.85;font-size:2.75rem}.course-info{padding:18px 18px 20px}.course-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-radius:var(--radius-pill);background:linear-gradient(135deg,#fff1ec 0%,#fff7f4 100%);border:1px solid #e8522a26;margin-bottom:10px;padding:4px 11px;font-size:.65rem;font-weight:800;display:inline-block}.course-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:7px;font-size:1.05rem;font-weight:700;line-height:1.32}.course-desc{color:var(--text-muted);margin-bottom:11px;font-size:.82rem;line-height:1.55}.course-meta{color:var(--text-muted);font-size:.76rem;font-weight:600}.btn-enroll{background:linear-gradient(135deg, var(--accent), #ea580c);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);cursor:pointer;border:none;padding:11px;font-size:.86rem;font-weight:700;box-shadow:0 8px 22px #e8522a47}.btn-enroll:hover{filter:brightness(1.06)}.btn-enrolled{width:100%;color:var(--accent);border:2px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;background:#fff;padding:11px;font-size:.86rem;font-weight:700}.explore-toolbar{flex-direction:column;gap:14px;margin-bottom:26px;display:flex}.explore-search{border:1.5px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);background:#fffffff2;outline:none;width:100%;max-width:420px;padding:13px 17px;font-size:.93rem;box-shadow:0 4px 16px #0f172a0d}.explore-search:focus{border-color:#e8522a73;box-shadow:0 0 0 4px #e8522a14}.category-filters{flex-wrap:wrap;gap:9px;display:flex}.cat-btn{border:1.5px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;color:var(--text-muted);background:#fff;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .18s}.cat-btn:hover{color:var(--accent);border-color:#e8522a59}.cat-btn.active{background:linear-gradient(135deg, var(--accent), #ea580c);color:#fff;border-color:#0000;box-shadow:0 8px 22px #e8522a52}.progress-row{background:#fffffff2;border:1px solid #e4e2dcd9;border-radius:16px;padding:16px 20px;box-shadow:0 6px 22px #0f172a0d}.progress-row-info{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-row-title{font-size:.92rem;font-weight:700}.progress-row-pct{color:var(--accent);font-size:.88rem;font-weight:800;font-family:var(--font-display)}.progress-bar-bg{border-radius:var(--radius-pill);background:#e4e2dca6;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0f172a0f}.progress-bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, #fb923c 0%, var(--accent) 45%, #ea580c 100%);height:100%;transition:width .55s cubic-bezier(.34,1.1,.64,1);box-shadow:0 0 18px #fb923c73}.user-progress-card{background:#fffffff2;border:1px solid #e4e2dce6;border-radius:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 10px 36px #0f172a0f}.user-progress-card:hover{box-shadow:0 16px 44px #0f172a17}.user-progress-head{cursor:pointer;padding:18px 22px}.user-progress-course-title{color:inherit;font-size:.95rem;font-weight:700}.user-progress-pct{color:var(--accent);font-size:.88rem;font-weight:800;font-family:var(--font-display)}.user-progress-toggle{color:var(--text-muted);font-size:.8rem}.user-progress-meta{color:var(--text-muted);margin-top:6px;font-size:.78rem}.user-progress-lessons{background:linear-gradient(#fff7f473 0%,#fafaf9fa 100%);border-top:1px solid #f0ede8f2;padding:14px 18px 16px}.user-lesson-row{background:#fff;border:1px solid #f0ede8f2;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 13px;display:flex}.user-lesson-row:last-child{margin-bottom:0}.user-lesson-num{color:#52525b;background:linear-gradient(135deg,#f4f4f5 0%,#e4e4e7 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:flex}.user-lesson-title{color:#3f3f46;flex:1;font-size:.88rem;font-weight:600}.user-lesson-open{background:linear-gradient(135deg, var(--accent), #ea580c);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:7px 14px;font-family:inherit;font-size:.78rem;font-weight:700;box-shadow:0 6px 18px #e8522a47}.quiz-warning-pill{color:#dc2626;border-radius:var(--radius-pill);background:linear-gradient(135deg,#fef2f2 0%,#fff1f2 100%);border:1px solid #fecaca;padding:7px 12px;font-size:.74rem;font-weight:700}[data-theme=galaxy] .progress-row{background:linear-gradient(165deg,#24203ae0 0%,#18162aeb 100%);border:1px solid #a78bfa38;box-shadow:0 8px 28px #00000052,inset 0 1px #ffffff0a}[data-theme=galaxy] .progress-row-title{color:var(--text)}[data-theme=galaxy] .progress-bar-bg{background:#0c0a16d9;box-shadow:inset 0 1px 3px #00000073,0 0 0 1px #a78bfa1f}[data-theme=galaxy] .progress-bar-fill{background:var(--player-progress-fill);box-shadow:var(--player-progress-fill-shadow)}[data-theme=galaxy] .user-progress-card{background:linear-gradient(165deg,#282444d1 0%,#161426f0 100%);border:1px solid #a78bfa47;box-shadow:0 14px 44px #00000059,inset 0 1px #ffffff0d,0 0 48px #6366f10f}[data-theme=galaxy] .user-progress-card:hover{box-shadow:0 20px 56px #0006,inset 0 1px #ffffff0f,0 0 64px #8b5cf61a}[data-theme=galaxy] .user-progress-card--complete{border-color:#34d39959;box-shadow:0 14px 44px #00000059,inset 0 1px #ffffff0f,0 0 52px #2dd4bf1f}[data-theme=galaxy] .user-progress-lessons{background:linear-gradient(#1e1b30a6 0%,#121020e0 100%);border-top:1px solid #a78bfa26}[data-theme=galaxy] .user-lesson-row{background:#181628b8;border:1px solid #a78bfa2e;box-shadow:0 4px 16px #0003}[data-theme=galaxy] .user-lesson-num{color:#e9d5ff;background:linear-gradient(135deg,#4c1d9580 0%,#312e818c 100%);border:1px solid #a78bfa40}[data-theme=galaxy] .user-lesson-title{color:var(--text)}[data-theme=galaxy] .quiz-warning-pill{color:#fecaca;background:linear-gradient(135deg,#7f1d1d73 0%,#450a0a8c 100%);border:1px solid #f8717159}[data-theme=galaxy] .btn-cert{color:#a7f3d0;background:linear-gradient(135deg,#064e3ba6 0%,#042f2ed9 100%);border:1px solid #34d39973;box-shadow:0 6px 22px #10b98138,0 0 24px #2dd4bf1f}[data-theme=galaxy] .btn-cert:hover{box-shadow:0 10px 28px #10b98147,0 0 32px #2dd4bf2e}[data-theme=lava] .user-progress-card{-webkit-backdrop-filter:blur(14px);background:#230804d1;border:1px solid #ff78282e;transition:box-shadow .32s,transform .32s;box-shadow:0 10px 40px #ff50001f,0 4px 24px #0000007a,inset 0 1px #ffcdaf12}[data-theme=lava] .user-progress-card:hover{transform:translateY(-2px);box-shadow:0 14px 48px #ff5f1e2e,0 8px 28px #00000085,inset 0 1px #ffcdaf17}[data-theme=lava] .user-progress-card--complete{border-color:#ff954252;box-shadow:0 10px 40px #ff500024,0 0 0 1px #34d39924,inset 0 1px #ffcdaf12}[data-theme=lava] .user-progress-course-title{color:#fff5f0}[data-theme=lava] .user-progress-card .course-tag{color:#fec8a8;background:#ff501e1f;border:1px solid #ff824647}[data-theme=lava] .user-progress-pct{color:#ffb347;text-shadow:0 0 18px #ff783259}[data-theme=lava] .user-progress-toggle{color:#febaa4c7}[data-theme=lava] .user-progress-meta{color:#fdbaaab8}[data-theme=lava] .user-progress-card .progress-bar-bg{border-radius:var(--radius-pill);background:#ffffff0f;height:10px;box-shadow:inset 0 2px 6px #00000073,inset 0 0 0 1px #ff643217,0 0 12px #ff5a1e14}[data-theme=lava] .user-progress-card .progress-bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg,#ff5a1f 0%,#ff7b1f 35%,#ffb347 100%);box-shadow:0 0 16px #ff642873,inset 0 1px #ffebc859}[data-theme=lava] .user-progress-lessons{background:linear-gradient(#1c0805b8 0%,#140604e0 100%);border-top:1px solid #ff6e3c24}[data-theme=lava] .user-lesson-row{background:#2a0e0a8c;border:1px solid #ff78321f;box-shadow:0 4px 14px #00000059,inset 0 1px #ffc8aa0a}[data-theme=lava] .user-lesson-num{color:#ffd8c8;background:linear-gradient(145deg,#ff5a2838 0%,#50140a8c 100%);border:1px solid #ff824633}[data-theme=lava] .user-lesson-title{color:#fff5f0eb}[data-theme=lava] .user-lesson-open{color:#fff7ed;background:linear-gradient(135deg,#ff5f23e6 0%,#dc3e12f2 100%);border:1px solid #ffa05a52;box-shadow:0 4px 16px #ff500047,inset 0 1px #ffdcbe33}[data-theme=lava] .user-lesson-open:hover{box-shadow:0 6px 20px #ff5a1461,inset 0 1px #ffdcbe40}[data-theme=lava] .user-progress-card .quiz-warning-pill{color:#fecaca;background:linear-gradient(135deg,#5a1612c7 0%,#370c0ae0 100%);border:1px solid #f8717159;box-shadow:inset 0 1px #ffc8c80f}[data-theme=lava] .user-progress-card .btn-cert{color:#b8e8cf;background:linear-gradient(165deg,#16261ee0 0%,#0e201aeb 100%);border:1px solid #4ade8052;box-shadow:0 6px 20px #00000059,0 0 20px #ff64281f,inset 0 1px #ffffff0f}[data-theme=lava] .user-progress-card .btn-cert:hover{border-color:#60e89666;box-shadow:0 8px 24px #0006,0 0 26px #ff5f2326,inset 0 1px #ffffff14}.profile-card{border:1px solid var(--stat-card-border);background:var(--stat-card-bg);border-radius:22px;flex-wrap:wrap;align-items:center;gap:26px;padding:28px 32px;display:flex;box-shadow:0 14px 44px #0f172a12}[data-theme=galaxy] .profile-card,[data-theme=lava] .profile-card{box-shadow:0 14px 44px #00000059}.profile-avatar{background:linear-gradient(145deg, #fb923c 0%, var(--accent) 100%);color:#fff;width:80px;height:80px;font-family:var(--font-display);border:3px solid #ffffffe6;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex;box-shadow:0 14px 36px #e8522a61}.profile-info{flex:1;min-width:200px}.profile-name{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:5px;font-size:1.45rem;font-weight:800}.profile-email{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;font-weight:500}.profile-role{color:var(--accent);border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#fff1ec 0%,#faf5ff 100%);border:1px solid #e8522a2e;padding:5px 13px;font-size:.74rem;font-weight:800;display:inline-block}.profile-stats{flex-wrap:wrap;gap:28px;display:flex}.pstat{text-align:center;min-width:72px}.pstat-val{font-family:var(--font-display);background:linear-gradient(115deg, var(--accent) 0%, #ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800;display:block}.pstat-lbl{color:var(--text-muted);margin-top:4px;font-size:.76rem;font-weight:600}.profile-detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.profile-detail-tile{background:var(--course-card-bg);border:1px solid var(--course-card-border);border-radius:18px;padding:17px 20px;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 26px #0f172a0d}[data-theme=galaxy] .profile-detail-tile,[data-theme=lava] .profile-detail-tile{box-shadow:0 8px 26px #0000004d}.profile-detail-tile:hover{transform:translateY(-2px);box-shadow:0 12px 34px #0f172a14}[data-theme=galaxy] .profile-detail-tile:hover,[data-theme=lava] .profile-detail-tile:hover{box-shadow:0 12px 34px #00000061}.profile-detail-label{color:var(--shell-sidebar-section-label);text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px;font-size:.68rem;font-weight:800}.profile-detail-value{color:var(--text);font-size:.96rem;font-weight:600;line-height:1.45}.user-spotlight-card{text-align:center;border:var(--env-spotlight-border);background:var(--env-spotlight-bg);max-width:720px;box-shadow:var(--env-spotlight-shadow);border-radius:24px;margin-top:36px;margin-left:auto;margin-right:auto;padding:48px 40px;position:relative;overflow:hidden}.user-spotlight-card:before{content:"";background:var(--env-spotlight-orb);pointer-events:none;opacity:1;position:absolute;inset:0}.user-spotlight-card>*{z-index:1;position:relative}.user-spotlight-icon{filter:var(--env-spotlight-icon-filter);margin-bottom:18px;font-size:3rem}.user-spotlight-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.45rem,2.5vw,1.75rem);font-weight:800}.user-spotlight-text{color:var(--text-muted);max-width:460px;margin:0 auto 28px;font-size:1.02rem;line-height:1.65}.user-spotlight-foot{color:var(--shell-greeting-color);margin-top:22px;font-size:.88rem}.user-code-shell{max-width:520px;margin:44px auto 0}.user-code-card{border:1px solid var(--user-code-card-border);background:var(--user-code-card-bg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--user-code-card-shadow);border-radius:24px;padding:40px 40px 36px}.user-code-icon-wrap{background:var(--user-code-icon-bg);width:60px;height:60px;box-shadow:var(--user-code-icon-shadow);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 18px;font-size:28px;display:flex}.user-code-title{font-family:var(--font-display);text-align:center;color:var(--text);letter-spacing:-.03em;margin:0 0 10px;font-size:1.55rem;font-weight:800}.user-code-desc{color:var(--text-muted);text-align:center;margin:0 0 26px;font-size:.95rem;line-height:1.6}.user-code-help{color:var(--user-code-help-text);background:var(--user-code-help-bg);border:1px solid var(--user-code-help-border);border-radius:16px;margin:14px 0 0;padding:15px 17px;font-size:.88rem;line-height:1.55}.user-code-help-toggle{width:100%;color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:10px;font-family:inherit;font-size:.84rem;font-weight:700}.user-code-card .btn-primary{width:100%}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-item{background:var(--notif-item-bg);border:1px solid var(--notif-item-border);box-shadow:var(--notif-item-shadow);border-radius:18px;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .15s;display:flex}.notif-item:hover{transform:translateY(-2px)}.notif-item.unread{border-left:4px solid var(--accent);background:var(--notif-unread-bg)}.notif-dot{background:linear-gradient(135deg, var(--accent), #f97316);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:6px;box-shadow:0 0 0 3px #e8522a26}.notif-dot.read{box-shadow:none;background:#d4d4d8}.notif-text{color:var(--text);margin-bottom:4px;font-size:.9rem;font-weight:500;line-height:1.45}.notif-time{color:var(--text-muted);font-size:.76rem;font-weight:600}.btn-cert{color:#047857;border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #86efac;padding:10px 18px;font-size:.82rem;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 18px #10b98133}.btn-cert:hover{transform:translateY(-2px);box-shadow:0 10px 26px #10b98147}.dashboard-navbar{background:linear-gradient(135deg,#1e1b4b 0%,#3730a3 55%,#5b21b6 100%);border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;box-shadow:0 8px 32px #312e8159}.navbar-logo{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.btn-logout{border-radius:var(--radius-pill);color:#fff;font-family:var(--font-body);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;padding:10px 20px;font-size:.86rem;font-weight:700;transition:background .2s,transform .15s}.btn-logout:hover{background:#ffffff38;transform:translateY(-2px)}.player-root{background:var(--player-shell-bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.player-topbar{z-index:1;background:var(--player-topbar-bg);box-shadow:var(--player-topbar-shadow);border-bottom:none;border-radius:0 0 28px 28px;flex-wrap:wrap;align-items:flex-start;gap:14px 22px;padding:18px 22px 22px;display:flex;position:relative}.player-back{color:#ffffffeb;cursor:pointer;font-size:.88rem;font-family:var(--font-body);background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;margin-top:2px;padding:10px 18px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.player-back:hover{color:#fff;background:#ffffff2e;box-shadow:0 4px 16px #0003}.player-back:active{transform:scale(.98)}.player-nav-toggle{display:none}.player-topbar-main{flex-direction:column;flex:1;gap:14px;min-width:min(100%,260px);display:flex}.player-title{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;text-shadow:0 2px 20px #00000047;font-size:clamp(1.02rem,2.4vw,1.38rem);font-weight:700;line-height:1.28}.player-progress-hero{width:100%;max-width:540px}.player-progress-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.player-progress-caption{letter-spacing:.16em;text-transform:uppercase;color:#ffffff85;font-size:.68rem;font-weight:700}.player-progress-pct{font-family:var(--font-display);color:#fef3c7;text-shadow:0 0 28px #fbbf248c;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;line-height:1}.player-progress-track{background:var(--player-progress-track-bg);height:17px;box-shadow:var(--player-progress-track-inset);border:1px solid var(--player-progress-track-border);border-radius:999px;overflow:hidden}.player-progress-fill{background:var(--player-progress-fill);height:100%;box-shadow:var(--player-progress-fill-shadow);border-radius:999px;transition:width .65s cubic-bezier(.34,1.15,.64,1)}.player-body{z-index:1;flex:1;gap:22px;min-height:0;padding:18px 22px 32px;display:flex;position:relative}.lesson-sidebar{background:var(--lesson-sidebar-bg);border:1px solid var(--lesson-sidebar-border-token);width:min(410px,36vw);min-width:300px;box-shadow:var(--lesson-sidebar-shadow), var(--lesson-sidebar-glow);border-radius:22px;flex-shrink:0;overflow-y:auto}.lesson-sidebar-head{border-bottom:1px solid var(--lesson-sidebar-head-border);align-items:center;gap:14px;padding:20px 20px 16px;display:flex}.lesson-sidebar-close{display:none}.lesson-count-pill{min-width:52px;height:52px;font-family:var(--font-display);color:#fff;background:linear-gradient(145deg, #f97316 0%, var(--accent) 55%, #c2410c 100%);border-radius:18px;justify-content:center;align-items:center;padding:0 12px;font-size:1.28rem;font-weight:800;display:flex;box-shadow:0 10px 24px #e8522a61,inset 0 1px #ffffff40}.lesson-sidebar-head-text{flex-direction:column;gap:2px;display:flex}.lesson-sidebar-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--lesson-sidebar-kicker-color);font-size:.62rem;font-weight:700}.lesson-sidebar-head .lesson-sidebar-title{font-family:var(--font-display);color:var(--lesson-sidebar-title-color);letter-spacing:-.02em;font-size:1.12rem;font-weight:700}.lesson-sidebar-modules{flex-direction:column;gap:12px;padding:14px 14px 18px;display:flex}.player-module-card{border:1px solid var(--player-module-card-border);box-shadow:var(--player-module-card-shadow);background:var(--player-module-card-bg);border-radius:18px;overflow:hidden}.player-module-header{cursor:pointer;background:var(--player-module-header-bg);width:100%;color:var(--player-module-header-color);text-align:left;border:none;align-items:flex-start;gap:12px;padding:14px 16px;font-family:inherit;transition:background .2s,box-shadow .2s;display:flex}.player-module-header:hover{background:var(--player-module-header-hover-bg)}.player-module-header.is-open{background:linear-gradient(135deg, #ea580c 0%, var(--accent) 45%, #fb923c 100%);color:#fff;box-shadow:inset 0 1px #ffffff38}.player-module-chevron{opacity:.8;color:var(--player-module-chevron);flex-shrink:0;margin-top:5px;font-size:.55rem;transition:transform .28s;transform:rotate(-90deg)}.player-module-chevron.is-open{color:#fff;transform:rotate(0)}.player-module-header.is-open .player-module-chevron{color:#fff}.player-module-header-text{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.player-module-title{letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:800;line-height:1.35}.player-module-count{opacity:.78;font-size:.72rem;font-weight:500}.player-module-header.is-open .player-module-count{color:#ffffffe6;opacity:1}.player-module-lessons{background:var(--player-module-lessons-bg);padding:10px 8px}.player-standalone-wrap{padding:6px 14px 22px}.player-standalone-label{letter-spacing:.14em;text-transform:uppercase;color:var(--lesson-sidebar-kicker-color);padding:6px 6px 12px;font-size:.62rem;font-weight:700}.lesson-item{cursor:pointer;color:var(--lesson-item-color);border:1px solid #0000;border-radius:14px;outline:none;align-items:center;gap:12px;margin-bottom:4px;padding:11px 14px;font-size:.875rem;transition:background .18s,transform .15s,box-shadow .18s,border-color .18s;display:flex}.lesson-item:last-child{margin-bottom:0}.lesson-item:hover{background:var(--lesson-item-hover-bg);border-color:var(--lesson-item-hover-border);box-shadow:var(--lesson-item-hover-shadow)}.lesson-item:focus-visible{box-shadow:0 0 0 3px #e8522a59}.lesson-item.active{background:var(--lesson-item-active-bg);color:var(--lesson-item-active-color);border-color:var(--lesson-item-active-border);box-shadow:var(--lesson-item-active-shadow)}.lesson-item.done{color:var(--lesson-item-done-color)}.lesson-num{color:#52525b;background:linear-gradient(#ece8e1 0%,#e4e0d8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:700;display:flex}.lesson-item.active .lesson-num{background:linear-gradient(145deg, var(--accent), #ea580c);color:#fff}.lesson-item.done .lesson-num{color:#16a34a;background:#16a34a2e}.lesson-name{color:inherit;flex:1;line-height:1.35}.lesson-item.active .lesson-name{color:#fff}.lesson-content{border:1px solid var(--lesson-content-border);background:var(--lesson-content-surface-bg);min-width:0;color:var(--lesson-prose-color);border-radius:22px;flex:1;margin-left:0;padding:36px 44px 52px;overflow-y:auto;box-shadow:0 16px 48px #0f172a12,inset 0 1px #ffffffe6}.lesson-heading{font-family:var(--font-display);color:var(--lesson-content-heading-color);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;line-height:1.25}.lesson-content-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 18px;margin-bottom:28px;display:flex}.lesson-content-head .lesson-heading{flex:1;min-width:min(100%,220px);margin-bottom:0}.lesson-rich-content{max-width:min(920px,100%);color:var(--lesson-prose-color)}.lesson-rich-content [data-bc-embed-grip]{display:none!important}.lesson-rich-content [data-bc-embed]{max-width:100%;margin-left:auto;margin-right:auto}.lesson-rich-content img,.lesson-rich-content video{max-width:100%;height:auto}.video-wrap{aspect-ratio:16/9;background:linear-gradient(145deg,#18181b 0%,#27272a 100%);border-radius:18px;margin-bottom:28px;overflow:hidden;box-shadow:0 16px 40px #0f172a33,inset 0 1px #ffffff0f}.video-frame{border:none;width:100%;height:100%}.no-video{text-align:center;color:var(--text-muted);background:linear-gradient(135deg,#faf8f5 0%,#f0ede8 100%);border:1px dashed #e4e2dce6;border-radius:18px;margin-bottom:24px;padding:36px}.no-video span{margin-bottom:8px;font-size:2rem;display:block}.lesson-text{color:var(--lesson-prose-color);background:var(--lesson-text-block-bg);border-radius:var(--radius);border:1px solid var(--lesson-text-block-border);margin-bottom:28px;padding:24px;font-size:.95rem;line-height:1.8}.lesson-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.btn-complete{background:var(--success);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:.9rem;font-weight:600;box-shadow:0 6px 18px #16a34a47}.btn-complete:hover{opacity:.92;transform:translateY(-1px)}.btn-next{background:linear-gradient(135deg, #fb923c 0%, var(--accent) 55%, #ea580c 100%);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:.92rem;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 10px 28px #e8522a61}.btn-next:hover{background:linear-gradient(135deg, #fdba74 0%, var(--accent-hover) 55%, #c2410c 100%);transform:translateY(-2px);box-shadow:0 14px 36px #e8522a73}.done-badge{color:#047857;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid #34d3998c;border-radius:999px;padding:11px 22px;font-size:.88rem;font-weight:600;box-shadow:0 4px 14px #10b98126}.lesson-content .empty-state{border-radius:20px;padding:48px 32px}.player-cta-upload{color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;font-family:var(--font-body);background:linear-gradient(135deg,#6366f1 0%,#a855f7 48%,#ec4899 100%);border:none;border-radius:999px;padding:11px 20px;transition:transform .15s,box-shadow .2s;box-shadow:0 12px 28px #6366f161}.player-cta-upload:hover{transform:translateY(-2px);box-shadow:0 16px 36px #ec489961}.loading-full{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.quiz-flow-shell{box-sizing:border-box}.quiz-flow-card{max-width:560px;margin:0 auto;padding:8px 4px 4px}.quiz-flow-progress-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.quiz-flow-counter{letter-spacing:.06em;text-transform:uppercase;color:#71717a;font-size:.78rem;font-weight:700}.quiz-flow-counter strong{color:#18181b;font-weight:800}.quiz-flow-counter-pct{font-family:var(--font-display);color:#e8522a;font-size:.95rem;font-weight:800}.quiz-flow-track{background:#e4e2dcd9;border-radius:999px;height:8px;margin-bottom:28px;overflow:hidden}.quiz-flow-track-fill{background:linear-gradient(90deg,#fb923c 0%,#e8522a 45%,#7c3aed 100%);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.34,1.12,.64,1);box-shadow:0 0 20px #e8522a59}@keyframes quizFlowPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-flow-question-panel{animation:.38s quizFlowPanelIn}.quiz-flow-qtext{color:#18181b;font-size:1.02rem;font-weight:600;line-height:1.45;font-family:var(--font-body);margin:0 0 18px}.quiz-flow-options{flex-direction:column;gap:10px;display:flex}.quiz-flow-option{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #e4e2dcf2;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.quiz-flow-option:hover{border-color:#e8522a59;box-shadow:0 4px 14px #0f172a0f}.quiz-flow-option.is-selected{background:linear-gradient(135deg,#fff7f4 0%,#fff 100%);border-color:#e8522a;box-shadow:0 6px 20px #e8522a1f}.quiz-flow-option input{accent-color:#e8522a;flex-shrink:0;margin-top:3px}.quiz-flow-option span{color:#27272a;font-size:.92rem;line-height:1.45}.quiz-flow-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.quiz-flow-btn{font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;min-height:48px;padding:12px 22px;font-size:.92rem;font-weight:700;transition:transform .15s,opacity .15s,box-shadow .2s}.quiz-flow-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.quiz-flow-btn-secondary{color:#3f3f46;background:#f4f4f5;border:1px solid #e4e4e7}.quiz-flow-btn-secondary:hover:not(:disabled){background:#e4e4e7}.quiz-flow-btn-primary{color:#fff;background:linear-gradient(135deg,#fb923c 0%,#e8522a 50%,#ea580c 100%);margin-left:auto;box-shadow:0 8px 24px #e8522a61}.quiz-flow-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #e8522a73}@media (width<=520px){.quiz-flow-nav{flex-direction:column-reverse;align-items:stretch}.quiz-flow-btn-primary{width:100%;margin-left:0}.quiz-flow-btn-secondary{width:100%}}@media (prefers-reduced-motion:reduce){.quiz-flow-track-fill{transition:none}.quiz-flow-question-panel{animation:none}}.admin-table-wrap{border-radius:var(--radius);border:1px solid var(--border);background:#fff;overflow:hidden}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);background:#fafaf9;padding:13px 16px;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafaf9}.badge-active{color:var(--success);background:#f0fdf4;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:500}.badge-inactive{color:var(--error);background:#fef2f2;border-radius:20px;padding:3px 10px;font-size:.75rem}.badge-admin{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.badge-auth{color:#2563eb;background:#eff6ff;border-radius:20px;padding:3px 10px;font-size:.75rem}.tbl-btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:500}.tbl-btn.edit{background:var(--accent-light);color:var(--accent)}.tbl-btn.edit:hover{background:#ffd9cc}.tbl-btn.add-lesson{color:#2563eb;background:#eff6ff}.tbl-btn.add-lesson:hover{background:#dbeafe}.tbl-btn.del{color:var(--error);background:#fef2f2}.tbl-btn.del:hover{background:#fecaca}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius);background:#fff;width:100%;max-width:480px;max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-title{font-family:var(--font-display);margin-bottom:20px;font-size:1.25rem;font-weight:600}.loading-state{text-align:center;color:var(--text-muted);padding:48px}.toast{color:#fff;border-radius:var(--radius-sm);z-index:999;background:#18181b;padding:12px 20px;font-size:.88rem;animation:.3s slideUp;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.stats-grid,.action-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash-sidebar{display:none}.dash-main{margin-left:0;padding:24px 20px}.dash-mobile-nav-toggle{display:inline-flex}.dash-header{flex-wrap:wrap;gap:14px}.stats-grid{grid-template-columns:1fr}.player-topbar{border-radius:0 0 20px 20px;padding:14px 16px 18px}.player-progress-hero{max-width:none}.player-nav-toggle{color:#fffffff5;cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:10px 16px;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #00000026}.player-nav-toggle:hover{background:#ffffff3d}.player-nav-toggle:active{transform:scale(.97)}.player-nav-toggle-icon{opacity:.95;font-size:1.2rem;line-height:1}.player-body{flex-direction:row;align-items:stretch;gap:0;padding:12px 14px 20px;position:relative}.player-sidebar-backdrop{z-index:440;-webkit-backdrop-filter:blur(4px);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0f172a73;border:none;margin:0;padding:0;animation:.26s playerScrimIn;position:fixed;inset:0}@keyframes playerScrimIn{0%{opacity:0}to{opacity:1}}.lesson-sidebar{z-index:450;border-radius:0 22px 22px 0;width:min(360px,90vw);min-width:0;max-width:400px;margin:0;transition:transform .34s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:16px 0 48px #0f172a33}.lesson-sidebar.lesson-sidebar--drawer-open{transform:translate(0)}.lesson-sidebar-head{padding-right:52px;position:relative}.lesson-sidebar-close{color:#52525b;cursor:pointer;width:40px;height:40px;font-size:1.35rem;line-height:1;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;background:#fffffffa;border:1px solid #e4e2dcf2;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:14px;right:12px}.lesson-sidebar-close:hover{color:var(--accent);background:linear-gradient(135deg,#fff7f4 0%,#fef2f2 100%);border-color:#e8522a59}.lesson-content{border-radius:18px;flex:1;width:100%;min-width:0;padding:28px 22px 36px}.profile-card{text-align:center;flex-direction:column}.profile-detail-grid{grid-template-columns:1fr}.user-code-card{padding:28px 22px 26px}}[data-theme=galaxy]{--bg:#0c0b12;--card:#201c34f0;--text:#f4f4f5;--text-muted:#a1a1aa;--accent:#f97316;--accent-light:#f973162e;--accent-hover:#fb923c;--border:#8b5cf659;--sidebar-text:#d4d4d8;--sidebar-active:#fafafa;--shadow-md:0 8px 32px #00000059;--surface-glow:#8b5cf638;--creative-mesh:radial-gradient(ellipse 82% 58% at 88% 12%, #8b5cf638 0%, transparent 52%), radial-gradient(ellipse 58% 48% at 8% 88%, #3b82f61f 0%, transparent 50%), linear-gradient(185deg, #0e0c16 0%, #12102a 50%, #0b0a12 100%);--dash-main-radial-1:radial-gradient(ellipse 70% 55% at 95% 5%, #8b5cf617 0%, transparent 52%);--dash-main-radial-2:radial-gradient(ellipse 55% 45% at 5% 95%, #3b82f612 0%, transparent 48%);--shell-sidebar-bg:linear-gradient(185deg, #17142a 0%, #100e1a 100%);--shell-sidebar-border:#8b5cf638;--shell-sidebar-shadow:8px 0 40px #00000059;--shell-sidebar-logo-color:#f4f4f5;--shell-sidebar-section-label:#a78bfa;--nav-item-hover-bg:#8b5cf624;--nav-item-hover-border:#a78bfa59;--nav-item-hover-text:#fafafa;--sidebar-logout-bg:#181628e6;--sidebar-logout-border:#8b5cf640;--sidebar-logout-text:#d4d4d8;--shell-header-bg:#1c1930d1;--shell-header-border:#8b5cf638;--shell-header-shadow:0 12px 40px #00000040;--shell-heading-color:#fafafa;--shell-greeting-color:#a78bfa;--stat-card-bg:linear-gradient(165deg, #24203af2 0%, #1c1930e0 100%);--stat-card-border:#8b5cf638;--course-card-bg:#201c34eb;--course-card-border:#8b5cf638;--course-thumb-bg:linear-gradient(145deg, #312e8173 0%, #4c1d9559 50%, #1e1b3099 100%);--player-shell-bg:radial-gradient(ellipse 120% 80% at 100% 0%, #8b5cf624 0%, transparent 52%), radial-gradient(ellipse 90% 60% at 0% 100%, #3b82f61a 0%, transparent 48%), linear-gradient(185deg, #0f0d18 0%, #12101f 45%, #0a0812 100%);--player-topbar-bg:linear-gradient(135deg, #0f172a 0%, #312e81 38%, #5b21b6 72%, #4c1d95 100%);--player-topbar-shadow:0 12px 40px #312e818c, inset 0 -1px 0 #ffffff0f;--lesson-sidebar-bg:linear-gradient(180deg, #1a1729 0%, #12101c 100%);--lesson-sidebar-border-token:#8b5cf638;--lesson-sidebar-shadow:0 14px 44px #00000059, inset 0 1px 0 #ffffff0a;--lesson-sidebar-head-border:#8b5cf633;--lesson-sidebar-kicker-color:#a78bfa;--lesson-sidebar-title-color:#f4f4f5;--player-module-card-bg:#1c192deb;--player-module-card-border:#8b5cf640;--player-module-header-bg:linear-gradient(180deg, #252238 0%, #1c192d 100%);--player-module-header-color:#e4e4e7;--player-module-header-hover-bg:linear-gradient(180deg, #2d2840 0%, #252038 100%);--player-module-lessons-bg:linear-gradient(180deg, #1e1b30eb 0%, #12101ef5 100%);--player-module-chevron:#a1a1aa;--lesson-item-color:#d4d4d8;--lesson-item-hover-bg:#ffffff0f;--lesson-item-done-color:#a1a1aa;--lesson-content-surface-bg:linear-gradient(180deg, #fafafa 0%, #f4f4f5 100%);--lesson-content-border:#e4e4e7;--lesson-content-heading-color:#0f172a;--lesson-prose-color:#1e293b;--lesson-text-block-bg:#fff;--lesson-text-block-border:#e4e4e7;--env-empty-bg:linear-gradient(165deg, #282444bf 0%, #18162ae6 100%);--env-empty-border:1px solid #a78bfa52;--env-empty-shadow:inset 0 1px 0 #ffffff0d, 0 0 48px #8b5cf61f;--env-empty-orb:radial-gradient(circle at 20% 25%, #8b5cf659 0%, transparent 45%), radial-gradient(circle at 90% 80%, #3b82f633 0%, transparent 40%);--env-empty-icon-filter:drop-shadow(0 0 14px #a78bfa8c);--env-spotlight-bg:linear-gradient(165deg, #24203ad1 0%, #1c1930eb 100%);--env-spotlight-border:1px solid #a78bfa59;--env-spotlight-shadow:0 24px 64px #00000059, 0 0 60px #8b5cf614;--env-spotlight-orb:radial-gradient(circle at 50% 0%, #8b5cf638 0%, transparent 45%);--env-spotlight-icon-filter:drop-shadow(0 0 18px #a78bfa73);--nav-item-active-bg:linear-gradient(135deg, #4c1d95 0%, #6d28d9 42%, #a855f7 100%);--nav-item-active-border:#ffffff1f;--nav-item-active-shadow:0 0 28px #8b5cf666, 0 12px 32px #00000059;--lesson-item-active-bg:linear-gradient(135deg, #4c1d95f2 0%, #312e81fa 100%);--lesson-item-active-border:#a78bfa73;--lesson-item-active-shadow:0 0 24px #8b5cf640, 0 10px 28px #0006;--lesson-item-hover-border:#a78bfa38;--lesson-item-hover-shadow:0 4px 18px #00000040;--player-progress-track-bg:#00000073;--player-progress-track-border:#a78bfa47;--player-progress-fill:linear-gradient(90deg, #a855f7 0%, #6366f1 35%, #22d3ee 72%, #e879f9 100%);--player-progress-fill-shadow:0 0 36px #a78bfa8c, inset 0 1px 0 #ffffff59;--stat-card-accent-bar:linear-gradient(90deg, #a855f7, #6366f1, #22d3ee);--stat-card-hover-shadow:0 20px 56px #8b5cf62e, 0 16px 40px #00000059;--stat-icon-env-glow:0 0 20px #8b5cf659;--stat-icon-env-filter:drop-shadow(0 0 8px #a78bfa80);--support-float-bg:linear-gradient(145deg, #6d28d9 0%, #7c3aed 40%, #a855f7 100%);--support-float-shadow:0 10px 32px #6d28d980, 0 2px 10px #00000059, inset 0 1px 0 #fff3;--support-float-hover-shadow:0 16px 44px #8b5cf68c, 0 4px 14px #00000061, inset 0 1px 0 #ffffff47;--support-float-focus-ring:#a78bfaa6;--support-pulse-gradient:radial-gradient(circle, #8b5cf673 0%, transparent 70%);--support-ring-color:#c4b5fd73;--lesson-sidebar-glow:0 0 80px #4338ca1f;--player-module-card-shadow:0 8px 28px #00000052;--scrollbar-thumb:#a78bfa59;--scrollbar-track:#18162899;--selection-bg:#a78bfa59;--selection-color:#fafafa;--form-input-bg:#ffffff0f;--form-input-focus-bg:#ffffff1c;--form-input-focus-border:#a78bfa8c;--form-input-focus-ring:0 0 0 3px #8b5cf638;--form-placeholder-color:#a1a1aa;--user-code-card-bg:linear-gradient(165deg, #2a2648f0 0%, #18162af7 100%);--user-code-card-border:#a78bfa61;--user-code-card-shadow:0 24px 64px #00000061, 0 0 0 1px #a78bfa33 inset, 0 0 40px #8b5cf61a;--user-code-icon-bg:linear-gradient(135deg, #8b5cf666 0%, #6366f140 100%);--user-code-icon-shadow:0 0 28px #8b5cf666;--user-code-help-bg:#181628e0;--user-code-help-border:#a78bfa52;--user-code-help-text:#d4d4d8;--support-widget-bg:#201c34f5;--support-widget-border:#a78bfa52;--support-widget-shadow:0 12px 40px #0000006b, 0 0 0 1px #ffffff0a inset;--support-widget-close-bg:#282444f2;--support-widget-close-border:#a78bfa4d;--support-widget-close-color:#e4e4e7;--notif-item-bg:#201c34eb;--notif-item-border:#a78bfa40;--notif-item-shadow:0 8px 28px #00000047;--notif-unread-bg:linear-gradient(90deg, #8b5cf62e 0%, #201c34f2 40%)}[data-theme=lava]{--bg:#120805;--card:#301612f0;--text:#fef2f2;--text-muted:#fca5a5;--accent:#fb923c;--accent-light:#fb923c38;--accent-hover:#fdba74;--border:#ef444461;--sidebar-text:#fecaca;--sidebar-active:#fff7ed;--shadow-md:0 8px 32px #0006;--surface-glow:#ea580c59;--creative-mesh:radial-gradient(ellipse 78% 56% at 82% 18%, #dc262633 0%, transparent 52%), radial-gradient(ellipse 55% 45% at 12% 86%, #fb923c26 0%, transparent 50%), linear-gradient(185deg, #1c0a08 0%, #2d100a 48%, #140805 100%);--dash-main-radial-1:radial-gradient(ellipse 70% 55% at 95% 5%, #ea580c14 0%, transparent 52%);--dash-main-radial-2:radial-gradient(ellipse 55% 45% at 5% 95%, #f8717112 0%, transparent 48%);--shell-sidebar-bg:linear-gradient(185deg, #2a1410 0%, #1a0c09 100%);--shell-sidebar-border:#ef444447;--shell-sidebar-shadow:8px 0 40px #0006;--shell-sidebar-logo-color:#fff7ed;--shell-sidebar-section-label:#f87171;--nav-item-hover-bg:#ea580c29;--nav-item-hover-border:#fb718573;--nav-item-hover-text:#fffbeb;--sidebar-logout-bg:#28120eeb;--sidebar-logout-border:#ef44444d;--sidebar-logout-text:#fecaca;--shell-header-bg:#2d1410d9;--shell-header-border:#ef444440;--shell-header-shadow:0 12px 40px #00000052;--shell-heading-color:#fff7ed;--shell-greeting-color:#f87171;--stat-card-bg:linear-gradient(165deg, #371812f2 0%, #28120ee6 100%);--stat-card-border:#ef444447;--course-card-bg:#301612eb;--course-card-border:#ef444447;--course-thumb-bg:linear-gradient(145deg, #7f1d1d80 0%, #9a341266 50%, #28120ea6 100%);--player-shell-bg:radial-gradient(ellipse 120% 80% at 100% 0%, #ea580c29 0%, transparent 52%), radial-gradient(ellipse 90% 60% at 0% 100%, #dc26261f 0%, transparent 48%), linear-gradient(185deg, #1a0c09 0%, #240f0a 45%, #100503 100%);--player-topbar-bg:linear-gradient(135deg, #422006 0%, #9a3412 42%, #c2410c 72%, #ea580c 100%);--player-topbar-shadow:0 12px 40px #7f1d1d73, inset 0 -1px 0 #ffffff14;--lesson-sidebar-bg:linear-gradient(180deg, #241210 0%, #180c0a 100%);--lesson-sidebar-border-token:#ef444447;--lesson-sidebar-shadow:0 14px 44px #00000061, inset 0 1px 0 #ffffff0d;--lesson-sidebar-head-border:#ef444440;--lesson-sidebar-kicker-color:#fca5a5;--lesson-sidebar-title-color:#fff7ed;--player-module-card-bg:#2d1410f0;--player-module-card-border:#ef444447;--player-module-header-bg:linear-gradient(180deg, #3d1a14 0%, #2a120e 100%);--player-module-header-color:#fee2e2;--player-module-header-hover-bg:linear-gradient(180deg, #4a2018 0%, #351610 100%);--player-module-lessons-bg:linear-gradient(180deg, #2d1410f2 0%, #1a0c0afa 100%);--player-module-chevron:#fca5a5;--lesson-item-color:#fecaca;--lesson-item-hover-bg:#ffffff12;--lesson-item-done-color:#f87171;--lesson-content-surface-bg:linear-gradient(180deg, #fffbeb 0%, #fafafa 100%);--lesson-content-border:#e7e5e4;--lesson-content-heading-color:#1c1917;--lesson-prose-color:#292524;--lesson-text-block-bg:#fff;--lesson-text-block-border:#e7e5e4;--env-empty-bg:linear-gradient(165deg, #371c16e0 0%, #26100cf2 100%);--env-empty-border:1px solid #fb718559;--env-empty-shadow:inset 0 1px 0 #ffffff0f, 0 0 40px #ea580c1f;--env-empty-orb:radial-gradient(circle at 25% 20%, #ea580c59 0%, transparent 48%), radial-gradient(circle at 85% 75%, #dc262633 0%, transparent 42%);--env-empty-icon-filter:drop-shadow(0 0 12px #fb923c80);--env-spotlight-bg:linear-gradient(165deg, #371812e6 0%, #28120ef2 100%);--env-spotlight-border:1px solid #fb718559;--env-spotlight-shadow:0 24px 64px #0006, 0 0 48px #ea580c1a;--env-spotlight-orb:radial-gradient(circle at 50% -10%, #ea580c38 0%, transparent 42%);--env-spotlight-icon-filter:drop-shadow(0 0 16px #fb923c73);--nav-item-active-bg:linear-gradient(135deg, #9a3412 0%, #ea580c 45%, #f97316 100%);--nav-item-active-border:#fffae733;--nav-item-active-shadow:0 0 28px #ea580c6b, 0 12px 32px #0006;--lesson-item-active-bg:linear-gradient(135deg, #7c2d12fa 0%, #43140cfc 100%);--lesson-item-active-border:#fb923c73;--lesson-item-active-shadow:0 0 26px #ea580c47, 0 12px 32px #00000073;--lesson-item-hover-border:#fb923c38;--lesson-item-hover-shadow:0 4px 18px #00000059;--player-progress-track-bg:#0000006b;--player-progress-track-border:#fb923c4d;--player-progress-fill:linear-gradient(90deg, #dc2626 0%, #ea580c 35%, #f97316 70%, #fde047 100%);--player-progress-fill-shadow:0 0 34px #ea580c8c, inset 0 1px 0 #ffffff59;--stat-card-accent-bar:linear-gradient(90deg, #dc2626, #ea580c, #fde047);--stat-card-hover-shadow:0 22px 56px #ea580c29, 0 16px 44px #00000061;--stat-icon-env-glow:0 0 22px #ea580c59;--stat-icon-env-filter:drop-shadow(0 0 8px #fb923c73);--support-float-bg:linear-gradient(145deg, #c2410c 0%, #ea580c 45%, #f97316 100%);--support-float-shadow:0 12px 34px #ea580c7a, 0 2px 10px #00000061, inset 0 1px 0 #ffffff40;--support-float-hover-shadow:0 18px 48px #fb923c8c, 0 4px 14px #0000006b, inset 0 1px 0 #ffffff4d;--support-float-focus-ring:#fb923c99;--support-pulse-gradient:radial-gradient(circle, #ea580c73 0%, transparent 70%);--support-ring-color:#fed7aa80;--lesson-sidebar-glow:0 0 72px #b453091f;--player-module-card-shadow:0 8px 28px #00000061;--scrollbar-thumb:#fb923c59;--scrollbar-track:#28120ea6;--selection-bg:#fb923c59;--selection-color:#fff7ed;--form-input-bg:#ffffff12;--form-input-focus-bg:#ffffff1a;--form-input-focus-border:#fb923c8c;--form-input-focus-ring:0 0 0 3px #ea580c33;--form-placeholder-color:#fca5a5;--user-code-card-bg:linear-gradient(165deg, #3e1c16f2 0%, #26100cfa 100%);--user-code-card-border:#fb718559;--user-code-card-shadow:0 24px 64px #0000006b, 0 0 0 1px #ea580c1f inset, 0 0 36px #ea580c14;--user-code-icon-bg:linear-gradient(135deg, #ea580c59 0%, #dc262638 100%);--user-code-icon-shadow:0 0 26px #ea580c59;--user-code-help-bg:#28120ee6;--user-code-help-border:#fb923c47;--user-code-help-text:#fecaca;--support-widget-bg:#301612f5;--support-widget-border:#fb718552;--support-widget-shadow:0 12px 40px #00000073, 0 0 0 1px #ffffff0d inset;--support-widget-close-bg:#371812f2;--support-widget-close-border:#fb718547;--support-widget-close-color:#fee2e2;--notif-item-bg:#301612eb;--notif-item-border:#ef444447;--notif-item-shadow:0 8px 28px #00000059;--notif-unread-bg:linear-gradient(90deg, #ea580c26 0%, #301612f2 40%)}[data-theme=snowy]{--bg:#eff6ff;--card:#fff;--text:#0f172a;--text-muted:#64748b;--accent:#e8522a;--accent-light:#e0f2fe;--accent-hover:#d03e18;--border:#bae6fd;--sidebar-text:#475569;--sidebar-active:#0f172a;--shadow-md:0 8px 32px #0ea5e91a;--surface-glow:#38bdf82e;--creative-mesh:radial-gradient(ellipse 80% 60% at 90% 10%, #7dd3fc38 0%, transparent 52%), radial-gradient(ellipse 65% 50% at 10% 90%, #bfdbfe66 0%, transparent 50%), linear-gradient(185deg, #f8fafc 0%, #e0f2fe 42%, #f0f9ff 100%);--dash-main-radial-1:radial-gradient(ellipse 70% 55% at 95% 5%, #38bdf81a 0%, transparent 52%);--dash-main-radial-2:radial-gradient(ellipse 55% 45% at 5% 95%, #6366f10f 0%, transparent 48%);--shell-sidebar-bg:linear-gradient(185deg, #fff 0%, #f0f9ff 52%, #eef6ff 100%);--shell-sidebar-border:#bae6fdd9;--shell-sidebar-shadow:8px 0 40px #0ea5e914;--shell-sidebar-logo-color:#0f172a;--shell-sidebar-section-label:#64748b;--nav-item-hover-bg:#e0f2fef2;--nav-item-hover-border:#38bdf840;--nav-item-hover-text:#0f172a;--sidebar-logout-bg:#ffffffeb;--sidebar-logout-border:#bae6fdf2;--sidebar-logout-text:#475569;--shell-header-bg:#ffffffe0;--shell-header-border:#bae6fdbf;--shell-header-shadow:0 12px 40px #0ea5e914;--shell-heading-color:#0f172a;--shell-greeting-color:#64748b;--stat-card-bg:linear-gradient(165deg, #fff 0%, #f0f9ffd9 100%);--stat-card-border:#bae6fdcc;--course-card-bg:#fffffff7;--course-card-border:#bae6fdd9;--course-thumb-bg:linear-gradient(145deg, #e0f2fe 0%, #f0f9ff 50%, #fff 100%);--player-shell-bg:radial-gradient(ellipse 120% 80% at 100% 0%, #7dd3fc33 0%, transparent 52%), radial-gradient(ellipse 90% 60% at 0% 100%, #bfdbfe40 0%, transparent 48%), linear-gradient(185deg, #f8fafc 0%, #e0f2fe 45%, #f0f9ff 100%);--player-topbar-bg:linear-gradient(135deg, #0c4a6e 0%, #0369a1 38%, #0284c7 72%, #0ea5e9 100%);--player-topbar-shadow:0 12px 40px #0c4a6e59, inset 0 -1px 0 #ffffff1f;--lesson-sidebar-bg:linear-gradient(180deg, #fff 0%, #f0f9ff 100%);--lesson-sidebar-border-token:#bae6fdf2;--lesson-sidebar-shadow:0 14px 44px #0ea5e914, inset 0 1px 0 #fffffff2;--lesson-sidebar-head-border:#bae6fdb3;--lesson-sidebar-kicker-color:#64748b;--lesson-sidebar-title-color:#0f172a;--player-module-card-bg:#fff;--player-module-card-border:#bae6fde6;--player-module-header-bg:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--player-module-header-color:#0f172a;--player-module-header-hover-bg:linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 100%);--player-module-lessons-bg:linear-gradient(180deg, #f0f9ffeb 0%, #e0f2fef2 100%);--player-module-chevron:#64748b;--lesson-item-color:#334155;--lesson-item-hover-bg:#fffffff2;--lesson-item-done-color:#64748b;--lesson-content-surface-bg:linear-gradient(180deg, #fffffff2 0%, #f8fafc 100%);--lesson-content-border:#bae6fdbf;--lesson-content-heading-color:#0f172a;--lesson-prose-color:#1e293b;--lesson-text-block-bg:#fff;--lesson-text-block-border:#bae6fdd9;--env-empty-bg:linear-gradient(165deg, #fffffff0 0%, #e0f2fe8c 50%, #f1f5f9bf 100%);--env-empty-border:2px dashed #38bdf84d;--env-empty-shadow:inset 0 1px 0 #fffffff2, 0 12px 40px #0ea5e90f;--env-empty-orb:radial-gradient(circle at 72% 22%, #7dd3fc59 0%, transparent 48%);--env-empty-icon-filter:drop-shadow(0 4px 14px #0ea5e940);--env-spotlight-bg:linear-gradient(165deg, #fffffffa 0%, #e0f2fe99 45%, #f8fafce6 100%);--env-spotlight-border:1px solid #bae6fdf2;--env-spotlight-shadow:0 22px 56px #0ea5e91a;--env-spotlight-orb:radial-gradient(circle at 12% 88%, #38bdf82e 0%, transparent 42%);--env-spotlight-icon-filter:drop-shadow(0 8px 22px #38bdf838);--nav-item-active-bg:linear-gradient(135deg, #0369a1 0%, #0ea5e9 50%, #38bdf8 100%);--nav-item-active-border:#ffffff59;--nav-item-active-shadow:0 12px 30px #0ea5e940;--lesson-item-active-bg:linear-gradient(135deg, #0c4a6e 0%, #0369a1 100%);--lesson-item-active-border:#38bdf873;--lesson-item-active-shadow:0 10px 28px #0c4a6e38;--lesson-item-hover-border:#38bdf838;--lesson-item-hover-shadow:0 4px 16px #0ea5e914;--player-progress-track-bg:#0f172a14;--player-progress-track-border:#bae6fdf2;--player-progress-fill:linear-gradient(90deg, #0ea5e9 0%, #38bdf8 35%, #7dd3fc 70%, #e0f2fe 100%);--player-progress-fill-shadow:0 0 26px #38bdf859, inset 0 1px 0 #ffffffa6;--stat-card-accent-bar:linear-gradient(90deg, #0ea5e9, #38bdf8, #7dd3fc);--stat-card-hover-shadow:0 18px 48px #0ea5e91f;--stat-icon-env-glow:0 0 18px #38bdf847;--stat-icon-env-filter:drop-shadow(0 2px 10px #0ea5e947);--support-float-bg:linear-gradient(145deg, #0284c7 0%, #0ea5e9 45%, #38bdf8 100%);--support-float-shadow:0 10px 28px #0ea5e959, 0 2px 8px #0f172a14, inset 0 1px 0 #ffffff59;--support-float-hover-shadow:0 14px 38px #38bdf859, 0 4px 12px #0f172a1a, inset 0 1px 0 #ffffff73;--support-float-focus-ring:#38bdf88c;--support-pulse-gradient:radial-gradient(circle, #38bdf859 0%, transparent 70%);--support-ring-color:#e0f2fed9;--lesson-sidebar-glow:0 0 64px #0ea5e914;--player-module-card-shadow:0 6px 22px #0ea5e914;--scrollbar-thumb:#38bdf866;--scrollbar-track:#f1f5f9e6;--selection-bg:#38bdf847;--selection-color:#0f172a;--form-input-focus-border:#0ea5e98c;--form-input-focus-ring:0 0 0 4px #38bdf826;--user-code-card-bg:linear-gradient(165deg, #fffffff0 0%, #e0f2fe8c 45%, #ffffffeb 100%);--user-code-card-border:#7dd3fcb3;--user-code-card-shadow:0 22px 56px #0ea5e91f, 0 0 0 1px #ffffffd9 inset, 0 0 48px #7dd3fc14;--user-code-icon-bg:linear-gradient(135deg, #38bdf833 0%, #bae6fd66 100%);--user-code-icon-shadow:0 8px 24px #0ea5e92e;--user-code-help-bg:#f0f9fff5;--user-code-help-border:#bae6fdeb;--user-code-help-text:var(--text-muted);--support-widget-bg:#fffffff0;--support-widget-border:#bae6fdf2;--support-widget-shadow:0 8px 28px #0ea5e91a, 0 0 0 1px #ffffffe0 inset;--support-widget-close-bg:#e0f2fef5;--support-widget-close-border:#bae6fdf2;--support-widget-close-color:#64748b;--notif-item-bg:#fffffff5;--notif-item-border:#bae6fdd9;--notif-item-shadow:0 6px 22px #0ea5e912;--notif-unread-bg:linear-gradient(90deg, #e0f2fecc 0%, #fffffffa 35%)}.theme-pill{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-pill--header{background:#0000000a;border:1px solid #0000000f;border-radius:999px;padding:5px 8px}html[data-theme=galaxy] .theme-pill--header,html[data-theme=lava] .theme-pill--header{background:#ffffff0f;border:1px solid #ffffff1a}.theme-pill--player{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-self:flex-start;margin-top:2px;padding:6px 9px}.theme-pill__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;width:26px;height:26px;padding:0;transition:transform .22s cubic-bezier(.34,1.2,.64,1),box-shadow .22s;position:relative;transform:scale(1);box-shadow:0 2px 6px #0f172a1f}.theme-pill__btn:hover{transform:scale(1.12)}.theme-pill__btn:focus{outline:none}.theme-pill__btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-pill__btn--active{box-shadow:0 0 0 2px #ffffffd9,0 0 0 4px #6366f173,0 4px 14px #0f172a33}html[data-theme=galaxy] .theme-pill__btn--active{box-shadow:0 0 0 2px #a78bfae6,0 0 28px #8b5cf6a6,0 2px 8px #00000059}html[data-theme=lava] .theme-pill__btn--active{box-shadow:0 0 0 2px #fed7aaf2,0 0 26px #ea580c8c,0 2px 8px #00000059}html[data-theme=snowy] .theme-pill__btn--active{box-shadow:0 0 0 2px #fffffff2,0 0 22px #38bdf873,0 2px 8px #0f172a1a}.theme-pill--player .theme-pill__btn--active{box-shadow:0 0 0 2px #ffffffe6,0 0 24px #ffffff59,0 2px 10px #00000040}.theme-pill__btn--default{background:linear-gradient(145deg,#fff 0%,#f4f4f5 45%,#e4e4e7 100%)}@media (prefers-reduced-motion:no-preference){.theme-pill__btn--galaxy{background:linear-gradient(135deg,#1e1b4b 0%,#4c1d95 40%,#6366f1 70%,#22d3ee 100%) 0 0/180% 180%;animation:8s ease-in-out infinite alternate themeNebulaShift}}@media (prefers-reduced-motion:reduce){.theme-pill__btn--galaxy{background:linear-gradient(135deg,#312e81 0%,#5b21b6 50%,#6366f1 100%)}}.theme-pill__btn--lava{background:linear-gradient(135deg,#7f1d1d 0%,#c2410c 38%,#f97316 72%,#fde047 100%)}.theme-pill__btn--snowy{background:linear-gradient(145deg,#fff 0%,#e0f2fe 45%,#bae6fd 100%)}@keyframes themeNebulaShift{0%{background-position:0 40%}to{background-position:100% 60%}}@media (prefers-reduced-motion:reduce){.theme-pill__btn{transition:none}.theme-pill__btn:hover{transform:none}}@media (width<=520px){.theme-pill{gap:6px}.theme-pill__btn{width:22px;height:22px}.theme-pill--header{padding:4px 6px}}@media (prefers-reduced-motion:no-preference){html[data-theme=galaxy] body:before{content:"";z-index:0;pointer-events:none;opacity:.38;background:radial-gradient(100% 72% at 50% -18%,#4c1d9529 0%,#0000 52%),radial-gradient(65% 48% at 100% 55%,#3b82f612 0%,#0000 50%),radial-gradient(50% 42% at 0 80%,#6d28d90f 0%,#0000 48%);animation:95s linear infinite themeGalaxyDrift;position:fixed;inset:0}html[data-theme=lava] body:before{content:"";z-index:0;pointer-events:none;opacity:.78;background:radial-gradient(90% 55% at 50% 110%,#ea580c24 0%,#0000 52%),radial-gradient(65% 45% at 10% 20%,#dc26261f 0%,#0000 50%),radial-gradient(50% 40% at 90% 30%,#fb923c1a 0%,#0000 48%),radial-gradient(.8px .8px at 22% 55%,#fdba74b3,#0000),radial-gradient(.9px .9px at 56% 78%,#f871718c,#0000),radial-gradient(.7px .7px at 88% 36%,#fbbf2473,#0000),repeating-linear-gradient(-12deg,#0000 0 38px,#1a0c0a0f 38px 40px);animation:14s ease-in-out infinite alternate themeLavaBreathe;position:fixed;inset:0}html:not([data-theme]) body:before{content:"";z-index:0;pointer-events:none;opacity:.45;background:radial-gradient(80% 50% at 100% 0,#fbbf240f 0%,#0000 50%),radial-gradient(70% 45% at 0 100%,#6366f10d 0%,#0000 48%);position:fixed;inset:0}}@keyframes themeGalaxyDrift{0%{transform:translate(0)}50%{transform:translate(-1.2%,.8%)}to{transform:translate(0)}}@keyframes themeLavaBreathe{0%{opacity:.62;transform:scale(1)}to{opacity:.82;transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){html[data-theme=galaxy] body:before,html[data-theme=lava] body:before,html:not([data-theme]) body:before{animation:none}}html[data-theme=galaxy] .dash-main:before,html[data-theme=lava] .dash-main:before,html[data-theme=snowy] .dash-main:before{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}html[data-theme=galaxy] .dash-main:before{background:radial-gradient(60% 40% at 85% 95%,#6366f117 0%,#0000 55%)}html[data-theme=lava] .dash-main:before{background:radial-gradient(55% 38% at 80% 92%,#ea580c17 0%,#0000 55%)}html[data-theme=snowy] .dash-main:before{background:radial-gradient(50% 35% at 90% 90%,#7dd3fc24 0%,#0000 55%)}html[data-theme=galaxy] .player-root:before,html[data-theme=lava] .player-root:before,html[data-theme=snowy] .player-root:before{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}html[data-theme=galaxy] .player-root:before{background:radial-gradient(75% 48% at 100% 0,#4c1d950f 0%,#0000 52%)}html[data-theme=lava] .player-root:before{background:radial-gradient(75% 48% at 0 0,#dc26261a 0%,#0000 52%)}html[data-theme=snowy] .player-root:before{background:radial-gradient(70% 45% at 50% 0,#7dd3fc24 0%,#0000 52%)}html[data-theme=lava] .dash-main.dash-main--lava-dashboard:before{display:none}html[data-theme=lava] body:has(.dash-main.dash-main--lava-dashboard):before{opacity:.26!important;background:radial-gradient(96% 72% at 50% 92%,#ea580c0f 0%,#0000 52%)!important;animation:none!important;transform:none!important}.galaxy-env{pointer-events:none;z-index:1;isolation:isolate;width:100%;max-width:100vw;height:100%;min-height:100vh;position:fixed;inset:0;overflow:hidden}.galaxy-env__base{z-index:0;opacity:.95;background:radial-gradient(85% 60% at 50% -10%,#4c1d9542 0%,#0000 55%),radial-gradient(55% 45% at 100% 60%,#3b82f61a 0%,#0000 50%),radial-gradient(45% 40% at 0 85%,#8b5cf617 0%,#0000 48%);position:absolute;inset:0}.galaxy-env--dashboard .galaxy-env__base{opacity:.78;background:radial-gradient(72% 56% at 52% 44%,#4c1d950e 0%,#0000 58%),radial-gradient(88% 56% at 82% 6%,#4c1d9521 0%,#0000 52%),radial-gradient(46% 40% at 14% 88%,#3b82f60d 0%,#0000 50%),radial-gradient(45% 38%,#0c0a1661 0%,#0000 62%)}.galaxy-env--myCourses .galaxy-env__base{opacity:.76;background:radial-gradient(80% 54% at 48% 36%,#4c1d950d 0%,#0000 58%),radial-gradient(70% 48% at 72% 92%,#3b82f60b 0%,#0000 52%),radial-gradient(45% 38%,#0c0a166b 0%,#0000 62%)}.galaxy-env--progress .galaxy-env__base{opacity:.82;background:radial-gradient(100% 72% at 50% 0,#1614248c 0%,#0000 52%),radial-gradient(80% 58% at 100% 100%,#4c1d9512 0%,#0000 48%),radial-gradient(70% 52% at 0 100%,#3b82f60b 0%,#0000 48%),radial-gradient(50% 42% at 50% 60%,#0c0a1440 0%,#0000 65%)}.galaxy-env__img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform, opacity;display:block;position:absolute}.galaxy-env__layer-far{z-index:1}.galaxy-env__layer-mid{z-index:2}.galaxy-env__layer-near{z-index:3}.galaxy-env__img:not(.galaxy-env__layer-far):not(.galaxy-env__layer-mid):not(.galaxy-env__layer-near){z-index:1}.galaxy-env--player .galaxy-env__img{will-change:auto}.galaxy-env__stars-patch{animation:200s ease-in-out infinite alternate galaxyEnvStarPatch}.galaxy-env__drift-quiet{animation:200s ease-in-out infinite alternate galaxyEnvNebulaDriftQuiet}.galaxy-env__astro-tiny{animation:96s ease-in-out infinite alternate galaxyEnvAstroFloatTiny}@keyframes galaxyEnvStarPatch{0%{transform:translate(0,0)}to{transform:translate(.22%,-.14%)}}@keyframes galaxyEnvNebulaDriftQuiet{0%{transform:translate(0,0)scale(1)}to{transform:translate(-.18%,.14%)scale(1.003)}}@keyframes galaxyEnvAstroFloatTiny{0%{transform:translateY(1px)}to{transform:translateY(-3px)}}.galaxy-env__starfield{animation:140s ease-in-out infinite alternate galaxyEnvStarfield}.galaxy-env__nebula-drift{animation:118s ease-in-out infinite alternate galaxyEnvNebulaDrift}.galaxy-env__nebula-drift-soft{animation:160s ease-in-out infinite alternate galaxyEnvNebulaDriftSoft}.galaxy-env__planet-drift{animation:96s ease-in-out infinite alternate galaxyEnvPlanetDrift}.galaxy-env__planet-drift-slow{animation:120s ease-in-out infinite alternate galaxyEnvPlanetDriftSlow}.galaxy-env--dashboard .galaxy-env__planet-drift-slow,.galaxy-env--myCourses .galaxy-env__planet-drift-slow,.galaxy-env--progress .galaxy-env__planet-drift-slow{animation-duration:168s}.galaxy-env__astronaut-float{animation:72s ease-in-out infinite alternate galaxyEnvAstroFloat}.galaxy-env__drift-slow{animation:118s ease-in-out infinite alternate galaxyEnvNebulaDrift}.galaxy-env__drift-mid{animation:96s ease-in-out infinite alternate galaxyEnvPlanetDrift}.galaxy-env__drift-reverse{animation:100s ease-in-out infinite alternate galaxyEnvPlanetDriftRev}.galaxy-env__float{animation:72s ease-in-out infinite alternate galaxyEnvAstroFloat}.galaxy-env__shimmer{animation:28s ease-in-out infinite alternate galaxyEnvStarTwinkle}@keyframes galaxyEnvStarfield{0%{transform:translate(-.45%,.1%)}to{transform:translate(.45%,-.1%)}}@keyframes galaxyEnvStarTwinkle{0%{opacity:.34}to{opacity:.4}}@keyframes galaxyEnvNebulaDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-1.2%,1%)scale(1.018)}}@keyframes galaxyEnvNebulaDriftSoft{0%{transform:translate(0,0)scale(1)}to{transform:translate(.85%,-.75%)scale(1.012)}}@keyframes galaxyEnvPlanetDrift{0%{transform:translate(0,0)}to{transform:translate(1%,-.7%)}}@keyframes galaxyEnvPlanetDriftSlow{0%{transform:translate(0,0)}to{transform:translate(-.85%,.55%)}}@keyframes galaxyEnvPlanetDriftRev{0%{transform:translate(0,0)}to{transform:translate(-1.1%,-.55%)}}@keyframes galaxyEnvAstroFloat{0%{transform:translateY(3px)}to{transform:translateY(-6px)}}.galaxy-env__comet{z-index:2;filter:blur(.5px);opacity:0;background:linear-gradient(90deg,#0000 0%,#ffffff0d 20%,#e0e7ffa6 50%,#ffffff14 80%,#0000 100%);border-radius:999px;width:min(140px,18vw);height:2px;animation:18s ease-in-out infinite galaxyCometDash;position:absolute;top:16%;left:-15%;transform:rotate(-11deg)translate(0)}.galaxy-env__comet--late{animation:21s ease-in-out 9s infinite galaxyCometDashLate;top:42%;left:-20%;transform:rotate(-18deg)translate(0)}@keyframes galaxyCometDash{0%,84%{opacity:0;transform:rotate(-11deg)translate(0)}88%{opacity:.55}94%{opacity:.25;transform:rotate(-11deg)translate(calc(100vw + 40%))}to{opacity:0}}@keyframes galaxyCometDashLate{0%,86%{opacity:0;transform:rotate(-18deg)translate(0)}90%{opacity:.45}96%{opacity:.2;transform:rotate(-18deg)translate(calc(100vw + 35%))}to{opacity:0}}@media (prefers-reduced-motion:reduce){.galaxy-env__starfield,.galaxy-env__stars-patch,.galaxy-env__nebula-drift,.galaxy-env__nebula-drift-soft,.galaxy-env__drift-quiet,.galaxy-env__planet-drift,.galaxy-env__planet-drift-slow,.galaxy-env__astronaut-float,.galaxy-env__astro-tiny,.galaxy-env__drift-slow,.galaxy-env__drift-mid,.galaxy-env__drift-reverse,.galaxy-env__float,.galaxy-env__shimmer{animation:none!important}.galaxy-env__comet,.galaxy-env__comet--late{opacity:0!important;animation:none!important}}html[data-theme=snowy] .dash-main>.snowy-background{pointer-events:none;isolation:isolate;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;inset:0;overflow:hidden;z-index:0!important;position:fixed!important}html[data-theme=snowy] .snowy-background__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:blur(.25px)saturate(.96);opacity:.52;will-change:auto;width:100%;height:100%;display:block;position:absolute;inset:0}html[data-theme=snowy] .snowy-background--myCourses .snowy-background__img{opacity:.5;-o-object-position:center 46%;object-position:center 46%}html[data-theme=snowy] .snowy-background--myCourses .snowy-background__veil{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0f172a61 0%,#0f172a24 42%,#0f172a5c 100%),radial-gradient(78% 62% at 50% 48%,#f1f5f91a 0%,#0000 68%),radial-gradient(90% 80% at 50% 100%,#38bdf80f 0%,#0000 55%)}html[data-theme=snowy] .snowy-background--explore .snowy-background__img{opacity:.48;-o-object-position:center 40%;object-position:center 40%}html[data-theme=snowy] .snowy-background--explore .snowy-background__veil{-webkit-backdrop-filter:blur(10px);background:radial-gradient(62% 58% at 50% 48%,#0f172a47 0%,#0000 72%),linear-gradient(#0f172a57 0%,#0f172a2e 50%,#0f172a52 100%),radial-gradient(88% 72% at 0 45%,#0e749014 0%,#0000 48%),radial-gradient(88% 72% at 100% 55%,#3b82f60f 0%,#0000 48%)}html[data-theme=snowy] .snowy-background--progress .snowy-background__img{opacity:.5;-o-object-position:center center;object-position:center center}html[data-theme=snowy] .snowy-background--progress .snowy-background__veil{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0f172a66 0%,#0f172a38 45%,#0f172a61 100%),radial-gradient(92% 74% at 50% 52%,#e2e8f014 0%,#0000 78%)}html[data-theme=snowy] .snowy-background__veil{pointer-events:none;position:absolute;inset:0}html[data-theme=snowy] .dash-main>.snowy-dashboard-scene{pointer-events:none;isolation:isolate;max-width:none;margin:0;inset:0;overflow:hidden;z-index:0!important;position:fixed!important}html[data-theme=snowy] .snowy-dashboard-scene__image{will-change:auto;transform-origin:50%;filter:blur(.28px)saturate(.96);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-1px;transform:scale(1.01)}html[data-theme=snowy] .snowy-dashboard-scene:after{content:"";pointer-events:none;-webkit-backdrop-filter:blur(10px);background:radial-gradient(72% 64% at 50% 44%,#f8fafc0f 0%,#0f172a47 62%,#0f172a7a 100%),linear-gradient(188deg,#0f172a57 0%,#0f172a1f 44%,#0f172a5c 100%);position:absolute;inset:0}@media (width<=768px){html[data-theme=snowy] .snowy-background--myCourses .snowy-background__img{-o-object-position:center 42%;object-position:center 42%}html[data-theme=snowy] .snowy-background--explore .snowy-background__img{-o-object-position:center 36%;object-position:center 36%}html[data-theme=snowy] .snowy-dashboard-scene__image{background-position:50% 36%}}@media (width>=1800px){html[data-theme=snowy] .snowy-background--explore .snowy-background__img{-o-object-position:center 42%;object-position:center 42%}html[data-theme=snowy] .snowy-dashboard-scene__image{background-position:50% 42%}}:is(html[data-theme=snowy] .dash-main:has(>.snowy-background--myCourses),html[data-theme=snowy] .dash-main:has(>.snowy-background--explore),html[data-theme=snowy] .dash-main:has(>.snowy-background--progress)){background:var(--bg)}html[data-theme=snowy] .dash-main.dash-main--snowy-dashboard:before{display:none}html[data-theme=snowy] .dash-main:has(>.snowy-background):before{display:none}html[data-theme=lava] .dash-main>.lava-background{pointer-events:none;isolation:isolate;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;inset:0;overflow:hidden;z-index:0!important;position:fixed!important}html[data-theme=lava] .lava-background__img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:blur(.35px)saturate(.92);opacity:.44;will-change:auto;width:100%;height:100%;display:block;position:absolute;inset:0}html[data-theme=lava] .lava-background--myCourses .lava-background__img{opacity:.45;-o-object-position:center 48%;object-position:center 48%}html[data-theme=lava] .lava-background--myCourses .lava-background__veil{background:linear-gradient(#08030266 0%,#0a040338 42%,#07020275 100%),radial-gradient(72% 58% at 50% 46%,#0602021f 0%,#0000 68%)}html[data-theme=lava] .lava-background--explore .lava-background__img{opacity:.4;-o-object-position:center 40%;object-position:center 40%}html[data-theme=lava] .lava-background--explore .lava-background__veil{background:radial-gradient(58% 54%,#0a04037a 0%,#0000 70%),linear-gradient(#08030261 0%,#06020252 50%,#07020270 100%),radial-gradient(85% 70% at 0%,#06020238 0%,#0000 45%),radial-gradient(85% 70% at 100%,#06020238 0%,#0000 45%)}html[data-theme=lava] .lava-background--progress .lava-background__img{opacity:.42;-o-object-position:center center;object-position:center center}html[data-theme=lava] .lava-background--progress .lava-background__veil{background:linear-gradient(#0903028f 0%,#08030270 45%,#0903028a 100%),radial-gradient(88% 72%,#05020266 0%,#0000 78%)}html[data-theme=lava] .lava-background--profile .lava-background__img{opacity:.38;-o-object-position:center center;object-position:center center}html[data-theme=lava] .lava-background--profile .lava-background__veil{background:linear-gradient(#0803027a 0%,#07020266 50%,#08030280 100%)}html[data-theme=lava] .lava-background__veil{pointer-events:none;position:absolute;inset:0}@media (width<=768px){html[data-theme=lava] .lava-background--myCourses .lava-background__img{-o-object-position:center 44%;object-position:center 44%}html[data-theme=lava] .lava-background--explore .lava-background__img{-o-object-position:center 36%;object-position:center 36%}}@media (width>=1800px){html[data-theme=lava] .lava-background--explore .lava-background__img{-o-object-position:center 42%;object-position:center 42%}}:is(html[data-theme=lava] .dash-main:has(>.lava-background--progress),html[data-theme=lava] .dash-main:has(>.lava-background--profile)){background:var(--bg)}html[data-theme=lava] .dash-main:has(>.lava-background--profile) .profile-card{box-shadow:0 12px 36px #0000006b,inset 0 1px #ffffff0a}html[data-theme=lava] .dash-main:has(>.lava-background):before{display:none}html[data-theme=lava] body:has(.dash-main>.lava-background):before{opacity:.28!important;background:radial-gradient(96% 72% at 50% 92%,#ea580c0f 0%,#0000 52%)!important;animation:none!important;transform:none!important}
