/* Silver surfaces, purposeful light and immediate, bounded interaction. */
:is(.music-page,.community-dashboard){--studio-light:rgba(var(--jv-rgb,199,209,222),.26);--studio-curve:cubic-bezier(.16,1,.3,1)}
:is(.music-page,.community-dashboard) :is(button,a,summary){touch-action:manipulation}
:is(.music-page,.community-dashboard) :is(button,a,summary):focus-visible{outline:2px solid var(--jv-accent,#c7d1de);outline-offset:4px}
.music-page{--accent:var(--jv-accent,#c7d1de)}
.music-page .player-bar{border-top:1px solid rgba(var(--jv-rgb),.24);background:linear-gradient(110deg,rgba(var(--jv-rgb),.065),transparent 38%),#0c0e12;box-shadow:0 -12px 55px #0007}
.music-page .transport-controls{gap:12px}
.music-page .transport-controls>.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:11px;transition:background .16s,border-color .16s,box-shadow .16s}
.music-page .transport-controls>.icon-button:hover:not(:disabled){background:rgba(var(--jv-rgb),.1);border-color:rgba(var(--jv-rgb),.26);box-shadow:0 4px 20px #0005}
.music-page #skipButton{width:48px;background:linear-gradient(145deg,rgba(var(--jv-rgb),.14),rgba(var(--jv-rgb),.025));border-color:rgba(var(--jv-rgb),.19);color:#f0f4fa}
.music-page #skipButton svg{transition:translate .22s var(--studio-curve)}
.music-page #skipButton:hover:not(:disabled) svg{translate:3px 0}
.music-page .play-pause{width:44px;height:44px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 84%,white),var(--accent));box-shadow:0 2px 14px rgba(var(--jv-rgb),.14),inset 0 1px 1px #fff9;transition:box-shadow .2s,transform .2s}
.music-page .play-pause:hover:not(:disabled){box-shadow:0 0 30px rgba(var(--jv-rgb),.3),inset 0 1px 1px #fff9}
.music-page .play-pause svg{width:19px;height:19px}
.music-page .track-row{border:1px solid transparent;transition:background .16s,border-color .16s,box-shadow .2s}
.music-page .track-row:hover{background:linear-gradient(100deg,rgba(var(--jv-rgb),.075),transparent);border-color:rgba(var(--jv-rgb),.13);box-shadow:0 5px 20px #0002}
.music-page .track-row.best-match{background:linear-gradient(100deg,rgba(var(--jv-rgb),.08),transparent);border-color:rgba(var(--jv-rgb),.16)}
.music-page .release-badge{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:9px;line-height:1.25;color:#b1bccd;letter-spacing:.015em}
.music-page .release-badge[data-kind=verified-artist]{color:var(--accent)}
.music-page .release-badge[data-kind=verified-artist]::before{content:'✓';display:grid;place-items:center;width:12px;height:12px;border-radius:4px;background:rgba(var(--jv-rgb),.15);font-size:9px}
.music-page .release-badge[data-kind=alternate]{color:#bdb4a5}
.music-page .now-cover{border-radius:15px;outline:1px solid rgba(var(--jv-rgb),.16);outline-offset:-1px;box-shadow:0 14px 35px #0005;transition:box-shadow .5s}
.music-page[data-player-status=playing] .now-cover{box-shadow:0 14px 35px #0005,0 0 30px rgba(var(--jv-rgb),.12)}
.music-page .now-equalizer{gap:4px;bottom:34px;right:16px;filter:drop-shadow(0 0 6px rgba(var(--jv-rgb),.45))}
.music-page .now-equalizer i{width:3px;border-radius:2px;transform-origin:bottom;background:var(--accent)}
.music-page[data-player-status=playing] .now-equalizer i{animation:studio-meter 1.05s ease-in-out infinite alternate}
.music-page[data-player-status=playing] .now-equalizer i:nth-child(2){animation-duration:.76s;animation-delay:-.45s}
.music-page[data-player-status=playing] .now-equalizer i:nth-child(3){animation-duration:1.25s;animation-delay:-.2s}
.music-page[data-player-status=playing] .now-equalizer i:nth-child(4){animation-duration:.9s;animation-delay:-.6s}
.music-page .music-control-pending{cursor:progress;outline:1px solid rgba(var(--jv-rgb),.5);outline-offset:2px}
.music-page .music-control-pending svg{opacity:.45}
.music-page .music-nav button.selected{box-shadow:inset 2px 0 var(--accent);background:linear-gradient(90deg,rgba(var(--jv-rgb),.13),transparent)}
.community-dashboard .nav button{min-height:43px;border:1px solid transparent!important;transition:background .17s,border-color .17s,box-shadow .17s,color .17s!important}
.community-dashboard .nav button.active{background:linear-gradient(100deg,rgba(var(--jv-rgb),.15),rgba(var(--jv-rgb),.025))!important;border-color:rgba(var(--jv-rgb),.2)!important;box-shadow:inset 2px 0 var(--jv-accent),0 5px 20px #0002!important}
.community-dashboard .nav button:hover:not(.active){border-color:rgba(var(--jv-rgb),.12)!important;background:rgba(var(--jv-rgb),.06)!important}
.community-dashboard .panel{box-shadow:0 15px 45px #0003,inset 0 1px 0 rgba(var(--jv-rgb),.045)!important;transition:border-color .2s,box-shadow .3s!important}
.community-dashboard .panel:focus-within{border-color:rgba(var(--jv-rgb),.36)!important;box-shadow:0 15px 45px #0003,0 0 25px rgba(var(--jv-rgb),.045)!important}
.community-dashboard .metric{box-shadow:0 7px 24px #0003,inset 0 1px rgba(var(--jv-rgb),.06)!important}
.community-dashboard .metric strong{letter-spacing:-.055em;text-shadow:0 0 30px rgba(var(--jv-rgb),.16)}
.community-dashboard .save-button{background:linear-gradient(140deg,color-mix(in srgb,var(--jv-accent) 84%,white),var(--jv-accent))!important;color:var(--jv-on-accent,#111722)!important;box-shadow:0 4px 18px rgba(var(--jv-rgb),.12),inset 0 1px #fff9!important}
.community-dashboard .save-button:hover{box-shadow:0 6px 27px rgba(var(--jv-rgb),.22),inset 0 1px #fff9!important}
@keyframes studio-meter{0%{scale:1 .35;opacity:.6}55%{scale:1 1;opacity:1}100%{scale:1 .55;opacity:.8}}
@media(max-width:700px){.music-page .transport-controls{gap:8px}.music-page .transport-controls>.icon-button{width:34px;height:34px}.music-page #skipButton{width:42px}.music-page .play-pause{width:42px;height:42px}.community-dashboard .panel{padding:19px!important}}
@media(prefers-reduced-motion:reduce){:is(.music-page,.community-dashboard) *, :is(.music-page,.community-dashboard) *::before,:is(.music-page,.community-dashboard) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-studio-motion=off] :is(.music-page,.community-dashboard) *,html[data-studio-motion=off] :is(.music-page,.community-dashboard) *::before,html[data-studio-motion=off] :is(.music-page,.community-dashboard) *::after{animation:none!important;transition:none!important}

@media(max-width:700px){.music-page .music-nav{scrollbar-width:none}.music-page .music-nav::-webkit-scrollbar{display:none}}