body {
  display: flex;
  justify-content: center;
  background: var(--background);
  min-height: 100dvh;
  position: relative;
  overflow: hidden;
}

@media (min-width: 700px) {
  body { background: color-mix(in srgb, var(--background) 92%, var(--text-primary)); }
}