/* Shown until the app's own styles and typefaces are in, so the page never paints half-styled and
   then jumps. Same look as the app's session spinner (.page-loading .spinner in styles.css), which
   takes over without a visible change. */
html, body { margin: 0; background: #f7f8fb; }
.boot { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.boot-spin { width: 16px; height: 16px; box-sizing: content-box; border: 2px solid #e3e6ee; border-top-color: #e6910c; border-radius: 50%; animation: boot-spin 0.8s linear infinite; }
@keyframes boot-spin { to { transform: rotate(360deg); } }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body { background: #0e131c; }
  :root:not([data-theme="light"]) .boot-spin { border-color: #263042; border-top-color: #f0a03a; }
}
:root[data-theme="dark"] body { background: #0e131c; }
:root[data-theme="dark"] .boot-spin { border-color: #263042; border-top-color: #f0a03a; }