:root{--tag-loader-bg:#030817;--tag-loader-panel:#081126;--tag-loader-border:#1b2d53;--tag-loader-text:#f4f7ff;--tag-loader-muted:#91a2c7;--tag-loader-blue:#2376ff;--tag-loader-purple:#7c4dff;--tag-loader-cyan:#1ed7f2;--tag-loader-danger:#ff5c70;--tag-loader-success:#35d07f}
#tag-brand-loader{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,rgba(35,118,255,.17),transparent 34%),radial-gradient(circle at 58% 55%,rgba(124,77,255,.13),transparent 38%),var(--tag-loader-bg);opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease}
#tag-brand-loader[hidden],#tag-brand-loader.tag-loader-hidden{opacity:0;visibility:hidden;pointer-events:none}
.tag-loader-card{width:min(410px,calc(100vw - 36px));padding:30px 28px 26px;border:1px solid var(--tag-loader-border);border-radius:24px;background:linear-gradient(180deg,rgba(15,29,58,.95),rgba(7,16,35,.96));box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 50px rgba(35,118,255,.12);text-align:center;color:var(--tag-loader-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tag-loader-mark{width:74px;height:74px;margin:0 auto 18px;position:relative;filter:drop-shadow(0 0 16px rgba(35,118,255,.5))}
.tag-loader-mark:before,.tag-loader-mark:after{content:"";position:absolute;inset:9px;border:8px solid transparent;border-top-color:var(--tag-loader-blue);border-right-color:var(--tag-loader-purple);transform:rotate(30deg);border-radius:12px;animation:tag-loader-spin 2s linear infinite}
.tag-loader-mark:after{inset:22px;border-width:6px;border-top-color:var(--tag-loader-cyan);border-right-color:var(--tag-loader-blue);animation-direction:reverse;animation-duration:1.35s}
.tag-loader-wordmark{font-size:26px;font-weight:800;letter-spacing:-.04em}.tag-loader-wordmark span{background:linear-gradient(90deg,var(--tag-loader-blue),var(--tag-loader-cyan),var(--tag-loader-purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.tag-loader-status{margin:9px 0 18px;color:var(--tag-loader-muted);font-size:14px;line-height:1.45;min-height:20px}
.tag-loader-track{height:8px;border-radius:999px;overflow:hidden;background:#111f3b;border:1px solid rgba(139,166,218,.14)}
.tag-loader-bar{height:100%;width:34%;border-radius:inherit;background:linear-gradient(90deg,var(--tag-loader-blue),var(--tag-loader-cyan),var(--tag-loader-purple));box-shadow:0 0 18px rgba(35,118,255,.5);transform-origin:left center;animation:tag-loader-indeterminate 1.25s ease-in-out infinite}
#tag-brand-loader[data-determinate="true"] .tag-loader-bar{animation:none;width:var(--tag-loader-progress,0%);transition:width .24s ease}
.tag-loader-meta{display:flex;justify-content:space-between;gap:14px;margin-top:10px;color:#7184ad;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
#tag-brand-loader[data-state="error"] .tag-loader-mark:before,#tag-brand-loader[data-state="error"] .tag-loader-mark:after{animation:none;border-top-color:var(--tag-loader-danger);border-right-color:var(--tag-loader-danger)}
#tag-brand-loader[data-state="success"] .tag-loader-mark:before,#tag-brand-loader[data-state="success"] .tag-loader-mark:after{animation:none;border-top-color:var(--tag-loader-success);border-right-color:var(--tag-loader-success)}
@keyframes tag-loader-spin{to{transform:rotate(390deg)}}@keyframes tag-loader-indeterminate{0%{transform:translateX(-120%) scaleX(.55)}50%{transform:translateX(95%) scaleX(1.05)}100%{transform:translateX(320%) scaleX(.45)}}
@media (prefers-reduced-motion:reduce){#tag-brand-loader,.tag-loader-bar,.tag-loader-mark:before,.tag-loader-mark:after{animation:none!important;transition:none!important}.tag-loader-bar{width:68%}}
