.boot-intro{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:36px 42px;border:0;outline:0;background:#050709;color:#edf7fb;overflow:hidden;grid-template-rows:auto 1fr auto;isolation:isolate;font-family:Arial,Helvetica,sans-serif;opacity:1;transition:opacity .38s ease}
.boot-intro::backdrop{background:transparent}
.boot-intro::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 47%,#11232d 0,transparent 57%);opacity:0;animation:boot-halo 1.3s .1s ease-out forwards}
.boot-topline{display:flex;align-items:center;justify-content:space-between;font:11px monospace;letter-spacing:1.6px;color:#6f8795}
.boot-system{display:flex;align-items:center;gap:9px}
.boot-power-light{width:5px;height:5px;background:#78d9fc;border-radius:50%;box-shadow:0 0 12px #46c8f588}
.boot-core{align-self:center;justify-self:center;text-align:center;width:min(380px,80vw);padding-bottom:6vh}
.boot-logo{display:block;width:min(330px,76vw);height:auto;margin:0 auto;opacity:0;transform:translateY(8px) scale(.985);animation:boot-power-on .75s .12s cubic-bezier(.2,.75,.25,1) forwards}
.boot-startup{margin-top:46px;opacity:0;animation:boot-power-on .45s .6s ease-out forwards}
.boot-lights{display:flex;justify-content:center;gap:7px;height:3px}
.boot-lights span{width:22px;height:3px;border-radius:2px;background:#77dafd;opacity:.18;animation:boot-segment 1s .5s ease-in-out 2}
.boot-lights span:nth-child(2){animation-delay:.66s}.boot-lights span:nth-child(3){animation-delay:.82s}
.boot-status{font:11px monospace;letter-spacing:2.5px;margin:22px 0 0;color:#8ca6b5;line-height:1.5}
.boot-intro[data-phase="ready"] .boot-lights span{animation:none;opacity:1}
.boot-intro[data-phase="ready"] .boot-status{color:#b5e9fc}
.boot-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px}
.boot-tagline{font:11px monospace;line-height:1.7;letter-spacing:1.6px;color:#7e96a4}
.boot-skip{appearance:none;border:1px solid #415764;border-radius:4px;background:#0b1116;color:#bdd2df;min-height:44px;padding:0 17px;display:flex;align-items:center;gap:18px;font:11px Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap}
.boot-skip:hover{background:#172832;color:#fff;border-color:#80b5cb}
.boot-skip:focus-visible{outline:2px solid #8cddfd;outline-offset:4px}
.boot-skip kbd{font:11px monospace;color:#7b9bab}
.boot-intro[data-phase="leaving"]{opacity:0}
.boot-active,.boot-active body{overflow:hidden}
#main[tabindex="-1"]:focus{outline:0}
@keyframes boot-power-on{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes boot-halo{to{opacity:.6}}
@keyframes boot-segment{0%,100%{opacity:.18;transform:scaleX(.75)}45%,65%{opacity:1;transform:scaleX(1)}}
@media(max-width:740px){.boot-intro{padding:25px 24px max(23px,env(safe-area-inset-bottom))}.boot-topline{font-size:11px;letter-spacing:1px}.boot-core{padding-bottom:4vh}.boot-logo{width:250px;max-width:76vw}.boot-startup{margin-top:36px}.boot-bottomline{align-items:flex-end;gap:15px}.boot-tagline{max-width:140px;font-size:11px;letter-spacing:1px}.boot-skip{padding:0 13px;gap:12px;font-size:11px}.boot-skip kbd{display:none}}
@media(prefers-reduced-motion:reduce){.boot-intro,.boot-intro *,.boot-intro::before{animation:none!important;transition:none!important}}