@keyframes mcio-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes mcio-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(123,92,255,.35); } 50% { box-shadow: 0 0 0 14px rgba(123,92,255,0); } }
@keyframes mcio-fade   { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes mcio-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }

.svg-float { animation: mcio-float 4s ease-in-out infinite; }
.svg-pulse { animation: mcio-pulse 2.4s ease-in-out infinite; }
.fade-in   { animation: mcio-fade .35s ease both; }

.skel {
  background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.10), rgba(255,255,255,.04));
  background-size: 200% 100%;
  animation: mcio-shimmer 1.4s linear infinite;
  border-radius: 8px;
}