/*
 * The iOS app (body.native-app; see the layout). Its web views run edge to edge
 * with no header above the page, so the page keeps clear of the status bar and
 * Dynamic Island itself, and a strip in the page colour sits behind the status
 * bar so content doesn't scroll up under the clock.
 */

.native-app {
  padding-top: env(safe-area-inset-top);
}

.native-app::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: env(safe-area-inset-top);
  background: #FFF9D0;
  z-index: 1000;
}