html { min-height: 100%; background: var(--color-background); }
body {
  min-height: 100vh;
  min-height: 100dvh;
  color: var(--color-text);
  background: linear-gradient(180deg, #eef5f9 0%, var(--color-background) 42%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
button, input, textarea { color: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(49, 95, 134, 0.25);
  outline-offset: 2px;
}
#app { min-height: 100vh; min-height: 100dvh; }
.screen {
  width: min(100%, 480px);
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  padding: max(var(--space-md), env(safe-area-inset-top)) var(--space-md) max(var(--space-md), env(safe-area-inset-bottom));
}
.eyebrow {
  color: var(--color-primary);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
h1 { font-size: clamp(2rem, 9vw, 3rem); letter-spacing: -0.04em; line-height: 1.05; }
h2 { font-size: 1rem; }
.muted { color: var(--color-text-muted); }