.skeleton{background:linear-gradient(90deg, var(--color-secondary-500) 25%, var(--color-input-500) 50%, var(--color-secondary-500) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{background:var(--color-surface-card);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-input-500);box-shadow:var(--shadow-sm);width:100%;overflow:hidden}.skeleton-card--project{flex-direction:column;height:100%;display:flex}.skeleton-card--project .skeleton--image{border-radius:0;width:100%;height:240px}.skeleton-card--blog{flex-direction:column;height:100%;display:flex}.skeleton-card--blog .skeleton--image{border-radius:0;width:100%;height:220px}.skeleton-content{padding:var(--spacing-5);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex}.skeleton--title{width:85%;height:22px;margin-bottom:var(--spacing-1)}.skeleton--title.skeleton--large{width:90%;height:36px;margin-bottom:var(--spacing-4)}.skeleton--text{width:100%;height:16px}.skeleton--text.skeleton--short{width:65%}.skeleton--date{width:90px;height:14px;margin-bottom:var(--spacing-1)}.skeleton--paragraph{width:100%;height:16px;margin-top:var(--spacing-3);position:relative}.skeleton--paragraph:after{content:"";width:92%;height:16px;margin-top:var(--spacing-2);background:linear-gradient(90deg, var(--color-secondary-500) 25%, var(--color-input-500) 50%, var(--color-secondary-500) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-loading;display:block}.skeleton-footer{gap:var(--spacing-2);padding-top:var(--spacing-3);margin-top:auto;display:flex}.skeleton--tag{border-radius:var(--radius-full);width:75px;height:26px}.skeleton--button{border-radius:var(--radius-sm);width:100%;height:40px;margin-top:var(--spacing-3)}.skeleton--hero{width:100%;height:380px;margin-bottom:var(--spacing-7);border-radius:var(--radius-md)}.skeleton-detail{max-width:1000px;margin:var(--spacing-8) auto;padding:0 var(--spacing-6)}.skeleton-detail-content{padding:var(--spacing-6) 0;gap:var(--spacing-4);flex-direction:column;display:flex}.skeleton-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.skeleton-grid--2col{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.skeleton-grid,.skeleton-grid--2col{grid-template-columns:1fr}.skeleton--hero{height:240px}}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton--paragraph:after{background:var(--color-input-500);animation:none}}