.aspire-app-boot-screen {
  position: fixed;
  inset: 0;
  z-index: 25000;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  background: var(--bg, #f4f4f5);
  color: var(--text, #1a1a1a);
  pointer-events: none;
}

html.aspire-app-boot .aspire-app-boot-screen:not([hidden]) {
  display: flex;
  pointer-events: auto;
}

html:not(.aspire-app-boot) .aspire-app-boot-screen,
.aspire-app-boot-screen[hidden] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden;
}

.aspire-app-boot-title {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--text, #1a1a1a);
}

.aspire-app-boot-mark {
  display: block;
  width: 128px;
  height: 128px;
  max-width: min(128px, 40vw);
  max-height: min(128px, 40vw);
  object-fit: contain;
  image-rendering: auto;
}

@media (prefers-reduced-motion: reduce) {
  .aspire-app-boot-mark {
    opacity: 0.85;
  }
}