.music-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:11px 24px;background:var(--panel,#fff);border-bottom:1px solid var(--border,#dde4df);font-size:12px;color:var(--text,#182820)}
.music-bar-title{display:flex;align-items:center;gap:9px;min-width:190px;flex:1 1 250px}.music-bar-title>span:first-child{font-size:24px;color:#43ba92}.music-bar-title strong{white-space:nowrap}.music-bar-title [role=status]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px;opacity:.8}
.music-bar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.music-bar button,.music-bar select{font:inherit;min-height:32px;border:1px solid var(--border,#ccd8d0);border-radius:7px;padding:5px 10px;background:transparent;color:inherit}.music-bar select{max-width:210px}.music-bar select option{background:var(--panel,#fff);color:var(--text,#182820)}.music-bar button:disabled{opacity:.4;cursor:default}.music-bar .music-play{background:#1e765b;color:white;border-color:#1e765b;min-width:78px}.music-bar button:focus-visible,.music-bar select:focus-visible{outline:2px solid #53ca9e;outline-offset:2px}
.music-volume,.music-follow{display:flex;align-items:center;gap:6px;white-space:nowrap}.music-volume input{width:78px;accent-color:#36ab81}.music-volume output{min-width:31px;text-align:right}.music-follow input{accent-color:#36ab81}.music-bar-hint{flex-basis:100%;margin:0;padding-left:28px;font-size:11px;opacity:.65}.music-bar[data-error=true] [role=status]{color:#d95555;opacity:1}
body:not(.logged-in):not(.kiosk-mode) .music-bar,body.kiosk-auth-mode .music-bar{display:none}
.kiosk-music-menu{position:relative}.kiosk-music-menu>summary{cursor:pointer;padding:10px;border:1px solid var(--line,#ccd8d0);border-radius:7px;background:var(--surface,#fff)}#kioskMusicControls{position:absolute;right:0;top:calc(100% + 10px);width:min(620px,90vw);max-height:75dvh;overflow:auto;z-index:110;box-shadow:0 8px 24px #0003;border-radius:10px}#kioskMusicControls .music-bar-title{flex-basis:100%}#kioskMusicControls .music-bar-title [role=status]{max-width:90%}
:root[data-theme=dark] .music-bar{background:#171c20;color:#eef3f1;border-color:#333b40}:root[data-theme=dark] .music-bar button,:root[data-theme=dark] .music-bar select{border-color:#46504f}:root[data-theme=dark] .music-bar select option{background:#202628;color:#f1f6f3}
@media(max-width:1100px){.music-bar{padding:10px 16px}.music-bar-title{flex-basis:100%}.music-bar-controls{gap:7px}.music-bar-title [role=status]{max-width:65vw}}