/* Shown only until the app bundle mounts (the real stylesheet is imported by
   JavaScript, so without this the page is blank white during bootstrap). Colours
   mirror --color-page / --color-text / --color-text-muted in src/styles/app.css. */
html { background: #f5f7fb; }
html[data-theme='dark'] { background: #0b1015; color-scheme: dark; }
body { margin: 0; }
.boot-splash {
  display: grid;
  min-height: 100vh;
  place-items: center;
  color: #5d6b80;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 0.9375rem;
}
html[data-theme='dark'] .boot-splash { color: #94a3b3; }
.boot-splash::before {
  content: '';
  display: block;
  width: 2rem;
  height: 2rem;
  margin-block-end: 0.75rem;
  border: 3px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: boot-spin 0.9s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .boot-splash::before { animation: none; }
}
@keyframes boot-spin { to { transform: rotate(360deg); } }