@media (display-mode: standalone) and (max-width: 700px) {
  html,
  body {
    min-height: 100dvh;
  }

  body {
    overscroll-behavior-y: none;
  }

  #app {
    padding-top: max(14px, env(safe-area-inset-top));
    padding-right: max(14px, env(safe-area-inset-right));
    padding-bottom: max(45px, env(safe-area-inset-bottom));
    padding-left: max(14px, env(safe-area-inset-left));
  }

  .modal-card {
    padding-bottom: max(18px, env(safe-area-inset-bottom));
  }
}