:root {
  --bg: #fff;
  --fg: #000;
  --mute: #555;
  --line: #000;
  --font: "Press Start 2P", "Courier New", monospace;
  --font-text: "Courier New", Courier, monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #000;
    --fg: #fff;
    --mute: #b5b5b5;
    --line: #fff;
    color-scheme: dark;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html {
  background: var(--bg);
}

body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
}

.cursor {
  display: inline-block;
  width: 0.62em;
  height: 1em;
  margin-left: 0.25em;
  background: var(--fg);
  vertical-align: -0.12em;
  animation: blink 1.06s steps(1, end) infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}

.btn,
button {
  font-family: var(--font);
  font-size: 11px;
  line-height: 1.6;
  color: var(--fg);
  background: var(--bg);
  border: 3px solid var(--line);
  border-radius: 0;
  padding: 12px 14px;
  max-width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.btn:hover,
button:hover:not(:disabled) {
  background: var(--fg);
  color: var(--bg);
}

.btn:active,
button:active:not(:disabled) {
  transform: translateY(2px);
}

.btn:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px dashed var(--fg);
  outline-offset: 4px;
}

button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .cursor { animation: none; }
  .btn, button { transition: none; }
}


/* Rodapé de áudio compartilhado pelas páginas dos estúdios. */
.site-audio-footer{width:min(100%,1600px);margin:24px auto 0;padding:16px 12px 24px;color:inherit;text-align:center}
.site-audio-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:inherit}
.site-audio-credit{margin:0;font:8px/1.8 var(--font,"Press Start 2P",monospace);text-align:center}
.sound-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:24px;margin-top:-2px;color:currentColor}
.sound-wave span{display:block;width:3px;height:var(--bar-height);background:currentColor;transform:scaleY(.18);transform-origin:center;animation:sound-wave-pulse 850ms ease-in-out infinite alternate;animation-delay:var(--wave-delay)}
@keyframes sound-wave-pulse{to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.sound-wave span{animation-duration:1400ms}}
.guitar-app footer .site-audio-mark{align-self:center}