.gar-loading[hidden]{display:none!important}
.gar-loading{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(5,5,6,.88);pointer-events:none;opacity:1;transition:opacity .16s ease;font-family:Inter,'Segoe UI',Arial,sans-serif;color:#dde1e5}
.gar-loading-card{width:240px;padding:28px;display:grid;justify-items:center;gap:18px;background:#121417;border:1px solid #3d434a;box-shadow:0 0 50px #0499f71c}
.gar-loading-ring{position:relative;width:152px;height:152px;display:grid;place-items:center;border:1px solid #3d434a;border-radius:50%}
.gar-loading-ring:before{content:'';position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#5cc0ff;border-right-color:#5cc0ff55;border-radius:50%;animation:gar-orbit 1.1s linear infinite}
.gar-loading-ring:after{content:'';position:absolute;inset:9px;border:1px dashed #3d434a;border-radius:50%}
.gar-loading-ring img{width:118px;height:auto;mix-blend-mode:screen}
.gar-loading p{margin:0!important;font:600 12px/1.5 Inter,'Segoe UI',Arial,sans-serif!important;color:#dde1e5!important;letter-spacing:.06em}
.gar-loading-track{width:160px;height:2px;overflow:hidden;background:#2c3136}
.gar-loading-track:after{content:'';display:block;width:45%;height:100%;background:#5cc0ff;animation:gar-scan 1s ease-in-out infinite}
.gar-loading-fade{opacity:0}
.gar-loading-compact{inset:auto 18px 18px auto;background:none}
.gar-loading-compact .gar-loading-card{width:auto;max-width:calc(100vw - 36px);padding:12px 18px;grid-template-columns:42px 1fr;gap:12px}
.gar-loading-compact .gar-loading-ring{width:42px;height:42px}
.gar-loading-compact .gar-loading-ring img{width:33px}
.gar-loading-compact .gar-loading-ring:after,.gar-loading-compact .gar-loading-track{display:none}
@keyframes gar-orbit{to{transform:rotate(360deg)}}
@keyframes gar-scan{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.gar-loading{transition:none}.gar-loading-ring:before,.gar-loading-track:after{animation:none}}
@media(prefers-reduced-motion:no-preference){body{animation:gar-page-in .12s ease-out}}@keyframes gar-page-in{from{opacity:.75}to{opacity:1}}
