.popular-posts{background:var(--card-background);border:1px solid rgba(139,195,169,.2);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.popular-posts h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--primary-color);margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.popular-posts-list{display:flex;flex-direction:column;gap:1rem}.popular-post-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:12px;background:hsla(0,0%,100%,.03);border:1px solid transparent;text-decoration:none;color:inherit;transition:all .3s var(--transition-smooth);position:relative}.popular-post-item:hover{background:rgba(139,195,169,.1);border-color:rgba(139,195,169,.3);transform:translateX(4px)}.popular-post-rank{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-color);min-width:2rem;text-align:center;opacity:.6}.popular-post-thumbnail{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid rgba(139,195,169,.2)}.popular-post-thumbnail img{width:100%;height:100%;object-fit:cover}.popular-post-content{flex:1 1;min-width:0}.popular-post-content h4{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-post-stats{gap:1rem;font-size:.875rem;color:var(--text-secondary)}.popular-post-stats,.stat-item{display:flex;align-items:center}.stat-item{gap:.25rem}.stat-icon{font-size:.875rem;opacity:.8}.popular-post-skeleton{display:flex;align-items:center;gap:1rem;padding:.75rem}.skeleton-thumbnail{width:60px;height:60px;border-radius:8px;background:linear-gradient(90deg,rgba(139,195,169,.1),rgba(139,195,169,.2) 50%,rgba(139,195,169,.1));background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{flex:1 1}.skeleton-title{height:1rem;margin-bottom:.5rem}.skeleton-stats,.skeleton-title{background:linear-gradient(90deg,rgba(139,195,169,.1),rgba(139,195,169,.2) 50%,rgba(139,195,169,.1));background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-stats{height:.75rem;width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.popular-posts{padding:1rem}.popular-post-rank{font-size:1.25rem;min-width:1.5rem}.popular-post-thumbnail{width:50px;height:50px}.popular-post-content h4{font-size:.875rem}.popular-post-stats{gap:.75rem;font-size:.8125rem}}