/* react-native-web's root reset (was inline in Expo's template; the CSP allows no inline style). The page never scrolls:
   ScrollViews do. */
html,
body {
  height: 100%;
}
/* The theme's background from the first paint, so a dark phone never flashes white before the app loads (ui/theme.ts). */
html {
  color-scheme: light dark;
  background: #f4f5fa;
}
@media (prefers-color-scheme: dark) {
  html {
    background: #11131c;
  }
}
/* iOS's Home Screen app (only iOS has -webkit-touch-callout): its launch screen's midnight (public/splash) until the app
   paints, never a flash of the light theme in between. */
@media (display-mode: standalone) {
  @supports (-webkit-touch-callout: none) {
    html {
      background: #141838;
    }
  }
}
body {
  overflow: hidden;
}
#root {
  display: flex;
  height: 100%;
  flex: 1;
}
/* Touch screens scroll without a bar, as the Android app does (a thin bar over the group's banner looked broken); mice
   keep a thin one in the theme's outline color. */
@media (pointer: coarse) {
  * {
    scrollbar-width: none;
  }
}
@media (pointer: fine) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #6e7590 transparent;
  }
}