html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  position: fixed;
  width: 100%;
}

body {
  background: var(--color1) !important;
  height: var(--real-vh, 100vh) !important;
  min-height: var(--real-vh, 100vh) !important;
  max-height: var(--real-vh, 100vh) !important;
}

#__next {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#__next > * {
  flex: 1;
  min-height: 0;
}

/* Prevent iOS Safari zoom on input focus (requires 16px minimum) */
@supports (-webkit-touch-callout: none) {
  input, select, textarea {
    font-size: 16px !important;
  }
}