.music-status{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--glass-ink);cursor:pointer}
.music-status[hidden]{display:none}
.music-status:hover{background:color-mix(in srgb,var(--glass-ink) 8%,transparent)}
.music-status:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.music-status-disc{position:relative;display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:repeating-radial-gradient(circle at center,#252525 0,#1a1a1a 1px,#252525 2px,#151515 3px);box-shadow:0 0 0 .5px color-mix(in srgb,var(--glass-ink) 28%,transparent),inset 0 0 0 1px #101010;animation:music-status-spin 32s linear infinite}
.music-status-label{position:relative;display:grid;place-items:center;width:68%;height:68%;border-radius:50%;overflow:hidden;background:var(--surface);color:var(--accent)}
.music-status-note{display:block;width:12px;height:12px}
.music-status-label img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.music-status-label img[hidden]{display:none}
.music-status-center{position:absolute;width:2px;height:2px;border-radius:50%;background:#171717;box-shadow:0 0 0 .5px #5559;pointer-events:none}
.music-status[hidden] .music-status-disc{animation-play-state:paused}
.app-icon-music{background:linear-gradient(145deg,#eca5b5,#b65d80)}
@keyframes music-status-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.music-status-disc{animation:none}}
html[data-reduce-motion="true"] .music-status-disc{animation:none}