/* Boot splash — shown the instant index.html parses, before the JS
   bundle loads, so there's no blank white screen. A static <link> here
   (CSP allows style-src-elem 'self') paints immediately; React replaces
   #root content on first render, which removes it. Brand colour + body
   backgrounds are hardcoded defaults (no session/localStorage yet) and
   match base.css so the handoff to the React boot screen is seamless. */

.boot-splash {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  background-color: #fafbfc;
  z-index: 1;
}

.boot-splash-logo {
  width: 116px;
  height: auto;
  opacity: 0.95;
}

.boot-splash-spinner {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid rgba(14, 84, 96, 0.16);
  border-top-color: #0e5460;
  animation: boot-splash-spin 0.7s linear infinite;
}

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

@media (prefers-color-scheme: dark) {
  .boot-splash { background-color: #0a141d; }
  .boot-splash-spinner {
    border-color: rgba(255, 255, 255, 0.12);
    border-top-color: #4db8a8;
  }
}