.server-playlist{position:fixed;z-index:30;bottom:18px;right:20px;width:330px;max-width:calc(100vw - 32px);padding:15px 17px;background:#211b1cf2;border:1px solid #b9946960;border-radius:5px;box-shadow:0 8px 35px #0006;backdrop-filter:blur(10px);font-family:Arial,sans-serif;color:#e3bc83}.server-playlist[hidden]{display:none}.playlist-label{font-size:9px;letter-spacing:2px;color:#a89177;margin-bottom:8px}.playlist-track{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e3d4c3}.playlist-controls{display:flex;align-items:center;gap:8px;margin-top:11px}.server-playlist button{background:none;border:1px solid #b9946940;color:#e3bc83;border-radius:3px;padding:5px 8px;font:12px Arial,sans-serif;cursor:pointer}.server-playlist button:hover{background:#49352b}.server-playlist button:focus-visible{outline:2px solid #e3bc83;outline-offset:2px}.playlist-volume-label{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:13px}.playlist-volume{width:60px;accent-color:#d8b17c}.playlist-select{width:100%;background:#181316;color:#e3bc83;border:1px solid #b9946940;padding:8px;margin-top:12px;font-size:12px}.playlist-status{font-size:10px;color:#b9a591;line-height:1.5;margin-top:7px}.playlist-status:empty{display:none}@media(max-width:600px){.server-playlist{bottom:10px;right:12px;width:290px}}
.server-playlist{z-index:99999;width:350px}.playlist-shuffle[aria-pressed=true]{background:#b9946930;border-color:#d8b17c;color:#ffe0a4}.playlist-controls{gap:6px}.playlist-volume{width:50px}.playlist-select{max-width:100%}@media(max-width:600px){.server-playlist{width:310px}}