Range

Native range inputs with theme-aware accent color.

Core: native range, enhanced by accent-color. Optional richer skin may come later.

Volume

<label class="field">
  <span class="field-label">Volume</span>
  <input class="range" type="range" min="0" max="100" value="50" />
</label>