/**
 * Shared Sully pulse loader — linked from index.html before JS and imported via styles.css.
 * Keep HTML preloader and SullyPulseLogo visually in sync.
 */
html,
body {
  margin: 0;
  padding: 0;
}

html {
  color-scheme: light dark;
}

html.light {
  color-scheme: light;
}

html.dark {
  color-scheme: dark;
}

@keyframes sully-pulse {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.95);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.sully-pulse-logo {
  display: block;
  width: 64px;
  height: 64px;
  animation: sully-pulse 1.8s ease-in-out infinite;
}

.sully-loading-shell {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  background: var(--background, Canvas);
}

#preloader.sully-loading-shell {
  z-index: auto;
}