:root{--footer-height: 50px}body{background-color:#121212;color:#fff;font-family:Segoe UI,sans-serif;margin:0;padding:0}#playlist-menu-container{display:flex;flex-direction:column;align-items:center;margin:10px 0;gap:5px}#playlist-warning{color:red}#playlist-menu{padding:6px 12px;background:#1e1e1e;color:#fff;border:1px solid #333;border-radius:4px}#player-container{display:flex;flex-direction:column;align-items:center;position:sticky;top:0;background-color:#1b1b1b;padding:10px;z-index:1000;border-bottom:1px solid #333}#controls{display:flex;gap:10px;margin:5px 0}#controls button{padding:6px 10px;background:#222;border:none;color:#1db954;-webkit-text-fill-color:#1db954;font-size:16px;border-radius:4px;cursor:pointer}#controls button.active{text-decoration:underline}#now-playing{margin:5px 0;align-items:center}.now-playing-track{font-weight:700}#cover{width:180px;height:180px;object-fit:cover;margin:5px 0}#visualizer{width:100%;height:80px;background:#121212;margin-top:10px}#playlist-wrapper{width:60%;margin:0 auto;height:calc(100vh - var(--footer-height) - 320px);overflow-y:auto;padding-bottom:calc(var(--footer-height) + 10px)}#playlist-wrapper::-webkit-scrollbar{width:6px}#playlist-wrapper::-webkit-scrollbar-track{background:#1b1b1b}#playlist-wrapper::-webkit-scrollbar-thumb{background:#1db954;border-radius:3px}#playlist-wrapper::-webkit-scrollbar-thumb:hover{background:#1ed760}#playlist-wrapper{scrollbar-width:thin;scrollbar-color:#1db954 #1b1b1b}#playlist{list-style:none;margin:0;padding:0}#playlist li{display:flex;flex-direction:column;padding:6px 8px;border-bottom:1px solid #333;cursor:pointer}.track-top{display:flex;align-items:center;justify-content:space-between;font-size:.95em;margin-bottom:4px}.track-btn{margin-right:8px;color:#1db954;cursor:pointer;flex-shrink:0}.track-title-artist{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{margin-left:10px;flex-shrink:0;color:#aaa}.track-progress{width:100%;height:4px;background:#333;border-radius:2px}.track-progress-bar{height:100%;width:0%;background:#1db954;border-radius:2px}#status{margin-top:4px;font-size:.85em;color:#aaa;align-items:center}footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);text-align:center;padding:10px 0;background-color:#00000080;color:#fff;z-index:1000}#playlist-header select{background:#1e1e1e;color:#1db954;border:1px solid #333;padding:4px 8px;border-radius:4px}