/*
 * Ana paket gelmezse görünen yedek (index.html · .boot-fallback; denetim B118). Paket açılırsa React #root'u ilk çizimde
 * boşaltır, bu metin hiç görünmez. Yavaş bağlantıda erken "açılamadı" demesin diye BOOT_FALLBACK_DELAY sonra belirir.
 * Satır içi stil yok (CSP style-src 'self'); ana paketin stili gelmemiş olabilir: kendi yazı ve renkleri.
 */
.boot-fallback {
  visibility: hidden;
  opacity: 0;
  /* BOOT_FALLBACK_DELAY: 15 sn */
  animation: boot-fallback-show 0.3s ease 15s forwards;
  box-sizing: border-box;
  max-width: 480px;
  margin: 18vh auto 0;
  padding: 0 16px;
  font: 14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #1b2138;
  text-align: center;
}

.boot-fallback p {
  margin: 0 0 10px;
}

.boot-fallback__reload {
  display: inline-block;
  margin-top: 6px;
  color: #5b5bf0;
}

@keyframes boot-fallback-show {
  to {
    visibility: visible;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .boot-fallback {
    animation-duration: 0s;
  }
}
