input[type="range"] { width: 100%; accent-color: var(--primary); }
.viz {
  display: flex; align-items: flex-end; gap: 3px; height: 120px;
  padding: 10px; margin: 8px 0 16px; background: var(--primary-soft);
  border-radius: 12px; overflow-x: auto;
}
.viz .bar {
  flex: 0 0 10px; background: var(--primary); border-radius: 3px 3px 0 0;
  min-height: 4px; opacity: 0.55; transition: opacity 0.1s, transform 0.1s;
}
.viz .bar.rest { background: var(--border); }
.viz .bar.on { opacity: 1; transform: scaleY(1.08); background: #f59e0b; }