/* Shared loading surfaces; page-specific cards keep their own layout. */
.podly-skeleton{position:relative;overflow:hidden;border-radius:12px;background:#252b3a!important;color:transparent!important;pointer-events:none}
.podly-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff14 48%,transparent 72%);background-size:200% 100%;animation:podly-skeleton-sweep 1.5s ease-in-out infinite}
.podly-skeleton-card{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid #303849;border-radius:20px;background:#151b26}
.podly-skeleton-row{display:flex;align-items:center;gap:12px}
.podly-skeleton-row>div:last-child{flex:1;display:grid;gap:9px}
.podly-skeleton-avatar{width:42px;height:42px;flex:none;border-radius:50%}
.podly-skeleton-line{width:78%;height:12px}.podly-skeleton-line.short{width:42%}.podly-skeleton-line.long{width:95%}
.podly-skeleton-art{height:clamp(130px,24vw,240px);border-radius:15px}
.podly-skeleton-actions{display:flex;gap:12px}.podly-skeleton-actions>span{width:50px;height:25px}
.podly-skeleton-list{display:grid;gap:16px}.podly-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
:is(.settings-loading,.billing-loading,.loading-state,.community-comments-loading,.social-dashboard-loading) i{display:inline-block;width:38px;height:38px;border:0;border-radius:50%;background:#30384b;animation:podly-skeleton-sweep 1.5s ease-in-out infinite;background-image:linear-gradient(105deg,transparent 25%,#ffffff18 48%,transparent 72%);background-size:200% 100%}
img[data-podly-image-loading]{background-color:#252b3a;background-image:linear-gradient(105deg,transparent 25%,#ffffff18 48%,transparent 72%);background-size:200% 100%;animation:podly-skeleton-sweep 1.5s ease-in-out infinite;color:transparent!important}
img[data-podly-image-error]{background-color:#202736;background-image:radial-gradient(circle at 50% 43%,#ffffff10 0 16%,transparent 17%),linear-gradient(145deg,#242c3c,#171d29);color:transparent!important;font-size:0!important}
@keyframes podly-skeleton-sweep{from{background-position:200% 0}to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.podly-skeleton::after,img[data-podly-image-loading],:is(.settings-loading,.billing-loading,.loading-state,.community-comments-loading,.social-dashboard-loading) i{animation:none}}