/*
 * The placeholder shown before the app's JavaScript runs (index.html #root).
 * React replaces it on mount. Same-origin on purpose: the Content-Security-
 * Policy blocks inline styles. Colours are the app's own paper and ink for each
 * scheme (src/index.css: --neutral-50 / --neutral-900, --dark-950 / --dark-100),
 * so the first paint matches the page that replaces it.
 */
html, body { margin: 0; background: #f1f3f6; }
.boot {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: #122019;
  font: 600 1.125rem/1.3 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.boot-mark { width: 56px; height: 56px; border-radius: 14px; }
@media (prefers-color-scheme: dark) {
  html, body { background: #0d100f; }
  .boot { color: #eff3f0; }
}
@media (prefers-reduced-motion: no-preference) {
  .boot { animation: boot-in 400ms ease-out both; }
  @keyframes boot-in { from { opacity: 0; } to { opacity: 1; } }
}