@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#1a1a25cc;--bg-glass:#1a1a2599;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6b6b7b;--accent-primary:#8b5cf6;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg,#8b5cf6 0%,#06b6d4 100%);--accent-glow:#8b5cf64d;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--border-color:#ffffff14;--border-hover:#ffffff26;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sidebar-width:260px;--player-height:90px;--header-height:70px;--mobile-nav-height:60px;--sm:640px;--md:768px;--lg:1024px;--xl:1280px;--2xl:1536px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 30px var(--accent-glow);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}[data-theme=blood-red]{--bg-primary:#1a0505;--bg-secondary:#2f0a0a;--bg-tertiary:#450f0f;--bg-card:#450f0fcc;--bg-glass:#450f0f99;--accent-primary:#dc2626;--accent-secondary:#991b1b;--accent-gradient:linear-gradient(135deg,#dc2626 0%,#7f1d1d 100%);--accent-glow:#dc262666}[data-theme=toxic-green]{--bg-primary:#051a05;--bg-secondary:#0a2f0a;--bg-tertiary:#0f450f;--bg-card:#0f450fcc;--bg-glass:#0f450f99;--accent-primary:#84cc16;--accent-secondary:#3f6212;--accent-gradient:linear-gradient(135deg,#84cc16 0%,#3f6212 100%);--accent-glow:#84cc1666}[data-theme=cyber-blue]{--bg-primary:#050a1a;--bg-secondary:#0a122f;--bg-tertiary:#0f1a45;--bg-card:#0f1a45cc;--bg-glass:#0f1a4599;--accent-primary:#00f0ff;--accent-secondary:#08f;--accent-gradient:linear-gradient(135deg,#00f0ff 0%,#08f 100%);--accent-glow:#00f0ff66}[data-theme=phonk-purple]{--bg-primary:#10051a;--bg-secondary:#1d0a2f;--bg-tertiary:#2a0f45;--bg-card:#2a0f45cc;--bg-glass:#2a0f4599;--accent-primary:#7e22ce;--accent-secondary:#4c1d95;--accent-gradient:linear-gradient(135deg,#7e22ce 0%,#2e1065 100%);--accent-glow:#7e22ce66}[data-theme=sunset-orange]{--bg-primary:#1a0f0a;--bg-secondary:#2d1810;--bg-tertiary:#3d2015;--bg-card:#3d2015cc;--bg-glass:#3d201599;--accent-primary:#fb923c;--accent-secondary:#ea580c;--accent-gradient:linear-gradient(135deg,#fb923c 0%,#ea580c 100%);--accent-glow:#fb923c66}[data-theme=midnight-black]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-card:#141414cc;--bg-glass:#14141499;--accent-primary:#6b7280;--accent-secondary:#374151;--accent-gradient:linear-gradient(135deg,#6b7280 0%,#374151 100%);--accent-glow:#6b728066}[data-theme=neon-pink]{--bg-primary:#1a0a14;--bg-secondary:#2d1025;--bg-tertiary:#3d1535;--bg-card:#3d1535cc;--bg-glass:#3d153599;--accent-primary:#ec4899;--accent-secondary:#be185d;--accent-gradient:linear-gradient(135deg,#ec4899 0%,#be185d 100%);--accent-glow:#ec489966}[data-theme=ocean-teal]{--bg-primary:#0a1a1a;--bg-secondary:#102d2d;--bg-tertiary:#153d3d;--bg-card:#153d3dcc;--bg-glass:#153d3d99;--accent-primary:#14b8a6;--accent-secondary:#0d9488;--accent-gradient:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);--accent-glow:#14b8a666}[data-theme=crimson-glow]{--bg-primary:#1a0505;--bg-secondary:#2f0a0a;--bg-tertiary:#450f0f;--bg-card:#450f0fcc;--bg-glass:#450f0f99;--accent-primary:#ef4444;--accent-secondary:#7f1d1d;--accent-gradient:linear-gradient(135deg,#ef4444 0%,#7f1d1d 100%);--accent-glow:#ef444466}[data-theme=forest-night]{--bg-primary:#051a0a;--bg-secondary:#0a2f14;--bg-tertiary:#0f451f;--bg-card:#0f451fcc;--bg-glass:#0f451f99;--accent-primary:#166534;--accent-secondary:#0b3b22;--accent-gradient:linear-gradient(135deg,#166534 0%,#0b3b22 100%);--accent-glow:#16653466}[data-theme=gold-ember]{--bg-primary:#1a1005;--bg-secondary:#2d1810;--bg-tertiary:#3d2415;--bg-card:#3d2415cc;--bg-glass:#3d241599;--accent-primary:#f59e0b;--accent-secondary:#b45309;--accent-gradient:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);--accent-glow:#f59e0b66}[data-theme=ambient]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-card:#2a2a2acc;--bg-glass:#2a2a2a99;--accent-primary:#8b5cf6;--accent-secondary:#6366f1;--accent-gradient:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);--accent-glow:#8b5cf666}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;font-size:16px}@media (max-width:640px){html{font-size:14px}}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle at 15% 50%,var(--accent-glow)0%,transparent 25%),radial-gradient(circle at 85% 30%,var(--accent-glow)0%,transparent 25%),radial-gradient(circle at 50% 80%,#ffffff0d 0%,transparent 50%);opacity:.6;z-index:-1;pointer-events:none;will-change:auto;position:fixed;inset:0}body:after{content:"";background:radial-gradient(circle at 80% 80%,var(--accent-glow)0%,transparent 20%),radial-gradient(circle at 20% 20%,var(--accent-glow)0%,transparent 20%);opacity:.4;z-index:-1;pointer-events:none;will-change:auto;position:fixed;inset:0}@keyframes bgPulse{0%{opacity:.4}to{opacity:.6}}@keyframes bgFloat{0%{transform:translate(0)}to{transform:translate(-10px,10px)}}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;font-family:inherit}input:focus,textarea:focus,button:focus{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass,.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.neon-text{color:#fff;text-shadow:0 0 5px var(--accent-primary),0 0 10px var(--accent-primary),0 0 20px var(--accent-primary),0 0 40px var(--accent-secondary)}.glow{box-shadow:var(--shadow-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}