:root { color-scheme: dark; font-family: system-ui, -apple-system, sans-serif; background: #020617; color: #f8fafc; }
body { margin: 0; background: radial-gradient(ellipse at 15% 10%, #1e293b, #020617 75%); }
#startup { min-height: 100dvh; padding: 32px 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#startup[hidden] { display: none; }
#startup img { border-radius: 18px; }
#startup h1 { margin: 20px 0 4px; font-size: 32px; letter-spacing: -.8px; }
#startup p { max-width: 420px; color: #94a3b8; line-height: 1.6; margin: 8px 0; }
#startup-progress { width: 150px; height: 3px; margin: 24px 0 12px; border-radius: 4px; background: #334155; overflow: hidden; }
#startup-progress::after { content: ''; display: block; width: 50%; height: 100%; background: #f59e0b; animation: loading 1.5s infinite ease-in-out alternate; }
#startup-retry { margin: 16px; padding: 12px 24px; border: 0; border-radius: 8px; background: #f59e0b; color: #020617; font: inherit; font-weight: 700; cursor: pointer; }
#startup-retry:focus-visible { outline: 3px solid #60a5fa; outline-offset: 4px; }
noscript { display: block; text-align: center; padding: 24px; }
@keyframes loading { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { #startup-progress::after { animation: none; } }