.ee-startup-loader,
.ee-loader-surface {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 24px;
  color: #dbe9ff;
  background:
    radial-gradient(circle at 50% 35%, rgba(39, 100, 216, 0.6), transparent 24rem),
    #06183f;
}

.ee-startup-loader[hidden] {
  display: none !important;
}

.ee-startup-loader p,
.ee-loader-surface p {
  margin: 0;
  color: #dbe9ff;
  font: 650 13px/1.4 var(--ee-font-ui, Inter, sans-serif);
  letter-spacing: 0.12em;
  text-align: center;
}

.ee-startup-loader .ee-loader-mark,
.ee-loader-surface .ee-loader-mark {
  display: block;
  width: clamp(92px, 20vw, 144px);
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(255, 229, 154, 0.72);
  border-radius: 50%;
  background: #0b3692;
  box-shadow:
    0 0 0 8px rgba(255, 229, 154, 0.08),
    0 0 36px rgba(229, 185, 79, 0.34);
  animation: eeLogoPulse 1.8s ease-in-out infinite;
}

.ee-transition {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.16s ease;
}

.ee-transition[data-open="true"] {
  opacity: 1;
  visibility: visible;
}

.ee-transition-actions {
  display: none;
  gap: 10px;
}

.ee-transition[data-state="error"] .ee-transition-actions {
  display: flex;
}

.ee-transition button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #ffe59a;
  border-radius: 999px;
  color: #06183f;
  background: #ffe59a;
  font-weight: 800;
}

@keyframes eeLogoPulse {
  0%,
  100% {
    opacity: 0.78;
    transform: scale(0.96);
    box-shadow:
      0 0 0 7px rgba(255, 229, 154, 0.06),
      0 0 26px rgba(229, 185, 79, 0.2);
  }

  50% {
    opacity: 1;
    transform: scale(1.04);
    box-shadow:
      0 0 0 12px rgba(255, 229, 154, 0.12),
      0 0 44px rgba(229, 185, 79, 0.46);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ee-transition {
    transition: none;
  }

  .ee-startup-loader .ee-loader-mark,
  .ee-loader-surface .ee-loader-mark {
    animation: none;
  }
}