/*
 * The page around the app. Colours are the app's dark brand ground
 * (AppColors.dark.surface #0E2015), so the strips left around the safe area on
 * an iPhone read as part of the app.
 *
 * The app is drawn into #app, which is pinned to the safe area with
 * env(safe-area-inset-*): nothing sits under the notch, the status bar
 * (black-translucent when installed) or the home bar. It is sized with fixed
 * top/bottom offsets rather than 100vh, which Safari measures with its
 * toolbars hidden and which jumps when the keyboard opens.
 */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #0e2015;
  overscroll-behavior: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

#app {
  position: fixed;
  top: env(safe-area-inset-top, 0px);
  right: env(safe-area-inset-right, 0px);
  bottom: env(safe-area-inset-bottom, 0px);
  left: env(safe-area-inset-left, 0px);
}