.ht-boot{--boot-scale:var(--dashboard-zoom,1);zoom:calc(1 / var(--boot-scale));position:fixed;inset:0;z-index:1500;box-sizing:border-box;min-height:100dvh;margin:0;padding:24px;display:grid;place-items:center;overflow:hidden;background:#f8fcfa;color:#285347;isolation:isolate;opacity:1;transition:opacity 420ms cubic-bezier(.22,1,.36,1)}
html.is-admin .ht-boot,html.is-auth .ht-boot,html.is-legal .ht-boot{--boot-scale:1}
.ht-boot *{box-sizing:border-box}
.ht-boot::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/loading/texture-v3.webp') center/cover no-repeat;opacity:.72;animation:ht-boot-atmosphere 900ms ease-out both}
.ht-boot::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#f9fcfa8c 0,transparent 60%);pointer-events:none}
.ht-boot-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:180px;max-width:100%;animation:ht-boot-enter 650ms cubic-bezier(.22,1,.36,1) both;transition:transform 420ms cubic-bezier(.22,1,.36,1)}
.ht-boot-art{width:96px;height:96px;display:grid;place-items:center}
.ht-boot-art img{display:block;width:96px;height:96px;object-fit:contain;animation:ht-boot-breathe 4s ease-in-out infinite}
.ht-boot .ht-boot-brand{display:block;object-fit:contain;width:142px;height:36px}
.ht-boot-scene{position:absolute;inset:0;pointer-events:none;animation:ht-boot-atmosphere 1100ms ease-out both}
.ht-boot-float{position:absolute;width:clamp(70px,10vw,148px);opacity:.52;transform:rotate(var(--angle));animation:ht-boot-drift 7s ease-in-out infinite}
.ht-boot-float img{display:block;width:100%;height:auto}
.ht-boot-float-one{left:15%;top:22%;--angle:-18deg}
.ht-boot-float-two{right:16%;top:28%;width:clamp(52px,6vw,88px);--angle:24deg;animation-delay:-2s;opacity:.4}
.ht-boot-float-three{right:25%;bottom:17%;width:clamp(60px,8vw,112px);--angle:48deg;animation-delay:-4s;opacity:.32}
.ht-boot-activity{display:flex;align-items:center;justify-content:center;gap:5px;height:9px;margin-top:3px}
.ht-boot-activity i{display:block;width:4px;height:4px;border-radius:50%;background:#78ad9c;animation:ht-boot-pulse 1.4s ease-in-out infinite}
.ht-boot-activity i:nth-child(2){animation-delay:.18s}.ht-boot-activity i:nth-child(3){animation-delay:.36s}
.ht-boot[data-state="exiting"]{opacity:0;pointer-events:none}.ht-boot[data-state="exiting"] .ht-boot-content{animation:none;transform:translateY(-8px) scale(.98)}
.ht-boot-page-enter{animation:ht-boot-page-reveal 420ms ease-out both}
@keyframes ht-boot-enter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ht-boot-atmosphere{from{opacity:0}to{}}
@keyframes ht-boot-drift{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-16px) rotate(calc(var(--angle) + 6deg))}}
@keyframes ht-boot-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ht-boot-pulse{0%,80%,100%{opacity:.25}40%{opacity:1}}
@keyframes ht-boot-page-reveal{from{opacity:.7}to{opacity:1}}
@media(max-width:600px){.ht-boot::before{opacity:.55}.ht-boot-float-one{left:8%;top:19%}.ht-boot-float-two{right:9%;top:26%}.ht-boot-float-three{right:15%;bottom:16%}}
@media(max-height:360px){.ht-boot-content{gap:13px}.ht-boot-art,.ht-boot-art img{width:72px;height:72px}.ht-boot .ht-boot-brand{width:125px;height:32px}.ht-boot-float-one{left:10%;top:12%}.ht-boot-float-three{bottom:10%;right:12%}}
@media(prefers-reduced-motion:reduce){.ht-boot,.ht-boot-content{transition:none}.ht-boot::before,.ht-boot-content,.ht-boot-scene,.ht-boot-float,.ht-boot-art img,.ht-boot-activity i,.ht-boot-page-enter{animation:none}.ht-boot-activity i{opacity:.6}}