#loader {
  position: fixed; inset: 0; z-index: 100;
  pointer-events: all; overflow:hidden;
  background: var(--ink);
}
.ld-visual {position:absolute;inset:0;opacity:0;overflow:hidden;contain:paint;}

.ld-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ld-screen { fill: var(--ink); }
.ld-light { fill: #F2F0EC; }
.ld-tagline { fill: #ED1C24; }
.ld-outline { fill: none; stroke-width: .8; stroke-linejoin: round; stroke: rgba(242, 240, 236, .5); vector-effect: non-scaling-stroke; }
.ld-outline.red { stroke: rgba(236, 29, 39, .75); }

#ld-top, #ld-bot, #ld-tag { opacity: 0; }
.ld-edge { fill: none; stroke: #EC1D27; stroke-width: 1.5; vector-effect: non-scaling-stroke; opacity: 0; }

.ld-feedback {position:absolute;left:50%;bottom:clamp(32px,8vh,72px);transform:translateX(-50%);width:min(360px,calc(100% - 64px));color:var(--muted-on-dark);}
.ld-meta {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:11px;line-height:1.6;}
#ld-status {letter-spacing:.06em;}
html[lang="ar"] #ld-status {direction:rtl;letter-spacing:0;font-size:13px;}
.ld-pct {font-size:11px;font-variant-numeric:tabular-nums;direction:ltr;letter-spacing:.04em;}
.ld-percent {margin-left:3px;color:var(--c-ink-400);}
.ld-track {height:1px;background:var(--line-on-dark);overflow:hidden;}
#ld-bar {display:block;width:100%;height:100%;background:var(--c-red-500);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.3,.7,.2,1);will-change:transform;}

.xp-seen #loader,.xp-failsafe #loader { display: none; }