@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600&display=swap");:root{--bg-primary:#0d0d0f;--bg-secondary:#161618;--bg-elevated:#1c1c1f;--glow-primary:#dc2626;--glow-primary-muted:#991b1b;--glow-secondary:#f59e0b;--glow-tertiary:#8b5cf6;--text-primary:#fafafa;--text-secondary:#a8a29e;--text-muted:#78716c;--integration-spotify:#1db954;--integration-apple:#fc3c44;--border:#27272a;--divider:#1f1f23;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk","Inter",sans-serif;--text-6xl:3.75rem;--text-5xl:3rem;--text-4xl:2.25rem;--text-3xl:1.875rem;--text-2xl:1.5rem;--text-xl:1.25rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:0.875rem;--text-xs:0.75rem;--leading-tight:1;--leading-snug:1.1;--leading-normal:1.2;--leading-relaxed:1.5;--leading-loose:1.6;--tracking-tight:-0.02em;--tracking-normal:-0.01em;--tracking-wide:0;--font-normal:400;--font-medium:500;--font-semibold:600;--section-sm:4rem;--section-md:6rem;--section-lg:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--prose:65ch;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-breath:cubic-bezier(0.37,0,0.63,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--duration-breath:4000ms;--z-base:1;--z-elevated:10;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal:1300;--z-popover:1400;--z-tooltip:1500}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.05);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 20px rgba(220,38,38,.3),0 4px 12px rgba(0,0,0,.3)}50%{box-shadow:0 0 25px rgba(220,38,38,.4),0 4px 12px rgba(0,0,0,.3)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .7s var(--ease-out) both}.animate-breathe{animation:breathe 4s var(--ease-breath) infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--glow-primary);outline-offset:2px}