html { background: #eaf3fb; }
html[data-theme='dark'] { background: #101c27; }
#web-launch { position: fixed; inset: 0; z-index: 10000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 24px; background: #eaf3fb; color: #132e4c; font: 16px/1.5 system-ui, sans-serif; text-align: center; overflow: hidden; }
html[data-theme='dark'] #web-launch { background: #101c27; color: #edf5ff; }
#web-launch-logo-frame { width: min(500px, 86vw); aspect-ratio: 500 / 222; display: grid; place-items: center; flex: 0 0 auto; contain: layout paint; }
#web-launch-logo { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 0; transform: translateZ(0); transition: opacity 120ms ease-out; }
#web-launch-logo.is-ready { opacity: 1; }
#web-launch button { font: inherit; padding: 10px 20px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { #web-launch-logo { transition: none; } }