/* Loading Spinner — a thin ring with an accent arc, not a glyph. */
.loading-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--sp-8);
  gap: var(--sp-4);
  min-height: 300px;
}

.loading-spinner__icon {
  display: block;
  width: var(--icon-lg);
  height: var(--icon-lg);
  border: 2px solid var(--c-border);
  border-top-color: var(--c-accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.loading-spinner__message {
  font-size: var(--fs-sm);
  color: var(--c-text-muted);
  margin: 0;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}