@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=SF+Pro+Display:wght@400;500;600;700;800&display=swap";:root{--primary: #FA243C;--primary-dim: #c41c2e;--primary-glow: rgba(250, 36, 60, .35);--primary-faint: rgba(250, 36, 60, .12);--bg: #000000;--bg-surface: #121212;--bg-card: #181818;--bg-elevated: #282828;--bg-sidebar: #000000;--bg-sidebar-card:#121212;--bg-player: #181818;--text-primary: #ffffff;--text-secondary: #B3B3B3;--text-tertiary: #6B6B6B;--divider: #404040;--border: rgba(255,255,255,.08);--border-h: rgba(255,255,255,.15);--grad-primary: linear-gradient(135deg, #FA243C 0%, #FF6B81 100%);--grad-card: linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);--bottom-nav-bg: #1C1C1E;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--ease: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:15px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.3px}button{font-family:var(--font);cursor:pointer;border:none;background:none;outline:none;transition:all var(--ease)}input,textarea,select{font-family:var(--font);outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff59}.glass{background:#181818f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes eq-bar{0%,to{height:4px}50%{height:16px}}.eq-bar{width:3px;background:var(--primary);border-radius:2px;animation:eq-bar .8s ease-in-out infinite}.eq-bar:nth-child(1){animation-delay:0s}.eq-bar:nth-child(2){animation-delay:.15s}.eq-bar:nth-child(3){animation-delay:.3s}.eq-bar:nth-child(4){animation-delay:.1s}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.primary-btn{background:var(--primary);color:#fff;font-weight:700;border-radius:var(--r-md);padding:13px 24px;font-size:15px;transition:all var(--ease)}.primary-btn:hover{background:var(--primary-dim);transform:scale(1.02)}.primary-btn:active{transform:scale(.98)}@keyframes ping{0%{transform:scale(1);opacity:.8}75%,to{transform:scale(2.2);opacity:0}}.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}