/* Keep the document as the only page scroller; preserve modal scroll locks. */
@supports (overflow: clip) {
  html { overflow-x: clip; }
  body:not(:has(dialog[open])) { overflow-x: clip; overflow-y: visible; }
}
html, body { overscroll-behavior-y: none; }
#app > nav {
  position: fixed;
  inset: auto 0 0;
  width: auto;
  height: calc(76px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  margin: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#app > main {
  padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px));
}