:root{--public-loader-bg:rgba(8,13,26,.78);--public-loader-panel:rgba(255,255,255,.1);--public-loader-line:rgba(255,255,255,.2)}
html.public-preload-pending,html.public-preload-pending body{overflow:hidden!important}
html.public-preload-pending body>*:not(.public-loading-screen),body.public-preloading>*:not(.public-loading-screen){filter:blur(16px) saturate(.7);transform:scale(1.015);pointer-events:none!important;user-select:none;transition:filter .38s ease,transform .38s ease}
.public-loading-screen{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(111,93,255,.28),transparent 38%),linear-gradient(145deg,var(--public-loader-bg),rgba(4,7,16,.94));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#fff;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}
.public-loading-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.public-loading-card{width:min(92vw,440px);padding:34px 30px 28px;border:1px solid var(--public-loader-line);border-radius:30px;background:var(--public-loader-panel);box-shadow:0 24px 80px rgba(0,0,0,.34);text-align:center;overflow:hidden;position:relative}
.public-loading-orbit{width:96px;height:96px;margin:0 auto 22px;position:relative;border-radius:50%;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 0 35px rgba(255,255,255,.08)}
.public-loading-orbit:before,.public-loading-orbit:after{content:"";position:absolute;border-radius:50%;inset:11px;border:3px solid transparent;border-top-color:#fff;border-right-color:rgba(130,221,255,.8);animation:publicLoaderSpin 1.15s linear infinite}
.public-loading-orbit:after{inset:28px;border-width:2px;border-top-color:#c9bdff;border-right-color:transparent;animation-duration:.82s;animation-direction:reverse}
.public-loading-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800;letter-spacing:-.03em}
.public-loading-title{font-size:clamp(1.35rem,4vw,1.8rem);font-weight:800;line-height:1.35;margin:0}
.public-loading-title-ar{font-family:var(--app-font-family-ar,Cairo,system-ui,sans-serif);margin-top:5px;font-size:clamp(1rem,3.3vw,1.25rem);font-weight:700;opacity:.88}
.public-loading-note{margin:13px auto 0;max-width:330px;font-size:.88rem;line-height:1.65;color:rgba(255,255,255,.72)}
.public-loading-progress{height:5px;margin-top:24px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.public-loading-progress>span{display:block;height:100%;width:8%;border-radius:inherit;background:linear-gradient(90deg,#fff,#91e6ff,#cdbfff);transition:width .24s ease}
.public-loading-percent{display:block;margin-top:9px;font-size:.75rem;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.7)}
@keyframes publicLoaderSpin{to{transform:rotate(360deg)}}
.account-upgrade-notice{display:flex;align-items:flex-start;gap:14px;margin:0 0 20px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--brand-accent,#7456ff) 30%,transparent);border-radius:18px;background:color-mix(in srgb,var(--brand-accent,#7456ff) 8%,var(--bs-body-bg,#fff));box-shadow:0 10px 28px rgba(0,0,0,.06)}
.account-upgrade-notice i{font-size:1.35rem;color:var(--brand-accent,#7456ff)}
.account-upgrade-notice strong,.account-upgrade-notice small{display:block}.account-upgrade-notice small{margin-top:3px;opacity:.72;line-height:1.5}
@media(max-width:575.98px){.public-loading-card{padding:28px 20px 24px;border-radius:24px}.public-loading-orbit{width:82px;height:82px}.account-upgrade-notice{padding:14px}}
@media(prefers-reduced-motion:reduce){.public-loading-orbit:before,.public-loading-orbit:after{animation-duration:2.8s}.public-loading-screen,html.public-preload-pending body>*:not(.public-loading-screen){transition-duration:.01ms!important}}
