/* Web / iPhone build: keep content clear of the notch and home indicator. */
#app { box-sizing: border-box; padding-top: env(safe-area-inset-top); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
nav.tabs { padding-bottom: env(safe-area-inset-bottom); }
.fab { bottom: calc(86px + env(safe-area-inset-bottom)); }
#toast { bottom: calc(84px + env(safe-area-inset-bottom)); }
.sheet { padding-bottom: env(safe-area-inset-bottom); }
html, body { overscroll-behavior: none; -webkit-tap-highlight-color: transparent; }
@media (min-width: 600px) {
  /* Desktop: show it as a phone-width column */
  body { background: #0b0c0f; }
  #app { max-width: 460px; margin: 0 auto; box-shadow: 0 0 0 1px rgba(127,127,127,.2); }
  nav.tabs, .sheet { max-width: 460px; margin-left: auto; margin-right: auto; }
  .fab { right: calc(50% - 230px + 18px); }
}