.music-aura{background:radial-gradient(closest-side at 28% 32%, var(--a1) 0%, transparent 100%), radial-gradient(closest-side at 72% 46%, var(--a2) 0%, transparent 100%), radial-gradient(closest-side at 46% 78%, var(--a3) 0%, transparent 100%);filter:blur(26px)saturate(1.25);opacity:.62;will-change:transform;animation:28s ease-in-out infinite alternate music-drift;position:absolute;inset:-45%}:root[data-theme=light] .music-aura{opacity:.42}@keyframes music-drift{0%{transform:translate(-4%,-2%)rotate(0)scale(1)}50%{transform:translate(3%,3%)rotate(8deg)scale(1.06)}to{transform:translate(-2%,4%)rotate(-6deg)scale(1.02)}}.music-live{background:var(--color-accent);border-radius:9999px;width:6px;height:6px;display:inline-block;position:relative}.music-live:after{content:"";border-radius:inherit;background:inherit;animation:music-breathe 2.4s var(--ease-out) infinite;position:absolute;inset:0}@keyframes music-breathe{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(2.8)}}.music-marquee{animation:music-glide var(--glide-s,6s) ease-in-out infinite alternate;display:inline-block}@keyframes music-glide{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--glide))}}.music-tuning{position:relative;overflow:hidden}.music-tuning:after{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 20%, color-mix(in oklab, var(--color-fg-0) 16%, transparent) 50%, transparent 80%);background-size:220% 100%;animation:1.1s linear infinite shimmer;position:absolute;inset:0}.music-tune-bar{height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.music-tune-bar:after{content:"";background:var(--color-accent);width:38%;animation:music-sweep 1.15s var(--ease-out) infinite;border-radius:2px;position:absolute;top:0;bottom:0}@keyframes music-sweep{0%{transform:translate(-110%)}to{transform:translate(290%)}}.music-glow{box-shadow:0 0 0 1px color-mix(in oklab, var(--tile) 70%, transparent), 0 8px 22px -10px var(--tile)}.music-burst{pointer-events:none;position:absolute;inset:0}.music-burst>i{background:var(--color-warn);width:4px;height:4px;animation:music-burst .55s var(--ease-out) forwards;transform:rotate(var(--r)) translateY(0);opacity:1;border-radius:9999px;margin:-2px;position:absolute;top:50%;left:50%}@keyframes music-burst{to{transform:rotate(var(--r)) translateY(-13px);opacity:0}}.music-slider-track{height:4px;transition:height .15s var(--ease-out)}.music-slider:hover .music-slider-track,.music-slider[data-drag] .music-slider-track,.music-slider:focus-visible .music-slider-track{height:6px}.music-slider-knob{transition:transform .15s var(--ease-out);transform:translate(-50%,-50%)scale(0)}.music-slider:hover .music-slider-knob,.music-slider:focus-visible .music-slider-knob{transform:translate(-50%,-50%)scale(1)}.music-slider[data-drag] .music-slider-knob{transform:translate(-50%,-50%)scale(1.25)}.music-slider:focus-visible .music-slider-track{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-accent) 55%, transparent)}.music-vinyl{aspect-ratio:1;z-index:0;background:radial-gradient(circle, var(--disc) 0 13%, #0b0b0e 13.5% 15%, transparent 15.5%), repeating-radial-gradient(circle, #121216 0 2px, #1c1c22 2px 3px);transition:transform .6s var(--ease-out);border-radius:9999px;position:absolute;top:6%;bottom:6%;right:0;transform:translate(0)rotate(0);box-shadow:0 6px 18px -6px #000,inset 0 0 0 1px #ffffff14}.music-vinyl:after{content:"";border-radius:inherit;background:conic-gradient(from 30deg, transparent 0 12%, #ffffff1c 16%, transparent 22% 62%, #ffffff12 66%, transparent 72%);position:absolute;inset:0}.music-vinyl[data-out]{transform:translate(34%)}.music-vinyl[data-out]>i{border-radius:inherit;animation:2.2s linear infinite music-spin;position:absolute;inset:0}.music-vinyl[data-still]>i{animation-play-state:paused}.music-vinyl>i:before{content:"";background:#ffffff30;border-radius:1px;width:2px;height:10%;margin-left:-1px;position:absolute;top:9%;left:50%}@keyframes music-spin{to{transform:rotate(360deg)}}.music-cover-glow{box-shadow:0 10px 28px -10px var(--glow), 0 0 0 1px color-mix(in oklab, var(--glow) 35%, transparent);transition:box-shadow .8s var(--ease-out)}.music-pulse:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 color-mix(in oklab, var(--color-accent) 55%, transparent);animation:music-ring 2.4s var(--ease-out) infinite;position:absolute;inset:0}@keyframes music-ring{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-accent) 50%, transparent)}70%,to{box-shadow:0 0 0 10px #0000}}@media (prefers-reduced-motion:reduce){.music-vinyl>i,.music-pulse:after,.music-aura,.music-live:after,.music-marquee,.music-tuning:after,.music-tune-bar:after,.music-burst>i{animation:none!important}.music-tune-bar:after{opacity:.6;width:100%}.music-burst{display:none}}html[data-hidden] .music-aura,html[data-hidden] .music-live:after,html[data-hidden] .music-marquee,html[data-hidden] .music-tuning:after,html[data-hidden] .music-tune-bar:after,html[data-hidden] .eq>i,html[data-hidden] .music-vinyl>i,html[data-hidden] .music-pulse:after{animation-play-state:paused}
