@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#8b5cf6;--color-primary-hover:#7c3aed;--color-secondary:#06b6d4;--color-secondary-hover:#0891b2;--gradient-primary:linear-gradient(135deg, #8b5cf6, #06b6d4);--gradient-primary-hover:linear-gradient(135deg, #7c3aed, #0891b2);--color-heart:#ec4899;--color-gold:#f59e0b;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-bg:#f5f5fa;--color-surface:#fff;--color-surface-hover:#fafafe;--color-surface-elevated:#fff;--color-surface-light:#f0f0f8;--color-border:#e2e2ee;--color-border-light:#ededf5;--color-text-primary:#0f0f1a;--color-text-secondary:#4b4b6b;--color-text-tertiary:#88a;--color-text-inverse:#fff;--color-overlay:#0f0f1a80;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.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-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.65;--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-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 32px #0000001a;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--sidebar-width:260px;--sidebar-width-collapsed:72px;--header-height:64px;--max-content-width:640px;--max-page-width:1200px;--level-spark:#94a3b8;--level-rising:#22c55e;--level-creator:#3b82f6;--level-artisan:#8b5cf6;--level-prodigy:#ec4899;--level-virtuoso:#f59e0b;--level-luminary:#ef4444;--level-icon:gold}[data-theme=dark]{--color-bg:#0a0a0f;--color-surface:#141420;--color-surface-hover:#1a1a2e;--color-surface-elevated:#1e1e2e;--color-surface-light:#1e1e2e;--color-border:#2a2a3e;--color-border-light:#222236;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0f0f1a;--color-overlay:#0009;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--shadow-xl:0 8px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;transition:background-color var(--transition-slow), color var(--transition-slow)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf61a}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{color:var(--color-text-primary);background:#8b5cf633}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-5)}.route-fallback{min-height:100vh;color:var(--color-text-secondary);place-items:center;display:grid}