:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pink:#ff38b0;--violet:#8f5cff;--cyan:#37e7ff;--green:#5ff7b4;--gold:#ffd36a;--bg-base:#07010f;--bg-elevated:#0e081ceb;--bg-card:#0e081cd1;--bg-card-hover:#160c28eb;--surface-muted:#ffffff0d;--surface-hover:#ffffff14;--border:#ffffff1f;--border-strong:#fff3;--text-primary:#f7f8ff;--text-secondary:#c8cfe4;--text-muted:#aeb5ca;--input-bg:#0a0414d9;--input-border:#ffffff29;--input-text:#f7f8ff;--placeholder:#7a849e;--accent:var(--violet);--accent-light:var(--cyan);--accent-glow:#8f5cff61;--cyan-glow:#37e7ff47;--pink-glow:#ff38b047;--success:var(--green);--warning:var(--gold);--danger:#ff6b8a;--gradient-brand:linear-gradient(135deg, var(--pink) 0%, var(--violet) 55%, var(--cyan) 100%);--gradient-brand-hover:linear-gradient(135deg, #ff52bb 0%, #9d6dff 55%, #52ebff 100%);--gradient-surface:linear-gradient(180deg, #8f5cff1a 0%, transparent 60%);--gradient-button-text:#090313;--accent-fill-06:#8f5cff0f;--accent-fill-08:#8f5cff14;--accent-fill-10:#8f5cff1a;--accent-fill-12:#8f5cff1f;--accent-fill-15:#8f5cff26;--accent-fill-20:#8f5cff33;--accent-fill-25:#8f5cff40;--accent-fill-30:#8f5cff4d;--accent-fill-35:#8f5cff59;--shadow-lg:0 28px 60px #0000006b;--shadow-glow:0 0 40px var(--accent-glow);--body-glow-1:#8f5cff38;--body-glow-2:#37e7ff29;--body-glow-3:#ff38b02e;--overlay:#0009;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--sidebar-width:260px;--topbar-height:64px;--font-sans:Arial, Helvetica, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--transition:.22s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pink:#e91e8c;--violet:#7c3aed;--cyan:#0ea5c9;--green:#059669;--gold:#d97706;--bg-base:#fff7f0;--bg-elevated:#fffdfb;--bg-card:#fffffff0;--bg-card-hover:#fff;--surface-muted:#1c10330a;--surface-hover:#1c103312;--border:#1c10331a;--border-strong:#1c103329;--text-primary:#1c1033;--text-secondary:#4a4560;--text-muted:#736b82;--input-bg:#fff;--input-border:#1c103324;--input-text:#1c1033;--placeholder:#9a93a8;--accent:var(--violet);--accent-light:#be185d;--accent-glow:#7c3aed38;--cyan-glow:#0ea5c929;--pink-glow:#e91e8c24;--success:var(--green);--warning:var(--gold);--danger:#dc2626;--gradient-brand:linear-gradient(135deg, #f472b6 0%, var(--violet) 55%, var(--cyan) 100%);--gradient-brand-hover:linear-gradient(135deg, #fb7185 0%, #8b5cf6 55%, #22d3ee 100%);--gradient-surface:linear-gradient(180deg, #7c3aed0f 0%, transparent 60%);--gradient-button-text:#fff;--accent-fill-06:#7c3aed0f;--accent-fill-08:#7c3aed14;--accent-fill-10:#7c3aed1a;--accent-fill-12:#7c3aed1f;--accent-fill-15:#7c3aed26;--accent-fill-20:#7c3aed33;--accent-fill-25:#7c3aed40;--accent-fill-30:#7c3aed4d;--accent-fill-35:#7c3aed59;--shadow-lg:0 20px 44px #1c10331a;--shadow-glow:0 0 32px var(--pink-glow);--body-glow-1:#ffa0782e;--body-glow-2:#e91e8c14;--body-glow-3:#7c3aed12;--overlay:#1c103359}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-base);background-image:radial-gradient(circle at top left, var(--body-glow-1), transparent 30%), radial-gradient(circle at top right, var(--body-glow-2), transparent 24%), radial-gradient(circle at bottom center, var(--body-glow-3), transparent 30%);-webkit-font-smoothing:antialiased;transition:background-color var(--transition), color var(--transition);margin:0;font-size:15px;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%}input,textarea,select{font-family:inherit}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}input:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--violet) 35%, transparent);outline-offset:1px;border-color:var(--violet)}::selection{background:color-mix(in srgb, var(--violet) 35%, transparent);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 36px var(--cyan-glow)}}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.animate-fade-in{animation:.4s ease-out both fadeIn}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{overflow-x:hidden}body{-webkit-text-size-adjust:100%;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}@media (max-width:480px){:root{--topbar-height:56px}.bottomLink{min-height:44px;padding:6px 4px}}._loading_1tywr_1{background:var(--bg,#0a0a0f);min-height:100vh;color:var(--text-muted,var(--text-muted));flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}._spinner_1tywr_12{border:3px solid #c0c0d033;border-top-color:var(--violet);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite _spin_1tywr_12}@keyframes _spin_1tywr_12{to{transform:rotate(360deg)}}._toggle_dvk16_1{border:1px solid var(--border-strong);background:var(--surface-muted);color:var(--text-secondary);transition:all var(--transition);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}._toggle_dvk16_1:hover{border-color:color-mix(in srgb, var(--violet) 50%, var(--border-strong));color:var(--text-primary);background:var(--surface-hover);box-shadow:0 8px 20px color-mix(in srgb, var(--violet) 12%, transparent)}._compact_dvk16_22{border-radius:var(--radius-md);padding:8px}._compact_dvk16_22 span{display:none}._layout_1uifi_1{min-height:100vh;display:flex}._sidebar_1uifi_6{width:var(--sidebar-width);background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border);z-index:100;height:100vh;transition:transform var(--transition);flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;left:0}._brand_1uifi_23{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:12px;margin-bottom:16px;padding:0 8px 24px;text-decoration:none;display:flex}._brand_1uifi_23:hover{color:var(--text-primary)}._logo_1uifi_38{border-radius:var(--radius-md);background:var(--gradient-brand);width:42px;height:42px;color:var(--gradient-button-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}._appName_1uifi_50{letter-spacing:-.02em;font-size:18px;font-weight:800;display:block}._tagline_1uifi_57{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.3;display:block}._nav_1uifi_65{flex-direction:column;flex:1;gap:4px;display:flex}._navLink_1uifi_72{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition);align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;display:flex}._navLink_1uifi_72:hover{background:var(--surface-hover);color:var(--text-primary)}._navLink_1uifi_72._active_1uifi_89{background:var(--accent-fill-15);color:var(--accent-light)}._sidebarFooter_1uifi_94{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:16px;display:flex}._themeToggle_1uifi_102{align-self:flex-start}._topbarActions_1uifi_106{align-items:center;gap:10px;display:flex}._topbarTheme_1uifi_112{display:none}._xpBadge_1uifi_116{background:var(--accent-fill-10);border-radius:var(--radius-md);color:var(--accent-light);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}._main_1uifi_128{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}._topbar_1uifi_106{height:var(--topbar-height);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;justify-content:space-between;align-items:center;padding:0 16px;display:none;position:sticky;top:0}._menuBtn_1uifi_150{color:var(--text-primary);border-radius:var(--radius-sm);background:0 0;border:none;padding:8px}._topbarTitle_1uifi_158{text-align:center;flex:1}._topBrand_1uifi_163{font-size:16px;font-weight:700}._topbarXp_1uifi_168{color:var(--accent-light);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}._content_1uifi_177{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 40px 48px}._lessonContent_1uifi_185{max-width:780px}._bottomNav_1uifi_189{background:color-mix(in srgb, var(--bg-elevated) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:100;display:none;position:fixed;bottom:0;left:0;right:0}._bottomLink_1uifi_202{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:500;display:flex}._bottomLink_1uifi_202._active_1uifi_89{color:var(--accent-light)}._overlay_1uifi_220{display:none}@media (max-width:900px){._sidebar_1uifi_6{width:min(var(--sidebar-width), 85vw);transform:translate(-100%)}._sidebar_1uifi_6._open_1uifi_230{transform:translate(0)}._overlay_1uifi_220{background:var(--overlay);z-index:99;display:block;position:fixed;top:0;bottom:0;left:0;right:0}._main_1uifi_128{width:100%;max-width:100vw;margin-left:0}._topbar_1uifi_106{display:flex}._topbarTheme_1uifi_112{display:inline-flex}._bottomNav_1uifi_189{display:flex}._content_1uifi_177{padding:16px 14px calc(80px + env(safe-area-inset-bottom));max-width:100%}._sidebarFooter_1uifi_94,._tagline_1uifi_57{display:none}}._loader_13r0w_1{min-height:100vh;background:var(--bg-base,#07010f);justify-content:center;align-items:center;min-height:100dvh;display:flex}._spinner_13r0w_10{border:3px solid #818cf833;border-top-color:var(--violet);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite _pageSpin_13r0w_1}@keyframes _pageSpin_13r0w_1{to{transform:rotate(360deg)}}