/* Pantalla de arranque: se ve antes de que cargue el JS. Va aparte porque la CSP no admite estilos en línea. */
.boot { position: fixed; inset: 0; display: flex; flex-direction: column; gap: 16px; align-items: center; justify-content: center; background: #f9f9fc; color: #41484d; font: 400 14px/20px Roboto, system-ui, sans-serif; }
.boot::before { content: ""; width: 32px; height: 32px; border-radius: 50%; border: 3px solid #d2e4ff; border-top-color: #0856cf; animation: boot-spin .9s linear infinite; }
html { background: #f9f9fc; }
@keyframes boot-spin { to { transform: rotate(360deg); } }
@media (prefers-color-scheme: dark) {
  html { background: #111416; }
  .boot { background: #111416; color: #c1c7ce; }
  .boot::before { border-color: #2a3a55; border-top-color: #b2c5ff; }
}
@media (prefers-reduced-motion: reduce) { .boot::before { animation-duration: 3s; } }