@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--primary-50: #E3F2FD;--primary-100: #BBDEFB;--primary-200: #90CAF9;--primary-300: #64B5F6;--primary-400: #42A5F5;--primary-500: #2196F3;--primary-600: #1E88E5;--primary-700: #1976D2;--primary-800: #1565C0;--primary-900: #0D47A1;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--success-50: #E8F5E9;--success-500: #4CAF50;--success-600: #43A047;--warning-50: #FFF3E0;--warning-500: #FF9800;--warning-600: #FB8C00;--error-50: #FFEBEE;--error-500: #F44336;--error-600: #E53935;--info-50: #E0F7FA;--info-500: #00BCD4;--info-600: #00ACC1;--xp-gold: #FFD700;--xp-gold-light: #FFF8DC;--streak-orange: #FF6B35;--streak-orange-light: #FFF0EB;--level-purple: #7C4DFF;--level-purple-light: #EDE7F6;--mastery-green: #00C853;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-elevated: #1e293b;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--text-link: var(--primary-600);--text-link-hover: var(--primary-700);--border-default: var(--gray-200);--border-light: var(--gray-100);--border-strong: var(--gray-300);--border-focus: var(--primary-500);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--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;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(33, 150, 243, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-toast: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background-color:var(--primary-100);color:var(--primary-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-slow)}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.mobile-bottom-nav.svelte-10h96y9{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#0a0f1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);padding:.5rem .25rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));justify-content:space-around}@media(max-width:768px){.mobile-bottom-nav.svelte-10h96y9{display:flex}}.nav-item.svelte-10h96y9{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4rem .75rem;border-radius:12px;text-decoration:none;color:#64748b;transition:all .2s ease;min-width:60px}.nav-item.svelte-10h96y9:active{transform:scale(.95)}.nav-item.active.svelte-10h96y9{color:#60a5fa;background:#3b82f61a}.nav-icon.svelte-10h96y9{font-size:1.25rem;line-height:1}.nav-label.svelte-10h96y9{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.app.svelte-12qhfyh{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#0a0f1a}.header.svelte-12qhfyh{position:sticky;top:0;z-index:100;background:#0a0f1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04)}.header-content.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;max-width:1400px;margin:0 auto}.logo.svelte-12qhfyh{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-icon.svelte-12qhfyh{font-size:1.5rem}.logo-text.svelte-12qhfyh{font-size:1.35rem;font-weight:800;color:#f1f5f9}.logo-accent.svelte-12qhfyh{color:#60a5fa}.nav-desktop.svelte-12qhfyh{display:flex;gap:.35rem}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:6px;padding:.5rem .85rem;border-radius:10px;text-decoration:none;color:#94a3b8;font-weight:500;font-size:.9rem;transition:all .15s}.nav-link.svelte-12qhfyh:hover{background:#ffffff0d;color:#e2e8f0}.nav-link.active.svelte-12qhfyh{background:#3b82f61a;color:#60a5fa}.nav-icon.svelte-12qhfyh{font-size:1rem}.header-actions.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.login-btn.svelte-12qhfyh{padding:.5rem .85rem;color:#94a3b8;text-decoration:none;font-weight:500;font-size:.9rem;transition:color .15s}.login-btn.svelte-12qhfyh:hover{color:#e2e8f0}.signup-btn.svelte-12qhfyh{padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .15s;box-shadow:0 2px 8px #3b82f640}.signup-btn.svelte-12qhfyh:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659}.user-menu.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.user-name.svelte-12qhfyh{font-weight:500;color:#94a3b8;font-size:.85rem}.logout-btn.svelte-12qhfyh{padding:.4rem .75rem;background:#ffffff0d;border:none;border-radius:8px;color:#64748b;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .15s}.logout-btn.svelte-12qhfyh:hover{background:#ffffff14;color:#94a3b8}.pro-badge-nav.svelte-12qhfyh{display:inline-flex;align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px}.upgrade-btn.svelte-12qhfyh{display:inline-flex;align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;text-decoration:none;transition:all .15s}.upgrade-btn.svelte-12qhfyh:hover{transform:scale(1.02);box-shadow:0 4px 12px #f59e0b40}.mobile-menu-btn.svelte-12qhfyh{display:none;width:40px;height:40px;border:none;background:#ffffff0d;border-radius:10px;font-size:1.25rem;cursor:pointer;color:#94a3b8;transition:all .15s}.mobile-menu-btn.svelte-12qhfyh:hover{background:#ffffff14;color:#e2e8f0}.nav-mobile.svelte-12qhfyh{display:none;flex-direction:column;padding:.75rem 1rem 1.25rem;border-top:1px solid rgba(255,255,255,.04);background:#0a0f1afa}.nav-link-mobile.svelte-12qhfyh{display:flex;align-items:center;gap:10px;padding:.85rem 1rem;text-decoration:none;color:#94a3b8;font-weight:500;border-radius:10px;transition:all .15s}.nav-link-mobile.svelte-12qhfyh:hover{background:#ffffff0d;color:#e2e8f0}.mobile-auth.svelte-12qhfyh{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.04)}.login-btn-mobile.svelte-12qhfyh,.signup-btn-mobile.svelte-12qhfyh{padding:.85rem;text-align:center;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem}.login-btn-mobile.svelte-12qhfyh{background:#ffffff0d;color:#e2e8f0}.signup-btn-mobile.svelte-12qhfyh{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.mobile-user.svelte-12qhfyh{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.04)}.mobile-user-row.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-user-name.svelte-12qhfyh{font-weight:600;color:#e2e8f0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn-mobile.svelte-12qhfyh{padding:.85rem;text-align:center;border-radius:10px;font-weight:600;border:none;cursor:pointer;background:#ffffff0d;color:#94a3b8;transition:all .15s}.logout-btn-mobile.svelte-12qhfyh:hover{background:#ffffff14;color:#e2e8f0}.main.svelte-12qhfyh{flex:1;min-height:0}body:has(.route-learn) .app.svelte-12qhfyh{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}body:has(.route-learn) .main.svelte-12qhfyh{height:0;flex:1 1 0;overflow:hidden}.footer.svelte-12qhfyh{background:#0f172acc;border-top:1px solid rgba(255,255,255,.04);color:#94a3b8;padding:2rem 1.5rem;margin-top:auto}.footer-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-brand.svelte-12qhfyh{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#e2e8f0}.footer-tagline.svelte-12qhfyh{font-weight:400;color:#64748b;font-size:.85rem}.footer-links.svelte-12qhfyh{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#64748b;text-decoration:none;font-size:.85rem;transition:color .15s}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#e2e8f0}.footer-copy.svelte-12qhfyh{color:#475569;font-size:.8rem}@media(max-width:768px){.nav-desktop.svelte-12qhfyh,.login-btn.svelte-12qhfyh,.signup-btn.svelte-12qhfyh{display:none}.mobile-menu-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center}.nav-mobile.svelte-12qhfyh{display:flex}.header-content.svelte-12qhfyh{padding:.6rem 1rem}.header-actions.svelte-12qhfyh{margin-left:auto;gap:.5rem}.user-menu.svelte-12qhfyh{display:none}.footer-links.svelte-12qhfyh{gap:1rem}.footer.svelte-12qhfyh{padding:1.5rem 1rem}}@media(max-width:420px){.logo-text.svelte-12qhfyh{font-size:1.15rem}.logo-icon.svelte-12qhfyh{font-size:1.25rem}}