/* Apply saved theme before the first paint, with device preference as fallback. */
:root{--loader-background:#faf9f5;--loader-foreground:#252638;--loader-secondary:#666778}
:root[data-theme="dark"]{--loader-background:#111522;--loader-foreground:#dce4ff;--loader-secondary:#aeb8d2}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--loader-background:#111522;--loader-foreground:#dce4ff;--loader-secondary:#aeb8d2}}
#cloud-loading{background:var(--loader-background);color:var(--loader-foreground)}
/* The original brand image supplies the P, clipped without duplicating its artwork. */
#site-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--loader-background);color:var(--loader-foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.brand-loader{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px;max-width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.loader-orbit{position:relative;width:130px;height:130px;display:grid;place-items:center;margin-bottom:22px;isolation:isolate}
.loader-orbit:before{content:'';position:absolute;inset:2px;border:1px solid #9b8be52e;border-radius:50%}
.loader-orbit:after{content:'';position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle,#8d71e515,transparent 70%);z-index:-1}
.loader-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 15%,#a194e623 35%,#9b85e8 75%,#6651ce 97%,transparent);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:profelume-loader-spin 1.25s linear infinite}
.loader-symbol{position:relative;width:65px;height:72px;overflow:hidden;display:block;margin-left:4px}
.loader-symbol img{position:absolute;left:-23px;top:-27px;width:360px;height:120px;max-width:none;display:block}
.loader-name{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.7px;color:inherit}
.loader-message{font-size:12px;line-height:1.6;margin-top:8px;color:var(--loader-secondary);max-width:260px;letter-spacing:.03em}
.cloud-status .loader-message{color:var(--loader-secondary)}
@keyframes profelume-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loader-ring{animation:none;transform:rotate(-35deg)}}