.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);border-top-color:#fff;animation:.8s linear infinite spin}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:32px;height:32px;border-width:3px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--text-primary);animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg,var(--surface-card) 25%,var(--surface-card-hover) 50%,var(--surface-card) 75%);background-size:200% 100%;animation:1.5s infinite shimmer;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.loader-placeholder{text-align:center;padding:var(--space-xl);color:var(--text-muted);font-style:italic}.loading-bar{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.loading-bar__fill{height:100%;background:var(--gradient-accent);animation:1.5s ease-in-out infinite loading-bar}@keyframes loading-bar{0%{transform:translateX(-100%);width:30%}50%{width:60%}100%{transform:translateX(400%);width:30%}}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--surface-overlay);border-radius:var(--radius-md);color:var(--text-primary);gap:var(--space-md)}