#impixed-guide-startup-splash {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(circle at 50% 46%, rgba(0, 104, 201, 0.1), transparent 32%), #fff;
  animation: impixedGuideStartupPlate 1500ms ease-in-out forwards;
  pointer-events: auto;
}

html[data-theme='dark'] #impixed-guide-startup-splash {
  background: radial-gradient(circle at 50% 46%, rgba(86, 169, 255, 0.1), transparent 32%), #000;
}

html[data-impixed-guide-splash='seen'] #impixed-guide-startup-splash {
  display: none;
}

.impixed-guide-startup-icon {
  display: grid;
  place-items: center;
  width: clamp(6.5rem, 24vw, 11rem);
  aspect-ratio: 1;
  animation: impixedGuideStartupIcon 1500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  transform-origin: center;
}

.impixed-guide-startup-icon svg {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 18px 34px rgba(0, 104, 201, 0.18));
  animation: impixedGuideStartupPulse 900ms ease-in-out 2;
}

html[data-theme='dark'] .impixed-guide-startup-icon svg {
  filter: brightness(0) invert(0.92) grayscale(1) drop-shadow(0 18px 34px rgba(255, 255, 255, 0.12));
}

@keyframes impixedGuideStartupPlate {
  0%, 68% { opacity: 1; visibility: visible; }
  100% { opacity: 0; visibility: hidden; pointer-events: none; }
}

@keyframes impixedGuideStartupIcon {
  0%, 58% { opacity: 1; transform: scale(1); }
  70% { opacity: 1; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(8.5); }
}

@keyframes impixedGuideStartupPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.055); }
}

@media (prefers-reduced-motion: reduce) {
  #impixed-guide-startup-splash,
  .impixed-guide-startup-icon { animation-duration: 520ms; }
  .impixed-guide-startup-icon { animation-name: impixedGuideStartupFade; }
  .impixed-guide-startup-icon svg { animation: none; }
}

@keyframes impixedGuideStartupFade {
  0%, 62% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1); }
}