#login-loading{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:#000;direction:ltr;color:#fff;font-family:Arial,Heebo,sans-serif}
#login-loading[hidden]{display:none}
#login-loading .loading-scene{position:relative;flex:1;min-height:0;overflow:hidden;background:#17376c}
#login-loading .loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#login-loading .loading-corner{position:absolute;top:0;left:0;width:max(136px,calc(265 * var(--ref-unit,1px)));height:max(260px,calc(535 * var(--ref-unit,1px)));background:linear-gradient(115deg,#8755f3,#7543e2);clip-path:polygon(0 0,87% 0,0 100%)}
#login-loading .loading-corner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#5333bc77 3px,transparent 4px) 0 0/18px 18px}
#login-loading .loading-ribbon{position:absolute;top:0;left:0;width:max(136px,calc(265 * var(--ref-unit,1px)));height:max(260px,calc(535 * var(--ref-unit,1px)));background:#f3a33d;clip-path:polygon(87% 0,100% 0,0 100%,0 86%)}
#login-loading .loading-logo{position:absolute;left:var(--ref-logo-left,24px);top:var(--ref-logo-top,34px);width:var(--ref-logo-width,240px);height:var(--ref-logo-height,125px);object-fit:contain}
#login-loading .loading-band{box-sizing:border-box;flex:none;width:100%;min-height:64px;padding:20px max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000}
#login-loading .loading-track{height:10px;background:#292929;overflow:hidden;transform:skewX(-24deg)}
#login-loading .loading-fill{width:0;height:100%;background:linear-gradient(90deg,#ffe775,#ffb600 30%,#ffcc19);transition:width .15s linear}
#login-loading .loading-meta{display:flex;align-items:flex-start;gap:14px;margin-top:5px;font:13px/18px Arial,Heebo,sans-serif}
#login-loading .loading-phase{flex:1;margin:0;color:#fff}
#login-loading .loading-percent{font:inherit;color:#fff;white-space:nowrap}
#login-loading .loading-error{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));box-sizing:border-box;padding:20px;border-radius:12px;background:#fff;color:#38284f;text-align:center;box-shadow:0 10px 40px #0008}
#login-loading .loading-error[hidden]{display:none}
#login-loading .loading-error button{min-height:44px;margin:8px;padding:8px 18px;border:1px solid #bba6d5;border-radius:8px;background:#64418e;color:#fff;font:700 14px Arial;cursor:pointer}
@media(orientation:portrait){#login-loading .loading-art{object-position:61% center}#login-loading .loading-corner,#login-loading .loading-ribbon{height:44vh;max-height:370px}}
@media(prefers-reduced-motion:reduce){#login-loading .loading-fill{transition:none}}