html, body { margin: 0; padding: 0; height: 100%; background: #F7F9FA; }
@media (prefers-color-scheme: dark) { html, body { background: #0B1418; } }

/* Shown until the Flutter bundle boots. Without it, a front desk on a slow
   link stares at a blank page for several seconds and reloads — which
   restarts the download. */
#boot {
  position: fixed; inset: 0; display: flex; align-items: center;
  justify-content: center; flex-direction: column; gap: 14px;
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #667085;
}
#boot .spin {
  width: 26px; height: 26px; border-radius: 50%;
  border: 3px solid rgba(14,124,134,.25); border-top-color: #0E7C86;
  animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
/* Respect a reduced-motion preference rather than spinning regardless. */
@media (prefers-reduced-motion: reduce) { #boot .spin { animation: none; } }