/* Echo the device-card active cue only while live playback is running. */
body.has-live-audio .livePlayer{position:relative;isolation:isolate;border-color:color-mix(in srgb,var(--device-online-color,#16885c) 58%,var(--line));background:linear-gradient(118deg,color-mix(in srgb,var(--device-online-color,#16885c) 7%,var(--surface)),var(--surface) 58%);box-shadow:0 10px 34px color-mix(in srgb,var(--device-online-color,#16885c) 14%,transparent)}
body.has-live-audio .livePlayer:before{content:"";position:absolute;z-index:1;left:-1px;top:16px;bottom:16px;width:5px;border-radius:0 5px 5px 0;background:var(--device-online-color,#16885c);box-shadow:0 0 15px color-mix(in srgb,var(--device-online-color,#16885c) 58%,transparent);pointer-events:none}
body.has-live-audio .liveLabel .stateDot{background:var(--device-online-color,#16885c);box-shadow:0 0 0 4px color-mix(in srgb,var(--device-online-color,#16885c) 20%,transparent),0 0 12px color-mix(in srgb,var(--device-online-color,#16885c) 58%,transparent)}
html[data-theme=dark] body.has-live-audio .livePlayer{border-color:color-mix(in srgb,var(--device-online-color,#16885c) 64%,var(--line));background:linear-gradient(118deg,color-mix(in srgb,var(--device-online-color,#16885c) 24%,var(--surface)),var(--surface) 62%);box-shadow:0 12px 38px color-mix(in srgb,var(--device-online-color,#16885c) 22%,transparent)}
html[data-theme=dark] body.has-live-audio .livePlayer:before,html[data-theme=dark] body.has-live-audio .liveLabel .stateDot{background:color-mix(in srgb,var(--device-online-color,#16885c) 68%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--device-online-color,#16885c) 25%,transparent),0 0 16px color-mix(in srgb,var(--device-online-color,#16885c) 65%,transparent)}
@media(prefers-reduced-motion:reduce){body.has-live-audio .livePlayer{transition:none}}