html,body,#root{min-height:100%;margin:0}
html[data-startup-splash="show"] body:has(.startup-screen){margin:0;background:#171d1b}
html:not([data-startup-splash="show"]) .startup-screen{display:none}
.startup-screen{box-sizing:border-box;position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden;padding:32px 24px max(32px,env(safe-area-inset-bottom));background:#171d1b;color:#fafaf8;font-family:'Manrope Variable','Segoe UI',Arial,sans-serif;text-align:center}
.startup-screen::before,.startup-screen::after{content:"";position:absolute;z-index:-1;width:70vmin;height:70vmin;border-radius:50%;filter:blur(90px);opacity:.13;pointer-events:none}
.startup-screen::before{top:-32vmin;left:-30vmin;background:#cba9f7}
.startup-screen::after{right:-39vmin;bottom:-34vmin;background:#e1f48a}
.startup-content{display:flex;flex-direction:column;align-items:center;width:min(100%,260px);transform:translateY(-2vh)}
.startup-mark{display:block;width:clamp(142px,44vw,178px);height:auto}
.startup-wordmark{display:block;width:clamp(145px,43vw,170px);height:auto;margin-top:-12px}
.startup-progress{position:relative;width:112px;height:3px;margin-top:30px;overflow:hidden;border-radius:999px;background:#ffffff29}
.startup-progress span{position:absolute;inset-block:0;left:0;width:38%;border-radius:inherit;background:#e1f48a;animation:startup-travel 1.55s ease-in-out infinite}
.startup-message{margin:16px 0 0;color:#fafaf8b5;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.01em}
@keyframes startup-travel{0%{transform:translateX(-105%)}50%{transform:translateX(95%)}100%{transform:translateX(285%)}}
@media(prefers-reduced-motion:reduce){.startup-progress span{animation:none;width:55%;transform:none}}