/* ── Reset & global base styles ── */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Saira', sans-serif;
  background: var(--bg);
  color: var(--txt);
  display: flex;
  min-height: 100dvh;
  font-size: 13px;
  overscroll-behavior: none;
}

h1 {
  text-align: center;
  margin-bottom: 4px;
  font-family: 'Saira Condensed', sans-serif;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--txt);
}

.subtitle {
  text-align: center;
  font-size: 12px;
  color: var(--txt-muted);
  margin-bottom: 22px;
}

/* ── Animation keyframes ── */
@keyframes toast-in  { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes toast-out { from { opacity: 1; } to { opacity: 0; transform: translateY(4px); } }