:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--secondary-50: #fff7ed;--secondary-100: #ffedd5;--secondary-200: #fed7aa;--secondary-300: #fdba74;--secondary-400: #fb923c;--secondary-500: #f97316;--secondary-600: #ea580c;--secondary-700: #c2410c;--secondary-800: #9a3412;--secondary-900: #7c2d12;--secondary-950: #431407;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--accent-900: #064e3b;--accent-950: #022c22;--neutral-0: #ffffff;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--neutral-950: #030712;--education-blue: #0f172a;--education-navy: #1e293b;--education-teal: #0f766e;--education-emerald: #047857;--education-purple: #6366f1;--education-slate: #475569;--education-amber: #d97706;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--bg-primary: var(--neutral-0);--bg-secondary: var(--neutral-50);--bg-tertiary: var(--neutral-100);--bg-elevated: var(--neutral-0);--bg-overlay: rgba(15, 23, 42, .8);--bg-hero: linear-gradient(135deg, var(--education-blue) 0%, var(--education-navy) 50%, var(--education-teal) 100%);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-inverse: var(--neutral-0);--text-muted: var(--neutral-400);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-300);--border-focus: var(--primary-500);--border-error: var(--error-500);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--gradient-primary: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-700) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-700) 100%);--gradient-hero: linear-gradient(135deg, var(--education-blue) 0%, var(--education-navy) 50%, var(--education-teal) 100%);--gradient-card: linear-gradient(145deg, var(--neutral-0) 0%, var(--neutral-50) 100%);--gradient-button: linear-gradient(135deg, var(--education-purple) 0%, var(--primary-700) 100%);--gradient-success: linear-gradient(135deg, var(--success-500) 0%, var(--success-700) 100%);--gradient-warning: linear-gradient(135deg, var(--warning-500) 0%, var(--warning-700) 100%);--gradient-educational: linear-gradient(135deg, var(--education-blue) 0%, var(--education-purple) 50%, var(--education-emerald) 100%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--header-height: 4rem;--footer-height: auto;--sidebar-width: 16rem;--content-max-width: 1200px;--container-padding: var(--space-4);--course-card-width: 320px;--lesson-card-width: 280px;--creator-tool-sidebar: 300px;--player-controls-height: 60px}[data-theme=dark]{--bg-primary: var(--neutral-900);--bg-secondary: var(--neutral-800);--bg-tertiary: var(--neutral-700);--bg-elevated: var(--neutral-800);--bg-overlay: rgba(0, 0, 0, .8);--bg-hero: linear-gradient(135deg, var(--education-blue) 0%, var(--education-navy) 50%, var(--education-teal) 100%);--text-primary: var(--neutral-50);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--text-inverse: var(--neutral-900);--text-muted: var(--neutral-500);--border-primary: var(--neutral-700);--border-secondary: var(--neutral-600);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--gradient-card: linear-gradient(145deg, var(--neutral-800) 0%, var(--neutral-700) 100%);--gradient-educational: linear-gradient(135deg, var(--education-blue) 0%, var(--education-purple) 50%, var(--education-emerald) 100%)}[data-theme=high-contrast]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--bg-elevated: #1a1a1a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--text-inverse: #000000;--border-primary: #ffffff;--border-secondary: #cccccc;--border-focus: #ffff00;--primary-500: #0066ff;--secondary-500: #ff6600;--accent-500: #00cc66;--error-500: #ff3333;--warning-500: #ffcc00;--success-500: #00ff66}.theme-vars{--js-primary-500: var(--primary-500);--js-primary-600: var(--primary-600);--js-secondary-500: var(--secondary-500);--js-secondary-600: var(--secondary-600);--js-accent-500: var(--accent-500);--js-accent-600: var(--accent-600);--js-education-blue: var(--education-blue);--js-education-navy: var(--education-navy);--js-education-teal: var(--education-teal);--js-education-emerald: var(--education-emerald);--js-education-purple: var(--education-purple);--js-education-slate: var(--education-slate);--js-education-amber: var(--education-amber);--js-bg-primary: var(--bg-primary);--js-bg-secondary: var(--bg-secondary);--js-text-primary: var(--text-primary);--js-text-secondary: var(--text-secondary)}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(.5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f680}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-base:focus{outline:2px solid var(--border-focus);outline-offset:2px}.btn-base:disabled{opacity:.5;cursor:not-allowed}.card-base{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-base:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.input-base{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:all var(--transition-fast)}.input-base:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.input-base::placeholder{color:var(--text-tertiary)}.input-base:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.app{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--text-color: var(--text-primary);--toolbarOptionIconColor: var(--text-secondary);--background-color: var(--bg-primary);--background-secondary: var(--bg-secondary);--card-background: var(--bg-elevated);--hover-color: var(--bg-tertiary);--border-color: var(--border-primary);--primary-color: var(--primary-500);--primary-hover: var(--primary-600);--primary-light: var(--primary-100);--success-color: var(--success-500);--success-light: var(--success-100);--warning-color: var(--warning-500);--warning-light: var(--warning-100);--error-color: var(--error-500);--error-light: var(--error-100);--info-color: var(--info-500);--info-light: var(--info-100);--shadow-sm: var(--shadow-sm);--shadow-md: var(--shadow-md);--shadow-lg: var(--shadow-lg);scroll-behavior:smooth}body{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{font-weight:500;color:var(--primary-600);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-700)}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;transition:all .2s ease}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}img{max-width:100%;height:auto;display:block}u,s,strike,[style*=text-decoration]{text-decoration-color:currentColor!important}span[style*="text-decoration: underline"],span[style*="text-decoration: line-through"],span[style*="text-decoration:underline"],span[style*="text-decoration:line-through"]{text-decoration-color:currentColor!important}