/* The startup indicator in index.html, shown until the app first renders (docs/design.md). The app's styles may not
   have loaded yet, so this stands alone: the colours are --bg, --mut, --line and --brand from src/theme.css. */
.startup {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: #fbf9f6;
  color: #614961;
  font: 14px/1.4 "Segoe UI", Calibri, Arial, sans-serif;
}
.startup p { margin: 0; }
.startup-mark { position: relative; display: grid; place-items: center; width: 72px; height: 72px; }
.startup-ring {
  position: absolute;
  inset: 0;
  border: 3px solid #e8dfd9;
  border-top-color: #d8492b;
  border-radius: 50%;
  animation: startup-spin 1.1s linear infinite;
}
@keyframes startup-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .startup-ring { animation: none; border-top-color: #e8dfd9; }
}
@media print {
  .startup { display: none; }
}