/* ==========================================
   LunarStar Skeleton Loading
   No spinners. Only elegant shimmer.
========================================== */

.ls-skeleton {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 16px;
}

.ls-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, var(--glass-border), transparent);
    animation: skeleton-loading 1.6s infinite;
}

@keyframes skeleton-loading {
    100% { transform: translateX(100%); }
}

/* Size variants */
.ls-skeleton-text  { width: 100%; height: 16px; border-radius: var(--radius-xs); }
.ls-skeleton-title { width: 60%; height: 24px; border-radius: 12px; }
.ls-skeleton-avatar { width: 56px; height: 56px; border-radius: 18px; }
.ls-skeleton-card   { width: 100%; height: 200px; border-radius: 20px; }
.ls-skeleton-btn    { width: 140px; height: 44px; border-radius: var(--radius-md); }