/* Safari and Home Screen: the document is a canvas; only individual screens scroll. */
html.hub-ios-viewport {
  --hub-ios-height:100vh;
  height:var(--hub-ios-height);overflow:hidden;overscroll-behavior:none;
  background:var(--hub-ios-canvas,#07090f)!important;
}
html.hub-ios-viewport body {
  position:fixed;inset:0 0 auto;width:100%;height:var(--hub-ios-height);margin:0;padding:0;
  overflow:hidden;overscroll-behavior:none;
  background:var(--hub-ios-canvas,#07090f)!important;
}
html.hub-ios-viewport body>.app {
  position:fixed;inset:0 0 auto;width:100%;height:var(--hub-ios-height);min-height:0;
  background:var(--hub-ios-canvas,#07090f)!important;
}
/* WebKit can shorten inset:0 / percentage heights by the status-bar safe area
   in black-translucent Home Screen apps. 100vh includes that area in standalone.
   Ordinary Safari follows its changing browser chrome through dvh instead. */
@supports(height:100dvh){html.hub-ios-viewport{--hub-ios-height:100dvh}}
html.hub-ios-viewport.hub-ios-standalone{--hub-ios-height:100vh}
/* The home-indicator inset already provides the gap. Do not add another 16px. */
html.hub-ios-viewport body #globalBnav {
  bottom:max(16px,var(--sab,env(safe-area-inset-bottom,0px)));
}