.loader {
    display: none;
    width: 44px;
    height: 44px;
    margin: 20px auto;
    border-radius: 50%;
    position: relative;
    background: conic-gradient(from 0deg, var(--cyan), var(--electric), var(--pink), var(--cyan));
    animation: spin 0.85s linear infinite;
}

.loader::after {
    content: '';
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    background: var(--panel-elevated);
}

@keyframes spin { to { transform: rotate(360deg); } }