/* styles.css */
body { background:#222; color:#fff; font-family:Arial, sans-serif; }
.container { max-width:420px; margin:20px auto; }
h1 { text-align:center; color:#fff; }
.buttons { display:flex; flex-direction:column; gap:10px; margin-top:20px; }
.btn {
  padding:14px;
  border-radius:8px;
  border:none;
  font-weight:700;
  cursor:pointer;
  font-size:16px;
  color:#fff;
}
.btn.stop { background:#B00000; width:100%; }
.button-sound { text-align:center; }

/* Exemplo de cores aleatórias para os botões, geradas dinamicamente no script se desejar */