body { display: flex; margin: 0; font-family: sans-serif; }
.sidebar { width: 25%; background: #222; color: #fff; height: 100vh; overflow-y: auto; padding: 10px; }
.player-container { flex: 1; background: #000; color: #fff; display: flex; flex-direction: column; }
#player { flex: 1; }
#info { padding: 10px; background: #111; }
.category h2 { cursor: pointer; margin: 10px 0; }
.channels { list-style: none; padding-left: 20px; }
.channels li { cursor: pointer; margin: 5px 0; }