:root{--color-primary:#1db954;--color-primary-hover:#1ed760;--color-primary-muted:#1db9541a;--color-primary-alpha:#1db9544d;--color-secondary:#6366f1;--color-secondary-hover:#818cf8;--color-secondary-muted:#6366f11a;--color-secondary-alpha:#6366f14d;--color-accent:#8b5cf6;--color-accent-hover:#a78bfa;--color-accent-muted:#8b5cf61a;--color-accent-alpha:#8b5cf614;--color-background:#0a0a0b;--color-surface:#18181bd9;--color-surface-solid:#18181b;--color-surface-elevated:#27272aeb;--color-surface-hover:#ffffff0a;--acrylic-blur:12px;--acrylic-saturation:1.2;--color-text:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-disabled:#52525b;--color-border:#ffffff26;--color-border-hover:#fff3;--color-border-focus:var(--color-primary-alpha);--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:var(--color-secondary);--brand-spotify-green:#1db954;--brand-spotify-green-light:#1ed760;--brand-spotify-black:#191414;--brand-apple-music-red:#fc3c44;--brand-deezer-purple:#a238ff;--shadow-glow-primary:0 0 20px var(--color-primary-alpha);--shadow-glow-secondary:0 0 20px var(--color-secondary-alpha);--shadow-glow-accent:0 0 30px var(--color-accent-alpha);--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--radius-none:0;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-panel:600;--z-tooltip:700;--z-widget:900;--z-max:9999;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--duration-instant:0s;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--ease-default:cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--transition-fast:var(--duration-fast)var(--ease-default);--transition-normal:var(--duration-normal)var(--ease-default);--transition-slow:var(--duration-slow)var(--ease-default);--glass-blur:12px;--glass-bg:#121214cc;--glass-border:#ffffff0f;--panel-bg:#141414f2;--panel-backdrop:#000c;--panel-border:var(--color-border);--panel-radius:var(--radius-xl);--panel-shadow:var(--shadow-xl)}[data-theme=cyan]{--color-secondary:#22d3ee;--color-secondary-hover:#67e8f9;--color-secondary-muted:#22d3ee1a;--color-secondary-alpha:#22d3ee4d;--color-accent:#0ea5e9;--color-accent-hover:#38bdf8;--color-accent-muted:#0ea5e91a;--color-accent-alpha:#0ea5e914;--color-info:var(--color-secondary);--shadow-glow-secondary:0 0 20px var(--color-secondary-alpha);--shadow-glow-accent:0 0 30px var(--color-accent-alpha)}[data-theme=rose]{--color-secondary:#f472b6;--color-secondary-hover:#f9a8d4;--color-secondary-muted:#f472b61a;--color-secondary-alpha:#f472b64d;--color-accent:#a855f7;--color-accent-hover:#c084fc;--color-accent-muted:#a855f71a;--color-accent-alpha:#a855f714;--color-info:var(--color-secondary);--shadow-glow-secondary:0 0 20px var(--color-secondary-alpha);--shadow-glow-accent:0 0 30px var(--color-accent-alpha)}[data-theme=amber]{--color-secondary:#f59e0b;--color-secondary-hover:#fbbf24;--color-secondary-muted:#f59e0b1a;--color-secondary-alpha:#f59e0b4d;--color-accent:#ea580c;--color-accent-hover:#f97316;--color-accent-muted:#ea580c1a;--color-accent-alpha:#ea580c14;--color-background:#0c0a09;--color-surface:#1c1917d9;--color-surface-solid:#1c1917;--color-info:var(--color-secondary);--shadow-glow-secondary:0 0 20px var(--color-secondary-alpha);--shadow-glow-accent:0 0 30px var(--color-accent-alpha)}:root{--noise-filter:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--noise-opacity:.22;--noise-opacity-hover:.28;--noise-opacity-subtle:.15;--noise-opacity-heavy:.3}.panel-acrylic{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(var(--acrylic-blur))saturate(var(--acrylic-saturation));box-shadow:none;border-radius:12px;transition:border-color .35s,box-shadow .35s;position:relative;overflow:hidden}.panel-acrylic:before{content:"";background:var(--noise-filter);opacity:var(--noise-opacity);mix-blend-mode:overlay;pointer-events:none;z-index:1;background-size:256px 256px;transition:opacity .3s;position:absolute;inset:0}.panel-elevated{background:var(--color-surface-elevated);border:1px solid var(--color-border-hover);-webkit-backdrop-filter:blur(16px)saturate(1.3);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.panel-elevated:before{content:"";background:var(--noise-filter);opacity:var(--noise-opacity-heavy);mix-blend-mode:overlay;pointer-events:none;z-index:1;background-size:256px 256px;position:absolute;inset:0}.panel-solid{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:12px}.panel-interactive{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(var(--acrylic-blur))saturate(var(--acrylic-saturation));cursor:pointer;border-radius:12px;transition:border-color .2s,transform .2s,box-shadow .3s;position:relative;overflow:hidden}.panel-interactive:before{content:"";background:var(--noise-filter);opacity:var(--noise-opacity);mix-blend-mode:overlay;pointer-events:none;z-index:1;background-size:256px 256px;transition:opacity .2s;position:absolute;inset:0}.panel-interactive:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 4px 20px #0000004d,inset 0 0 0 .5px #ffffff1f,inset 0 10px 30px #ffffff0f}.panel-interactive:hover:before{opacity:var(--noise-opacity-hover)}.panel-interactive:active{transform:translateY(0)}.panel-acrylic-subtle:before{opacity:var(--noise-opacity-subtle)}.panel-acrylic-subtle:hover:before{opacity:.14}.panel-acrylic-heavy:before{opacity:var(--noise-opacity-heavy)}.panel-acrylic-heavy:hover:before{opacity:.26}.text-focus-blur{z-index:1;position:relative}.text-focus-blur:before{content:"";background:var(--color-surface);filter:blur(8px);opacity:0;z-index:-1;border-radius:8px;transition:opacity .3s;position:absolute;inset:-8px -16px}.text-focus-blur:hover:before{opacity:.85}.header-blur{-webkit-backdrop-filter:blur(12px)saturate(1.2);-webkit-mask:linear-gradient(#000 70%,#0000 100%);mask:linear-gradient(#000 70%,#0000 100%)}.footer-blur{-webkit-backdrop-filter:blur(16px)saturate(1.3);-webkit-mask:linear-gradient(#0000 0%,#000 40%);mask:linear-gradient(#0000 0%,#000 40%)}
@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:enter var(--duration-normal)var(--ease-out)forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in var(--duration-normal)var(--ease-default)forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up var(--duration-normal)var(--ease-out)forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in var(--duration-normal)var(--ease-bounce)forwards}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:pop-in var(--duration-normal)var(--ease-bounce)forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,var(--color-surface)25%,var(--color-surface-elevated)50%,var(--color-surface)75%);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes breathing-bar{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.animate-breathing-bar{animation:1.2s ease-in-out infinite breathing-bar}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:2s ease-in-out infinite pulse-slow}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce-subtle{animation:.6s ease-in-out bounce-subtle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:1.5s linear infinite spin}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--color-primary-alpha)}50%{box-shadow:0 0 20px var(--color-primary-alpha),0 0 40px var(--color-primary-muted)}}.animate-glow-pulse{animation:2s ease-in-out infinite glow-pulse}.stagger-1{--stagger-index:1}.stagger-2{--stagger-index:2}.stagger-3{--stagger-index:3}.stagger-4{--stagger-index:4}.stagger-5{--stagger-index:5}.stagger-6{--stagger-index:6}.stagger-7{--stagger-index:7}.stagger-8{--stagger-index:8}.stagger-9{--stagger-index:9}.stagger-10{--stagger-index:10}[class*=stagger-]{animation-delay:calc(var(--stagger-index,0)*60ms)}