/* Keep the app background behind the iOS status bar and Dynamic Island. */
html {
  min-height: 100%;
  background: #2d162c;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
}

.amounts {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.amounts button {
  font-size: 13px;
}

.shell {
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 600px) and (max-height: 900px) {
  .shell {
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
}