/* First-load spinner: shown until Angular bootstraps. No inline style so CSP allows it. */
#app-loading {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: hsl(var(--background, 222 47% 6%));
  color: hsl(var(--foreground, 210 40% 92%));
}
#app-loading .app-loading-spinner {
  width: 2rem;
  height: 2rem;
  border: 2px solid hsl(var(--muted, 222 30% 12%));
  border-top-color: hsl(var(--primary, 43 60% 54%));
  border-radius: 50%;
  animation: app-loading-spin 0.8s linear infinite;
}
@keyframes app-loading-spin {
  to {
    transform: rotate(360deg);
  }
}
body:has(app-root:not(:empty)) #app-loading {
  display: none;
}