@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--bg-primary:#000000;--bg-elevated:#1c1c1e;--bg-secondary:#2c2c2e;--bg-tertiary:#3a3a3c;--bg-quaternary:#48484a;--glass-bg:rgba(255,255,255,0.05);--glass-bg-hover:rgba(255,255,255,0.07);--glass-border:rgba(255,255,255,0.1);--glass-border-hover:rgba(255,255,255,0.15);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-tertiary:rgba(255,255,255,0.5);--text-quaternary:rgba(255,255,255,0.3);--text-disabled:rgba(255,255,255,0.2);--accent-purple:#9B5FFF;--accent-purple-hover:#8A4EEE;--accent-purple-active:#7A3EDE;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--accent-blue:#0a84ff;--color-success:#30d158;--color-success-bg:rgba(48,209,88,0.15);--color-error:#ff453a;--color-error-bg:rgba(255,69,58,0.15);--color-warning:#ff9f0a;--color-warning-bg:rgba(255,159,10,0.15);--color-info:#0a84ff;--color-info-bg:rgba(10,132,255,0.15);--gradient-brand:linear-gradient(135deg,#9B5FFF,#06b6d4);--gradient-brand-hover:linear-gradient(135deg,#8A4EEE,#0891b2);--gradient-glow:radial-gradient(circle at center,rgba(155,95,255,0.3) 0%,transparent 70%);--gradient-card:linear-gradient(180deg,rgba(255,255,255,0.05),transparent);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"SF Mono",SFMono-Regular,Menlo,Monaco,"Courier New",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:1rem;--text-md:1rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.02em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.01em;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5);--shadow-xl:0 16px 48px rgba(0,0,0,0.6);--shadow-2xl:0 24px 64px rgba(0,0,0,0.7);--shadow-glow-sm:0 0 15px rgba(155,95,255,0.3);--shadow-glow-md:0 0 30px rgba(155,95,255,0.4);--shadow-glow-lg:0 0 45px rgba(155,95,255,0.5);--shadow-glow-purple:0 0 30px rgba(155,95,255,0.4);--shadow-glow-cyan:0 0 30px rgba(6,182,212,0.4);--shadow-glow-pink:0 0 30px rgba(236,72,153,0.4);--duration-instant:50ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.42,0,1,1);--ease-out:cubic-bezier(0,0,0.58,1);--ease-in-out:cubic-bezier(0.42,0,0.58,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--z-below:-1;--z-base:0;--z-above:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-toast:80;--z-max:9999;--blur-none:0;--blur-sm:4px;--blur-md:8px;--blur-lg:12px;--blur-xl:20px;--blur-2xl:40px;--blur-glass:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(155,95,255,.3)}50%{box-shadow:0 0 30px rgba(155,95,255,.6)}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heartBurst{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(.9)}to{transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out) forwards}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) forwards}.animate-fade-out{animation:fadeOut var(--duration-normal) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) forwards}.animate-scale-out{animation:scaleOut var(--duration-fast) var(--ease-out) forwards}.animate-slide-in-bottom{animation:slideInBottom var(--duration-slow) var(--ease-spring) forwards}.animate-slide-out-bottom{animation:slideOutBottom var(--duration-normal) var(--ease-in) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-out) forwards}.animate-shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.05) 50%,rgba(255,255,255,0));background-size:200% 100%;animation:shimmer 2s infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-pulse-scale{animation:pulseScale 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-bounce{animation:bounce .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-heart-burst{animation:heartBurst .4s var(--ease-spring)}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-smooth)}.transition-fast{transition:all var(--duration-fast) var(--ease-smooth)}.transition-slow{transition:all var(--duration-slow) var(--ease-smooth)}.transition-colors{transition:color var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.transition-transform{transition:transform var(--duration-fast) var(--ease-spring)}.transition-opacity{transition:opacity var(--duration-fast) var(--ease-smooth)}.press-effect{transition:transform var(--duration-instant) var(--ease-spring)}.press-effect:active{transform:scale(.97)}.hover-lift{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--duration-fast) var(--ease-out)}.hover-glow:hover{box-shadow:var(--shadow-glow-md)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}:root{--glass-ultra-thin:rgba(255,255,255,0.05);--glass-thin:rgba(255,255,255,0.08);--glass-regular:rgba(255,255,255,0.12);--glass-thick:rgba(255,255,255,0.18);--glass-ultra-thick:rgba(255,255,255,0.25);--glass-border-subtle:rgba(255,255,255,0.08);--glass-border-regular:rgba(255,255,255,0.15);--glass-border-prominent:rgba(255,255,255,0.25);--glass-shadow-sm:0 2px 8px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.2);--glass-shadow-md:0 4px 16px rgba(0,0,0,0.4),0 2px 4px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.1);--glass-shadow-lg:0 8px 32px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.12);--glass-shadow-xl:0 16px 48px rgba(0,0,0,0.6),0 8px 16px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.15);--blur-glass-sm:blur(8px);--blur-glass-md:blur(16px);--blur-glass-lg:blur(24px);--blur-glass-xl:blur(40px);--blur-glass-2xl:blur(60px);--tint-primary:rgba(139,92,246,0.15);--tint-success:rgba(52,199,89,0.15);--tint-warning:rgba(255,159,10,0.15);--tint-danger:rgba(255,69,58,0.15);--tint-info:rgba(10,132,255,0.15);--font-display:-apple-system,"SF Pro Display","Helvetica Neue",sans-serif;--font-text:-apple-system,"SF Pro Text","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--spring-fast:cubic-bezier(0.175,0.885,0.32,1.275);--spring-normal:cubic-bezier(0.34,1.56,0.64,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}.glass-surface{background:var(--glass-regular);backdrop-filter:var(--blur-glass-lg);-webkit-backdrop-filter:var(--blur-glass-lg);border:1px solid var(--glass-border-regular);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-md);transition:all var(--duration-normal) var(--ease-out-expo)}.glass-surface:hover{border-color:var(--glass-border-prominent);transform:translateY(-1px)}.glass-panel,.glass-surface:hover{background:var(--glass-thick);box-shadow:var(--glass-shadow-lg)}.glass-panel{backdrop-filter:var(--blur-glass-xl);-webkit-backdrop-filter:var(--blur-glass-xl);border:1px solid var(--glass-border-prominent);border-radius:var(--radius-2xl)}.glass-button{background:var(--glass-regular);backdrop-filter:var(--blur-glass-md);-webkit-backdrop-filter:var(--blur-glass-md);border:1px solid var(--glass-border-regular);border-radius:var(--radius-full);box-shadow:var(--glass-shadow-sm);transition:all .15s var(--ease-out-expo);font-family:var(--font-text);font-weight:500;letter-spacing:-.01em}.glass-button:hover{background:var(--glass-thick);border-color:var(--glass-border-prominent);transform:scale(1.02)}.glass-button:active{transform:scale(.97);background:var(--glass-ultra-thick)}.glass-button-primary{background:rgba(139,92,246,.7);backdrop-filter:var(--blur-glass-md);-webkit-backdrop-filter:var(--blur-glass-md);border:1px solid rgba(139,92,246,.4);border-radius:var(--radius-full);box-shadow:0 4px 16px rgba(139,92,246,.3),var(--glass-shadow-sm);color:white;font-weight:600;letter-spacing:-.01em;transition:all .15s var(--ease-out-expo)}.glass-button-primary:hover{background:rgba(139,92,246,.85);box-shadow:0 6px 24px rgba(139,92,246,.4),var(--glass-shadow-md);transform:scale(1.02)}.glass-button-primary:active{transform:scale(.97)}.glass-badge{background:var(--glass-thin);backdrop-filter:var(--blur-glass-sm);-webkit-backdrop-filter:var(--blur-glass-sm);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-full);padding:4px 12px;font-size:12px;font-weight:600;letter-spacing:.01em}.glass-badge-live{background:rgba(52,199,89,.2);border-color:rgba(52,199,89,.4);color:rgb(52,199,89);box-shadow:0 0 12px rgba(52,199,89,.2)}.glass-badge-live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:rgb(52,199,89);margin-right:6px;animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.glass-badge-disconnected{background:rgba(255,69,58,.15);border-color:rgba(255,69,58,.3);color:rgba(255,69,58,.9)}.glass-badge-warning{background:rgba(255,159,10,.15);border-color:rgba(255,159,10,.3);color:rgba(255,159,10,.9)}.glass-input{background:var(--glass-thin);backdrop-filter:var(--blur-glass-md);-webkit-backdrop-filter:var(--blur-glass-md);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg);color:white;font-family:var(--font-text);transition:all .15s var(--ease-out-expo)}.glass-input:focus{background:var(--glass-regular);border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.15),var(--glass-shadow-sm);outline:none}.glass-nav{background:rgba(0,0,0,.4);backdrop-filter:var(--blur-glass-xl) saturate(180%);-webkit-backdrop-filter:var(--blur-glass-xl) saturate(180%);border-bottom:1px solid var(--glass-border-subtle)}.glass-modal{background:rgba(20,20,25,.85);backdrop-filter:var(--blur-glass-2xl) saturate(200%);-webkit-backdrop-filter:var(--blur-glass-2xl) saturate(200%);border:1px solid var(--glass-border-regular);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow-xl)}.glass-toolbar{background:var(--glass-thin);backdrop-filter:var(--blur-glass-lg);-webkit-backdrop-filter:var(--blur-glass-lg);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-xl);padding:8px 16px;display:flex;align-items:center;gap:8px}.glass-track-card{background:var(--glass-thin);backdrop-filter:var(--blur-glass-md);-webkit-backdrop-filter:var(--blur-glass-md);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg);transition:all .15s var(--ease-out-expo)}.glass-track-card:hover{background:var(--glass-regular);border-color:var(--glass-border-regular);transform:translateX(2px)}.glass-artwork-fallback{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(59,130,246,.3));backdrop-filter:var(--blur-glass-sm);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.glass-separator{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border-regular),transparent)}.vibrancy-light{background:rgba(255,255,255,.06);backdrop-filter:var(--blur-glass-xl) brightness(110%) saturate(150%);-webkit-backdrop-filter:var(--blur-glass-xl) brightness(110%) saturate(150%)}.vibrancy-dark{background:rgba(0,0,0,.3);backdrop-filter:var(--blur-glass-xl) brightness(80%) saturate(150%);-webkit-backdrop-filter:var(--blur-glass-xl) brightness(80%) saturate(150%)}@keyframes glass-appear{0%{opacity:0;transform:scale(.96) translateY(8px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes glass-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-fade{0%{opacity:0}to{opacity:1}}.animate-glass-appear{animation:glass-appear var(--duration-normal) var(--ease-out-expo) both}.animate-glass-slide-up{animation:glass-slide-up var(--duration-normal) var(--ease-out-expo) both}.animate-glass-fade{animation:glass-fade var(--duration-normal) ease both}@keyframes item-insert{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-item-insert{animation:item-insert .25s cubic-bezier(.16,1,.3,1) both}@keyframes number-update{0%{transform:translateY(0);opacity:1}49%{transform:translateY(-100%);opacity:0}50%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-number-update{animation:number-update .3s ease both}.status-badge-transition{transition:background .3s ease,border-color .3s ease,color .3s ease}