/* Sized by js/viewport.js so the app always fits the visible area (keyboard open or not) */
html, body { overscroll-behavior: none; }
#app { top: var(--app-top, 0px); height: var(--app-h, 100dvh); }
.overlay { top: var(--app-top, 0px); height: var(--app-h, auto); }
@media (max-width: 820px) {
  .chat { inset: auto; top: var(--app-top, 0px); left: 0; right: 0; height: var(--app-h, 100dvh); }
}