body {font-family: sans-serif; background: #121212; color: #fff; margin:0;}
.topbar {display:flex; justify-content:space-between; align-items:center; padding:10px; background:#1db954;}
.brand {font-size:1.5em; font-weight:bold;}
.controls {display:flex; gap:10px;}
.container {display:flex;}
.left {flex:1; padding:10px; overflow-y:auto;}
.right {width:300px; padding:10px; background:#181818;}
.playlist {list-style:none; padding:0; margin:0;}
.play-item {display:flex; align-items:center; gap:10px; padding:5px; cursor:pointer;}
.play-item:hover {background:#282828;}
.play-item img {width:40px; height:40px; object-fit:cover;}
.nowcard {display:flex; gap:10px; margin-bottom:10px;}
.nowcard img {width:60px; height:60px; object-fit:cover;}
.player-controls-large button {font-size:1.5em; margin:5px;}
.progress-wrap {display:flex; align-items:center; gap:5px;}
input[type=range] {flex:1;}