body.apple-worm { --back:#193630; --surface:#27483e; --line:#50796a; --ink:#fff4cf; --accent:#bfed94; --accent-ink:#243d2e; --muted:#d3e9d6; }
.controls { flex-wrap:wrap; }
@media(max-width:410px) {
  .controls .pad { min-width:40px; }
  .controls > div { gap:4px; }
  nav { flex:none; white-space:nowrap; }
  h1 { font-size:.98rem; text-wrap:balance; }
}