/* ============================================================
 *  LOADING OVERLAY
 * ============================================================ */
#loading-overlay {
    position: fixed; inset: 0;
    background: var(--bg-overlay-loading);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9998;
}

.loading-card {
    text-align: center;
    padding: 40px;
}

.spinner {
    width: 48px;
    height: 48px;
    border: 4px solid var(--sex-u-bar);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin 0.7s linear infinite;
    margin: 0 auto 16px;
}
.spinner-sm {
    width: 34px;
    height: 34px;
    border-width: 3px;
    margin: 0 auto 14px;
}
@keyframes spin { to { transform: rotate(360deg); } }

.rel-loading {
    text-align: center;
    padding: 28px 16px 32px;
    color: var(--text-soft);
}
.rel-loading-text {
    font-size: 0.92rem;
    line-height: 1.5;
}
.rel-loading-text strong {
    color: var(--text-primary);
    font-weight: 700;
}
.rel-loading-and {
    color: var(--text-dim);
    margin: 0 6px;
    font-size: 0.85rem;
}

#loading-message { color: var(--text-secondary); font-size: 0.95rem; }