/* Minimal preloading styles to avoid missing stylesheet requests. */
:root {
  --preloading-bg: #ffffff;
  --preloading-fg: #111111;
}

#app:empty {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: var(--preloading-bg);
  color: var(--preloading-fg);
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.02em;
}

#app:empty::before {
  content: "Loading...";
}