/* Pre-hydration boot spinner (separate file for CSP hygiene). Light theme:
   paper background, brand-blue spinner. Markup lives inside #root and is
   replaced on mount/hydration. */
html,
body {
  margin: 0;
  background: #f4f4f5;
}

.boot-loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f5;
}

.boot-spinner {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 3px solid rgba(24, 24, 27, 0.08);
  border-top-color: #2563eb;
  animation: boot-spin 0.9s linear infinite;
}

@keyframes boot-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Screen-reader-only loading text inside the boot marker (Tailwind's sr-only
   is not loaded yet at boot time). */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}