.bgm-panel{color:var(--text,#e8e9f2);background:rgba(14,21,39,.88);border:1px solid rgba(143,169,211,.25);border-radius:12px;padding:14px;min-width:0;font-size:13px;line-height:1.5}
.bgm-heading,.bgm-transport,.bgm-modes,.bgm-volume,.bgm-credit-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bgm-heading{margin-bottom:8px}.bgm-eyebrow{font-size:10px;letter-spacing:.12em;color:#99c9f3;background:#19314a;padding:2px 6px;border-radius:4px}.bgm-status{margin-left:auto;color:#a9b9cf;font-size:11px}.bgm-now{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.bgm-title{font-size:15px;overflow-wrap:anywhere}.bgm-artist{color:#a9b9cf;font-size:12px;overflow-wrap:anywhere}
.bgm-panel button{font:inherit;cursor:pointer}.bgm-button{color:#e5efff;background:#20334f;border:1px solid #496282;border-radius:7px;padding:6px 12px;min-height:34px}.bgm-button:hover{background:#2c486c}.bgm-panel button:disabled{opacity:.45;cursor:default}.bgm-panel button:focus-visible,.bgm-panel input:focus-visible,.bgm-panel summary:focus-visible,.bgm-panel a:focus-visible{outline:2px solid #ffaecc;outline-offset:3px}.bgm-button[aria-pressed=true]{border-color:#ed9fbb;background:#4e3049;color:#ffd4e4}.bgm-volume{margin-left:auto;color:#bfcae1;font-size:12px}.bgm-volume input{width:100px;accent-color:#ed9fbb}.bgm-volume output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.bgm-modes{margin-top:10px}.bgm-modes .bgm-button{font-size:12px;min-height:30px}.bgm-hint{font-size:11px;color:#a9b9cf;margin:8px 0 10px}.bgm-catalog{border-top:1px solid #34425d;padding-top:9px}.bgm-panel summary{cursor:pointer;color:#c2d9f1}.bgm-tracks{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px;max-height:300px;overflow:auto;overscroll-behavior:contain}.bgm-tracks>li{border:1px solid #354962;border-radius:7px;padding:7px}.bgm-track{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:5px 7px;color:#e8eff9;border:1px solid transparent;background:transparent;border-radius:5px;overflow-wrap:anywhere}.bgm-track[aria-pressed=true]{background:#283c58;border-color:#81b6dd}.bgm-track-title{font-weight:650}.bgm-track small{font-size:11px;color:#b2c3d9}.bgm-credit{margin:4px 7px 0;font-size:11px;color:#a9b9cf}.bgm-credit p{margin:6px 0;overflow-wrap:anywhere}.bgm-credit a{color:#9bd5ff;text-underline-offset:2px}.bgm-empty{color:#a9b9cf;font-size:12px}
@media(max-width:480px){.bgm-panel{padding:11px}.bgm-status{flex-basis:100%;margin-left:0}.bgm-volume{margin-left:0;flex-basis:100%}.bgm-volume input{flex:1}.bgm-button{min-height:40px}.bgm-modes .bgm-button{min-height:36px}}