@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box}:root,[data-theme=light]{--color-background:#f7f6f2;--color-surface:#f9f8f5;--color-surface2:#fbfbf9;--color-surface-offset:#f0ede8;--color-border:#dcd9d3;--color-divider:#e8e5e0;--color-text:#1a1916;--color-text-muted:#6b6a65;--color-text-faint:#b0afa9;--color-text-inverse:#f9f8f4;--color-primary:#016a70;--color-primary-hover:#0a5157;--color-primary-active:#0d3a3e;--color-primary-subtle:#e0eeec;--color-primary-ring:#016a7040;--color-success:#3d7a1e;--color-success-subtle:#ddefd1;--color-warning:#b85c00;--color-warning-subtle:#fce9d4;--color-error:#b52b4e;--color-error-subtle:#fcd9e2;--shadow-sm:0 1px 3px #14120c12;--shadow-md:0 4px 12px #14120c17;--shadow-lg:0 12px 32px #14120c1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-body:"Inter", "Helvetica Neue", sans-serif;--color-bg:var(--color-background);--color-surface-2:var(--color-surface2);--color-accent:var(--color-primary);--color-accent-hover:var(--color-primary-hover);--color-danger:var(--color-error);--color-gradient-soft:#5bb8c0;--color-white:#fff}[data-theme=dark]{--color-background:#141310;--color-surface:#1c1b18;--color-surface2:#22211e;--color-surface-offset:#1f1e1b;--color-border:#343230;--color-divider:#2a2926;--color-text:#e8e6e1;--color-text-muted:#7a7874;--color-text-faint:#4e4d49;--color-text-inverse:#1a1916;--color-primary:#3fa0a8;--color-primary-hover:#2a8a92;--color-primary-active:#1b6e75;--color-primary-subtle:#1e3436;--color-primary-ring:#3fa0a84d;--color-success:#5da83a;--color-success-subtle:#263820;--color-warning:#d97a1a;--color-warning-subtle:#3a2710;--color-error:#e05272;--color-error-subtle:#3a1a23;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 32px #00000073;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--font-body:"Inter", "Helvetica Neue", sans-serif;--color-bg:var(--color-background);--color-surface-2:var(--color-surface2);--color-accent:var(--color-primary);--color-accent-hover:var(--color-primary-hover);--color-danger:var(--color-error);--color-gradient-soft:#3fa0a8;--color-white:#fff}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 18px color-mix(in srgb, var(--color-primary) 45%, transparent), 0 4px 14px color-mix(in srgb, var(--color-primary-hover) 30%, transparent)}50%{box-shadow:0 0 32px color-mix(in srgb, var(--color-primary) 75%, transparent), 0 0 56px color-mix(in srgb, var(--color-primary) 20%, transparent)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes streakFlame{0%,to{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-warning) 80%, transparent))}50%{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--color-warning) 90%, transparent))}}@keyframes xpFloat{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-36px)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerXP{0%{background-position:0 0}to{background-position:200% 0}}@keyframes popIn{0%{transform:scale(.8)}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.gradient-text-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-gradient-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-enter{animation:.15s forwards pageFadeIn}.mesh-bg:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(ellipse 70% 50% at 0% 0%, color-mix(in srgb, var(--color-primary) 8%, transparent) 0, transparent 60%), radial-gradient(ellipse 55% 45% at 100% 0%, color-mix(in srgb, var(--color-primary-hover) 5%, transparent) 0, transparent 55%), radial-gradient(ellipse 60% 55% at 100% 100%, color-mix(in srgb, var(--color-success) 4%, transparent) 0, transparent 55%), radial-gradient(ellipse 45% 45% at 0% 100%, color-mix(in srgb, var(--color-gradient-soft) 4%, transparent) 0, transparent 55%);position:fixed;inset:0}.nav-active{background:var(--color-primary-subtle)!important;color:var(--color-primary)!important}.glass-hover{transition:border-color .16s,box-shadow .16s,transform .16s}.glass-hover:hover{transform:translateY(-2px);border-color:color-mix(in srgb, var(--color-primary) 20%, transparent)!important;box-shadow:var(--shadow-md)!important}.xp-fill{background:linear-gradient(90deg, var(--color-primary-hover), var(--color-primary), var(--color-gradient-soft));background-size:200% 100%;animation:3s ease-in-out infinite shimmerXP}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:9999px}.sidebar-nav-item:hover{background:var(--color-surface-offset)!important}.sl-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);box-shadow:0 1px 4px #14120c0f}