/* react-native-web's root reset (Expo's default, moved out of index.html so the CSP needs no
 * 'unsafe-inline' for styles), with the dynamic viewport height: the browser's own toolbars
 * on iOS Safari and Chrome Android never cover the bottom of the app. */
html,
body {
  height: 100%;
  height: 100dvh;
}
body {
  margin: 0;
  overflow: hidden;
  background-color: #f8f3ea;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121a26;
  }
}
#root {
  display: flex;
  height: 100%;
  flex: 1;
}