.studio-boot{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#f9f6fc;color:#343047;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;opacity:1;transition:opacity .5s linear,visibility .5s linear;isolation:isolate}
.studio-boot.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.studio-boot-aurora{position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at 28% 40%,#c6b4fa99 0,transparent 38%),radial-gradient(ellipse at 70% 35%,#ffbece99 0,transparent 34%),radial-gradient(ellipse at 60% 75%,#9bdfd799 0,transparent 38%),radial-gradient(ellipse at 35% 70%,#ffe0a899 0,transparent 30%);animation:anan-aurora 10s ease-in-out infinite alternate}
.studio-boot-content{text-align:center;position:relative;padding:24px;max-width:100%;box-sizing:border-box}
.studio-boot-stage{width:min(340px,62vw,45dvh);aspect-ratio:1;position:relative;margin:0 auto 6px}
.studio-boot-stage img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 22px 20px #76699524);animation:anan-float 3.6s ease-in-out infinite}
.studio-boot-orbit{position:absolute;inset:10% -8%;border:1px solid #ffffffc9;border-radius:50%;transform:rotate(-28deg) scaleY(.62);box-shadow:0 0 25px #dccbff66,inset 0 0 22px #ffffff6b}
.studio-boot-orbit:after{content:"";position:absolute;left:10%;top:12%;width:10px;height:10px;background:#bcb0ff;border-radius:50%;box-shadow:0 0 15px #b9a8ff}
.studio-boot-orbit-back{inset:5% -3%;transform:rotate(35deg) scaleY(.65);border-color:#ffffff8a}
.studio-boot-orbit-back:after{left:auto;right:9%;top:70%;background:#ffd09d;box-shadow:0 0 18px #ffd09d}
.studio-boot-spark{position:absolute;width:9px;height:9px;background:#fff;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 18px #fff;animation:anan-spark 3s ease-in-out infinite alternate}
.spark-one{left:5%;top:24%}.spark-two{right:3%;top:62%;width:6px;height:6px;animation-delay:1s}.spark-three{right:24%;top:2%;width:5px;height:5px;animation-delay:2s}
.studio-boot-name{margin:12px 0 9px;font-size:12px;font-weight:650;letter-spacing:.3em;color:#7d7299}
.studio-boot h1{margin:0;font-size:clamp(19px,2vw,25px);font-weight:650;letter-spacing:.04em;line-height:1.5}
.studio-boot-light{width:140px;height:3px;margin:23px auto 15px;border-radius:9px;background:#d7cced66;overflow:hidden}
.studio-boot-light span{display:block;width:65%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#baa1f4,#f2b6c9,#f3d496,#92d4c7);animation:anan-light 1.8s linear infinite}
.studio-boot-note{font-size:12px;margin:0;color:#887e97;line-height:1.8}
.studio-boot-retry{margin-top:16px;border:1px solid #bdadde;background:#ffffffa8;color:#655185;padding:8px 18px;border-radius:20px;font:inherit;font-size:13px;cursor:pointer}
.studio-boot-retry:focus-visible{outline:2px solid #8c74cb;outline-offset:4px}
.studio-boot.is-paused *{animation-play-state:paused!important}
[data-theme="dark"] .studio-boot{background:#181b2a;color:#eee8fa}
[data-theme="dark"] .studio-boot-aurora{opacity:.33}
[data-theme="dark"] .studio-boot-name,[data-theme="dark"] .studio-boot-note{color:#c3b6d6}
@keyframes anan-aurora{to{transform:translate(3%,-2%) rotate(8deg) scale(1.08)}}
@keyframes anan-float{50%{transform:translateY(-9px) rotate(1.5deg)}}
@keyframes anan-spark{to{opacity:.3;transform:rotate(90deg) scale(.6)}}
@keyframes anan-light{from{transform:translateX(-105%)}to{transform:translateX(160%)}}
@media(prefers-reduced-motion:reduce){.studio-boot,.studio-boot *{animation:none!important;transition:none!important}.studio-boot-light span{width:100%}}