*,:before,:after{box-sizing:border-box}:root,[data-theme=dark]{--color-bg:#0f0e17;--color-surface:#1c1b29;--color-surface-2:#16152a;--color-text:#e8e8f0;--color-text-muted:#9090a8;--color-accent:#7c6af7;--color-accent-hover:#6c5ae7;--color-border:#ffffff14;--color-success:#4caf50;--color-warning:#ffc107;--color-danger:#ff6b6b;--color-gradient-soft:#c4c0ff;--color-white:#fff}[data-theme=light]{--color-bg:#f5f5f2;--color-surface:#fff;--color-surface-2:#f0f0ed;--color-text:#1a1a2e;--color-text-muted:#5a5a72;--color-accent:#6c5ae7;--color-accent-hover:#5a48d5;--color-border:#0000001a;--color-success:#4caf50;--color-warning:#ffc107;--color-danger:#ff6b6b;--color-gradient-soft:#948cf4;--color-white:#fff}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Manrope,system-ui,Segoe UI,Roboto,sans-serif}#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-accent) 45%, transparent), 0 4px 14px color-mix(in srgb, var(--color-accent-hover) 30%, transparent)}50%{box-shadow:0 0 32px color-mix(in srgb, var(--color-accent) 75%, transparent), 0 0 56px color-mix(in srgb, var(--color-accent) 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)}}.gradient-text-primary{background:linear-gradient(135deg, var(--color-accent), var(--color-gradient-soft));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.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-accent-hover) 14%, transparent) 0, transparent 60%), radial-gradient(ellipse 55% 45% at 100% 0%, #6bd8cb12 0, transparent 55%), radial-gradient(ellipse 60% 55% at 100% 100%,#78dc770f 0, transparent 55%), radial-gradient(ellipse 45% 45% at 0% 100%, color-mix(in srgb, var(--color-gradient-soft) 6%, transparent) 0, transparent 55%);position:fixed;inset:0}.nav-active{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent) 18%, transparent) 0%, color-mix(in srgb, var(--color-accent) 3%, transparent) 100%)!important;border-left:2.5px solid var(--color-accent)!important;color:var(--color-gradient-soft)!important}.glass-hover{transition:border-color .22s,box-shadow .22s,transform .18s}.glass-hover:hover{border-color:color-mix(in srgb, var(--color-gradient-soft) 20%, transparent)!important;box-shadow:0 6px 32px color-mix(in srgb, var(--color-accent-hover) 16%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-gradient-soft) 7%, transparent)!important}.xp-fill{background:linear-gradient(90deg, var(--color-accent-hover), var(--color-accent), var(--color-gradient-soft));background-size:200% 100%;animation:3s ease-in-out infinite shimmerXP}@keyframes shimmerXP{0%{background-position:0 0}to{background-position:200% 0}}@media (width<=767px){main>:first-child{padding-top:52px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-accent) 25%, transparent);border-radius:9999px}