@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: var(--white);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-elevated: var(--white);--bg-overlay: rgba(0, 0, 0, .5);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-inverse: var(--white);--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}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}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}.header.svelte-12qhfyh{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200)}.header-content.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;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.75rem}.logo-text.svelte-12qhfyh{font-size:1.5rem;font-weight:800;color:var(--gray-900)}.logo-accent.svelte-12qhfyh{color:var(--primary-600)}.nav-desktop.svelte-12qhfyh{display:flex;gap:.5rem}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:6px;padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:var(--gray-600);font-weight:500;transition:all .2s}.nav-link.svelte-12qhfyh:hover{background:var(--gray-100);color:var(--gray-900)}.nav-link.active.svelte-12qhfyh{background:var(--primary-50);color:var(--primary-600)}.nav-icon.svelte-12qhfyh{font-size:1.1rem}.header-actions.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.login-btn.svelte-12qhfyh{padding:.5rem 1rem;color:var(--gray-700);text-decoration:none;font-weight:500}.login-btn.svelte-12qhfyh:hover{color:var(--primary-600)}.signup-btn.svelte-12qhfyh{padding:.5rem 1.25rem;background:var(--primary-500);color:#fff;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s}.signup-btn.svelte-12qhfyh:hover{background:var(--primary-600)}.user-menu.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.user-name.svelte-12qhfyh{font-weight:500;color:var(--gray-700);font-size:.95rem}.logout-btn.svelte-12qhfyh{padding:.5rem 1rem;background:var(--gray-100);border:none;border-radius:8px;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all .2s}.logout-btn.svelte-12qhfyh:hover{background:var(--gray-200);color:var(--gray-800)}.mobile-menu-btn.svelte-12qhfyh{display:none;width:40px;height:40px;border:none;background:none;font-size:1.5rem;cursor:pointer;color:var(--gray-700)}.nav-mobile.svelte-12qhfyh{display:none;flex-direction:column;padding:1rem 2rem 2rem;border-top:1px solid var(--gray-200);background:#fff}.nav-link-mobile.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:1rem;text-decoration:none;color:var(--gray-700);font-weight:500;border-radius:8px}.nav-link-mobile.svelte-12qhfyh:hover{background:var(--gray-100)}.mobile-auth.svelte-12qhfyh{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.login-btn-mobile.svelte-12qhfyh,.signup-btn-mobile.svelte-12qhfyh{padding:.875rem;text-align:center;border-radius:8px;text-decoration:none;font-weight:600}.login-btn-mobile.svelte-12qhfyh{background:var(--gray-100);color:var(--gray-700)}.signup-btn-mobile.svelte-12qhfyh{background:var(--primary-500);color:#fff}.main.svelte-12qhfyh{flex:1}.footer.svelte-12qhfyh{background:var(--gray-900);color:#fff;padding:3rem 2rem;margin-top:auto}.footer-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-brand.svelte-12qhfyh{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700}.footer-tagline.svelte-12qhfyh{font-weight:400;color:var(--gray-400);font-size:.9rem}.footer-links.svelte-12qhfyh{display:flex;gap:2rem}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--gray-400);text-decoration:none;font-size:.9rem}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#fff}.footer-copy.svelte-12qhfyh{color:var(--gray-500);font-size:.85rem}@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:1rem}.footer-links.svelte-12qhfyh{flex-wrap:wrap;justify-content:center;gap:1rem 2rem}}