:root,
.dark {
  --brand-brown: #93552F;
  color-scheme: light;
  background: #efe9e0;
  color: #1d2817;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

html,
body,
#root {
  width: 100%;
  min-width: 280px;
  min-height: 100%;
  margin: 0;
  background: #efe9e0;
}

.holding-page {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: #efe9e0;
  isolation: isolate;
}

.holding-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.holding-source {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.media-notice {
  position: absolute;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  left: max(16px, env(safe-area-inset-left));
  width: fit-content;
  max-width: calc(100% - 32px);
  margin: auto;
  padding: 8px 12px;
  border: 1px solid #997453;
  border-radius: 4px;
  background: #efe9e0;
  color: var(--brand-brown);
  font: 13px/1.4 Georgia, serif;
  text-align: center;
}