/* play/: the night player (README.md). */
main { max-width: 40rem; margin: 0 auto; padding: 0 16px 40px; }
.tonight { display: block; position: static; }
.tonight h1 { margin: 0 0 4px; font-size: clamp(1.5rem, 6vw, 2.1rem); }
.tonight .controls { gap: 16px; margin: 14px 0 6px; flex-wrap: nowrap; }
.tonight .slider.master { flex: 1; }
.tracks { list-style: none; padding: 0; margin: 8px 0 0; }
.tracks li { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: .95rem; }
.tracks .swatch { width: 14px; height: 3px; border-radius: 2px; flex: none; }
.tracks .now { margin-left: auto; color: var(--muted); font-variant-numeric: tabular-nums; font-size: .88rem; }
.choices { display: grid; gap: 10px; }
.choice {
  display: block; width: 100%; text-align: left; font: inherit; color: var(--text); cursor: pointer;
  background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 10px 14px;
}
.choice[aria-current="true"] { border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent) inset; }
.choice strong { display: block; }