:root {
  --ntrv-visual-height: 100dvh;
  --ntrv-keyboard-inset: 0px;
}

/* Auth scrolls inside the viewport shell so keyboard reveal never needs body scroll. */

.editor-shell,
.preview-shell {
  overscroll-behavior: none;
}

.auth {
  box-sizing: border-box;
  height: var(--ntrv-visual-height);
  min-height: var(--ntrv-visual-height);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  align-items: start;
  scroll-padding-top: max(24px, var(--safe-top));
  scroll-padding-bottom: calc(24px + var(--ntrv-keyboard-inset));
}

.auth-card {
  margin: auto;
  padding-block: 24px;
}

.auth input,
.auth textarea {
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-user-select: text;
  user-select: text;
  font-size: 16px;
  caret-color: currentColor;
}

html.ntrv-keyboard-visible .auth-card {
  margin-top: 0;
  margin-bottom: 0;
}