@media (pointer:fine){*{-webkit-font-smoothing:antialiased}}:root{--color-primary:#71717a;--color-primary-hover:#a1a1aa;--color-accent:#e4e4e7;--color-surface:#18181b;--color-surface-hover:#27272a;--color-border:#3f3f46;--color-text-primary:#ffffff;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-black:#000000;--color-white:#ffffff}body{font-family:Inter,sans-serif}.text-shadow{text-shadow:0 2px 16px rgba(0,0,0,.95),0 1px 4px rgba(0,0,0,.7)}.title-clamp{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-top:0;padding-bottom:0;line-height:1.05}.glass-effect{backdrop-filter:blur(20px) saturate(130%);background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.2) 35%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.82) 100%)}.hero-bg{position:absolute;inset:0;transition:opacity 1.5s}.hero-texture{position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 8px,rgba(255,255,255,.6) 8px,rgba(255,255,255,.6) 9px)}.hero-texture::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 5% 95%,rgba(113,113,122,.15) 0,transparent 50%),radial-gradient(ellipse 60% 50% at 95% 5%,rgba(255,255,255,.03) 0,transparent 45%),radial-gradient(ellipse 160% 50% at 50% 120%,rgba(0,0,0,.9) 0,transparent 55%)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:2px}#header{transition:background .4s ease-out,backdrop-filter .4s ease-out,border-color .4s ease-out,box-shadow .4s ease-out;border-bottom:1px solid transparent}.header-scrolled{backdrop-filter:blur(20px) saturate(150%);background:rgba(var(--accent-dynamic-rgb,0,0,0),.75);border-bottom-color:rgba(var(--accent-dynamic-rgb,63,63,70),.5);box-shadow:0 4px 30px rgba(0,0,0,.3)}.hero-offset-mobile{padding-top:calc(env(safe-area-inset-top) + var(--header-height,0px))}.hero-cover-responsive{width:clamp(10rem,24svh,15rem);height:clamp(10rem,24svh,15rem)}.hero-title-responsive{font-size:clamp(1.8rem,7svh,3.5rem);line-height:1.05;letter-spacing:-.025em}.hero-artist-responsive{font-size:clamp(1.05rem,3.25svh,1.65rem);letter-spacing:0;font-weight:600}.hero-spacing-responsive{gap:clamp(1rem,2.5svh,2rem)}.hero-controls-responsive{gap:clamp(1rem,2.5svh,1.75rem)}.hero-play-responsive{width:clamp(3.5rem,8svh,4.75rem);height:clamp(3.5rem,8svh,4.75rem)}.hero-nav-responsive{width:clamp(2.25rem,4.5svh,2.875rem);height:clamp(2.25rem,4.5svh,2.875rem)}@media (min-width:1024px){.title-clamp{-webkit-line-clamp:2;line-clamp:2}.hero-cover-desktop{width:clamp(16rem,30svh,24rem);height:clamp(16rem,30svh,24rem);max-width:100%}.hero-title-desktop{font-size:clamp(3.75rem,8.5svh,7rem);line-height:.98;letter-spacing:-.04em}.hero-artist-desktop{font-size:clamp(1.75rem,4.5svh,3.25rem);font-weight:500;letter-spacing:-.015em}.hero-spacing-desktop{gap:clamp(1.75rem,3.5svh,3rem)}.hero-controls-desktop{gap:clamp(1.5rem,3svh,2.25rem)}.hero-play-desktop{width:clamp(5rem,10svh,7.5rem);height:clamp(5rem,10svh,7.5rem)}.hero-nav-desktop{width:clamp(2.25rem,4.5svh,3.25rem);height:clamp(2.25rem,4.5svh,3.25rem)}.hero-play-icon{width:clamp(2.5rem,5svh,3.75rem);height:clamp(2.5rem,5svh,3.75rem)}.hero-nav-icon{width:clamp(1.35rem,2.7svh,1.95rem);height:clamp(1.35rem,2.7svh,1.95rem)}}.hero-play-icon{width:clamp(1.75rem,4svh,2.375rem);height:clamp(1.75rem,4svh,2.375rem)}.hero-nav-icon{width:clamp(1.35rem,2.7svh,1.725rem);height:clamp(1.35rem,2.7svh,1.725rem)}