.popular-posts-tab-widget{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.tab-headers{display:flex;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:0;border-bottom:2px solid rgba(255,255,255,.1)}.tab-header{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:0 0;border:none;color:rgba(255,255,255,.8);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.tab-header.active{color:#fff;background:rgba(255,255,255,.15)}.tab-header:not(.active):hover{color:#fff;background:rgba(255,255,255,.1)}.tab-header:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:3px;background:#fff;transition:width .3s ease;border-radius:3px 3px 0 0}.tab-header.active:after{width:60%}.tab-icon{display:flex;align-items:center}.tab-icon svg{stroke:currentColor}.tab-content{padding:20px}.tab-pane{display:none;animation:fadeIn .3s ease}.tab-pane.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.popular-posts-list{list-style:none;margin:0;padding:0}.popular-post-item{display:flex;align-items:flex-start;gap:5px;padding:5px 0;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.popular-post-item:last-child{border-bottom:none}.popular-post-item:hover{transform:translateX(5px);background:linear-gradient(90deg,rgba(102,126,234,.05) 0%,rgba(255,255,255,0) 100%);padding-left:8px;padding-right:8px;margin:0 -8px;border-radius:6px}.post-bullet{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .3s ease;margin-top:2px}.popular-post-item:hover .post-bullet{color:#764ba2;transform:translateX(3px)}.post-bullet svg{stroke:currentColor;transition:transform .3s ease;width:14px;height:14px}.popular-post-item:hover .post-bullet svg{transform:scale(1.2)}.popular-post-item:hover .rank-number{transform:scale(1.1);box-shadow:0 4px 15px rgba(102,126,234,.4)}.popular-post-item:nth-child(1) .rank-number{background:linear-gradient(135deg,gold 0%,orange 100%);box-shadow:0 3px 10px rgba(255,165,0,.3)}.popular-post-item:nth-child(2) .rank-number{background:linear-gradient(135deg,silver 0%,#a9a9a9 100%);box-shadow:0 3px 10px rgba(169,169,169,.3)}.popular-post-item:nth-child(3) .rank-number{background:linear-gradient(135deg,#cd7f32 0%,sienna 100%);box-shadow:0 3px 10px rgba(205,127,50,.3)}.post-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.post-title{margin:0;font-size:14px;line-height:1.4;font-weight:600;display:flex;align-items:center}.post-title a{color:#2d3748;text-decoration:none;transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.post-title a:hover{color:#667eea}.post-meta{display:flex;align-items:center;gap:2px;font-size:11px;color:#718096}.post-date,.post-comments{display:flex;align-items:center;gap:4px}.post-date svg,.post-comments svg{stroke:currentColor}.no-posts{text-align:center;padding:30px 20px;color:#a0aec0;font-size:14px;font-style:italic}@media (max-width:768px){.tab-header{padding:14px 16px;font-size:13px}.tab-content{padding:16px}.popular-post-item{padding:12px 0}.post-title{font-size:13px}}@media (prefers-color-scheme:dark){.popular-posts-tab-widget{background:#1a202c;box-shadow:0 4px 20px rgba(0,0,0,.2)}.post-title a{color:#e2e8f0}.post-title a:hover{color:#a3bffa}.popular-post-item{border-bottom-color:#2d3748}.popular-post-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.15) 0%,rgba(26,32,44,0) 100%)}.post-meta{color:#a0aec0}}