Design shimmering skeleton loading placeholders.
@keyframes shimmer { 100% { transform: translateX(100%); } }
.skeleton { background: #e2e8f0; border-radius: 8px; overflow: hidden; position: relative; }
.skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, #f1f5f9, transparent); animation: shimmer 1.5s infinite; }