/* ══ SPINNER ══ */
.loading { text-align: center; padding: 40px; color: var(--text3); font-size: .88rem; }
.spinner { width: 28px; height: 28px; border: 3px solid var(--warm2); border-top-color: var(--brand); border-radius: 50%; animation: spin .7s linear infinite; margin: 0 auto 12px; }
@keyframes spin { to { transform: rotate(360deg); } }