.loader {
    position: fixed; inset: 0;
    display: grid; place-items: center;
    background: rgba(10,15,22,.6);
    backdrop-filter: blur(6px);
    z-index: 50;
    transition: opacity .25s ease;
}
.loader.hide { opacity: 0; pointer-events: none; }
.loader .ring {
    min-width: 160px;
    border: 1px solid #132235; border-radius: 14px;
    background: linear-gradient(var(--glass, rgba(13,20,32,.55)), var(--glass, rgba(13,20,32,.55))) padding-box,
    linear-gradient(120deg, #1a2a3d, #0b1624) border-box;
    padding: 14px 18px; text-align: center;
    color: var(--fg, #e6f1ff);
    box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
.loader .pct { font-size: 28px; font-weight: 700; letter-spacing: .02em; }
.loader .txt { font-size: 12px; opacity: .8; margin-top: 6px; }