/* Compartido por el arranque HTML y el único indicador de React. */
#application-loading, #initial-loading {
  position: fixed; inset: 0; z-index: 9999; pointer-events: none;
  display: grid; place-items: center;
}
#application-loading[hidden] { display: none; }
.application-loading-ring {
  display: block; width: 28px; height: 28px; box-sizing: border-box;
  border: 3px solid #dce3ff; border-top-color: #2448ff; border-radius: 50%;
  animation: application-loading-spin .8s linear infinite;
}
#initial-loading { animation: application-loading-appear 150ms step-end; }
@keyframes application-loading-spin { to { transform: rotate(360deg); } }
@keyframes application-loading-appear { from { visibility: hidden; } to { visibility: visible; } }
@media (prefers-reduced-motion: reduce) { .application-loading-ring { animation: none; } }