@media (min-width: 700px) {
  body {
    padding-block: 32px;
  }

  .app-shell {
    min-height: auto;
    border: 1px solid var(--border);
    border-radius: 24px;
    overflow: hidden;
  }
}

@media (max-width: 420px) {
  .screen {
    padding: 22px 18px;
  }

  .topbar {
    padding-inline: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}