/* Match the browser theme and paint behind supported mobile gesture bars. */
:root {
  --phone-chrome: #3f2812;
  --phone-safe-bottom: env(safe-area-max-inset-bottom, 36px);
}
html {
  background-color: var(--phone-chrome);
  color-scheme: dark;
}
@media (max-width: 900px) {
  body {
    padding-bottom: calc(74px + var(--phone-safe-bottom));
  }
  .cta-bar {
    background: var(--phone-chrome);
    backdrop-filter: none;
    padding-bottom: calc(10px + var(--phone-safe-bottom));
    bottom: calc(env(safe-area-inset-bottom, 0px) - var(--phone-safe-bottom));
  }
}