/* The page under the app (index.html #root), shown only when the app has not replaced it after 20 s: a tab whose
   release's chunks are gone, or a failed load. A cold load on DevTools Slow 3G mounts in ~13 s (31 Oct), so a slow
   load never sees it. It is the app's "didn't load" screen (.splash .crash .primary in src/app.css) with the :root
   token values written out, since this file has to work when app.css doesn't load. Unhashed: every release serves it. */
html,
body {
  height: 100%;
  margin: 0;
  background: #0e0f10;
  color: #ececea;
  font:
    15px/1.35 -apple-system,
    "SF Pro",
    Roboto,
    "Segoe UI",
    sans-serif;
  color-scheme: dark;
}
.boot {
  display: grid;
  place-items: center;
  height: 100%;
  color: #9a9ea1;
  visibility: hidden;
  animation: boot-show 0s linear 20s forwards;
}
@keyframes boot-show {
  to {
    visibility: visible;
  }
}
.boot .crash {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  text-align: center;
}
.boot p {
  margin: 0;
}
.boot .primary {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 12px;
  min-width: 160px;
  font-weight: 600;
  background: #d4d4d1;
  color: #121314;
  text-decoration: none;
}