/*
 * Pre-hydration loading spinner. Loaded as an external same-origin stylesheet
 * from <head> so it paints before the JS bundle, under a CSP without
 * 'unsafe-inline' (no inline <style>, no style="" attributes). Lives in public/
 * so it is served verbatim at /bootstrap.css and reachable under style-src 'self'.
 */
.app-bootstrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.app-bootstrap__spinner {
  width: 32px;
  height: 32px;
  border: 3px solid #e5e7eb;
  border-top-color: #6b7280;
  border-radius: 50%;
  animation: app-bootstrap-spin 1s linear infinite;
}

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