@property --splash-wipe{syntax:"<percentage>";inherits:false;initial-value:0%}
#startup-splash{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;background:#0c121b;overflow:hidden;color:#c1d2e8;font-family:system-ui;isolation:isolate}#startup-splash::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#23365b88,transparent 65%);z-index:-1}.splash-center{width:min(650px,82vw);text-align:center;position:relative}.splash-logo{display:block;width:100%;height:auto;animation:splash-heartbeat 1.1s ease-in-out infinite;filter:drop-shadow(0 0 24px #347dff22)}.splash-loading{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;margin-top:20px;min-height:32px}.splash-spinner{width:22px;height:22px;flex-shrink:0;border:2px solid #385079;border-top-color:#a78aff;border-right-color:#3ca6ff;border-radius:50%;animation:splash-spin .85s linear infinite}.splash-phrase{font-size:13px;letter-spacing:.02em;margin:0}.splash-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#fff 0%,#eef6ff 18%,transparent 55%);opacity:0;transform:scale(.05)}.splash-logo-white{position:absolute;inset:0;width:100%;height:auto;opacity:0;filter:brightness(0) invert(1);mask-image:radial-gradient(ellipse at center,#000 var(--splash-wipe),transparent calc(var(--splash-wipe) + 12%))}.splash-reveal .splash-loading{animation:splash-loading-out .18s ease-out forwards}.splash-reveal .splash-logo{animation:splash-logo-zoom .8s cubic-bezier(.2,.65,.25,1) forwards}.splash-reveal .splash-logo-white{animation:splash-white .75s ease-out forwards}.splash-reveal .splash-flash{animation:splash-burst .85s ease-out forwards}.splash-reveal{animation:splash-away .9s ease-in forwards}.splash-failed .splash-spinner{animation:none;border-color:#d99c8b}.splash-failed .splash-logo{animation:none}.splash-failed button{padding:8px 20px;border:1px solid #455b7c;background:#21354e;color:white;border-radius:7px;cursor:pointer}@keyframes splash-heartbeat{0%,27%,55%,100%{transform:scale(1);filter:drop-shadow(0 0 24px #347dff22)}5.5%,32.5%{transform:scale(.9);filter:drop-shadow(0 0 22px #347dff22)}13%,40%{transform:scale(1.1);filter:drop-shadow(0 0 30px #508dff38)}25%,52%{transform:scale(1);filter:drop-shadow(0 0 27px #508dff30)}}@keyframes splash-spin{to{transform:rotate(360deg)}}@keyframes splash-loading-out{to{opacity:0;transform:translateY(8px)}}@keyframes splash-logo-zoom{0%{transform:scale(1)}100%{transform:scale(2.6);opacity:0}}@keyframes splash-white{0%{--splash-wipe:0%;opacity:0;transform:scale(1);mask-image:radial-gradient(ellipse at center,#000 var(--splash-wipe),transparent calc(var(--splash-wipe) + 12%))}45%{opacity:1}100%{opacity:0;transform:scale(2.6);--splash-wipe:110%}}@keyframes splash-burst{0%{opacity:0;transform:scale(.05)}35%{opacity:.95}100%{opacity:0;transform:scale(3)}}@keyframes splash-away{0%,50%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.splash-logo,.splash-spinner{animation:none}.splash-reveal .splash-logo,.splash-reveal .splash-logo-white,.splash-reveal .splash-flash{animation:none}.splash-reveal{animation:splash-away .3s ease-out forwards}}

.splash-flash::after{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 8deg,transparent 0deg 24deg,#fff8 27deg 29deg,transparent 33deg 45deg);mask-image:radial-gradient(ellipse,#000 10%,transparent 60%)}

.splash-pulse-ring{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none;filter:url(#splash-outline-filter);animation:splash-outline-pulse 1.1s ease-out infinite;opacity:0}.splash-reveal .splash-pulse-ring{animation:none;opacity:0}@keyframes splash-outline-pulse{0%,12%,27%,39%,55%,100%{opacity:0;transform:scale(1.1)}13%,40%{opacity:.5;transform:scale(1.1)}26%,54%{opacity:0;transform:scale(1.24)}}@media(prefers-reduced-motion:reduce){.splash-pulse-ring{animation:none;opacity:0}}

html:has(#startup-splash),body:has(#startup-splash){overflow:hidden!important}