html, body { margin: 0; height: 100%; background: #fff8f4; }
#pb-splash {
  position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; padding: 24px; text-align: center; background: #fff8f4; color: #241b16;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
#pb-splash img { border-radius: 22px; }
#pb-splash h1 { margin: 8px 0 0; font-size: 28px; color: #6f4e37; }
#pb-splash p { margin: 0; max-width: 420px; font-size: 16px; line-height: 1.5; }
.pb-bar { width: min(280px, 70vw); height: 6px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: #ead9cc; }
.pb-bar span { display: block; width: 40%; height: 100%; border-radius: 999px; background: #6f4e37; animation: pb-slide 1.3s ease-in-out infinite; }
@keyframes pb-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
.pb-error, #pb-splash-error { color: #b3261e; font-weight: 600; }
#pb-splash.pb-done { opacity: 0; transition: opacity .25s ease; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .pb-bar span { animation: none; width: 100%; } }