/* Tokens e peças comuns das páginas do Maple Hill (tema claro, céu) */
:root {
  --tinta: #17202e;
  --apagado: #6a7688;
  --papel: #ffffff;
  --fundo: #f4f8fc;
  --azul: #2f6fd6;
  --amarelo: #ffd35a;
  --sombra: 0 6px 24px rgba(20, 45, 80, .14);
  --raio: 18px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: "Manrope", system-ui, sans-serif; color: var(--tinta); background: var(--fundo); -webkit-font-smoothing: antialiased; }
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px; background: var(--tinta); color: #fff; font-weight: 800;
  font-size: 14px; text-decoration: none; border: 0; cursor: pointer; box-shadow: var(--sombra); font-family: inherit; }
.btn:hover { background: #26324a; }
.btn.claro { background: var(--papel); color: var(--tinta); }
.btn.amarelo { background: var(--amarelo); color: var(--tinta); }
.btn:disabled { opacity: .5; cursor: default; }
#erro { position: fixed; left: 8px; bottom: 8px; color: #b00; font: 12px monospace; white-space: pre-wrap; pointer-events: none; z-index: 99; }
[hidden] { display: none !important; }