/* small extras; most styling is via Tailwind */
html, body, #player-area { height: 100%; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* selected list item highlight (works for light and dark) */
.selected {
  background-color: rgba(99,102,241,0.12);
  box-shadow: 0 0 0 3px rgba(99,102,241,0.06) inset;
}
.dark .selected {
  background-color: rgba(99,102,241,0.18);
  box-shadow: 0 0 0 3px rgba(99,102,241,0.12) inset;
}

/* make the sidebar scroll look nicer */
#list::-webkit-scrollbar { width: 10px; }
#list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.04); border-radius: 6px; }