:root { color-scheme: dark; background: #050505; }
html, body { min-width: 320px; min-height: 100%; margin: 0; background: #050505; }
.boot-fallback { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; padding: 24px; box-sizing: border-box; color: #f5f7f8; background: radial-gradient(circle at 50% 25%, #18230d 0, #050505 36%); font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; text-align: center; }
.boot-brand { display: flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: .08em; }
.boot-brand img { width: 42px; height: 42px; border-radius: 13px; box-shadow: 0 0 24px rgba(184,255,61,.22); }
.boot-progress { width: 180px; height: 3px; overflow: hidden; border-radius: 3px; background: #222428; }
.boot-progress span { display: block; width: 45%; height: 100%; background: #b8ff3d; animation: scuffy-boot 1.1s ease-in-out infinite alternate; }
.boot-fallback p { max-width: 300px; margin: 0; color: #969aa1; }
.boot-fallback.is-slow .boot-progress span { background: #ffbd3d; }
.boot-fallback button { min-width: 180px; min-height: 48px; padding: 12px 18px; border: 0; border-radius: 16px; color: #0a0c07; background: #b8ff3d; font: inherit; font-weight: 750; cursor: pointer; }
@keyframes scuffy-boot { to { transform: translateX(122%); } }
@media (prefers-reduced-motion: reduce) { .boot-progress span { animation-duration: 2.4s; } }