.youtube-comments-widget{height:100%;max-height:480px;overflow:hidden;background:linear-gradient(135deg,#1a1a1a 0,#2d2d2d 100%);border-radius:12px;padding:20px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;max-width:100%;box-shadow:0 4px 20px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.youtube-comments-widget.compact-mode .author-avatar,.youtube-icon{width:24px;height:24px}.widget-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(255,0,0,.3);flex-wrap:wrap;gap:10px}.filter-button,.header-controls,.widget-title{display:flex;align-items:center}.widget-title{font-size:18px;font-weight:600;color:#fff;gap:10px}.filter-button,.filter-option{color:rgba(255,255,255,.9);font-size:14px;cursor:pointer}.youtube-icon{fill:#FF0000}.header-controls{gap:15px}.filter-dropdown{position:relative}.filter-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:6px;gap:5px;transition:.3s}.filter-button:hover{background:rgba(255,255,255,.15);border-color:rgba(255,0,0,.5)}.filter-button.active{border-color:rgba(255,0,0,.7);background:rgba(255,0,0,.1)}.filter-button svg{width:16px;height:16px;fill:currentColor}.pinned-badge svg,.youtube-comments-widget.compact-mode .comment-likes svg,.youtube-comments-widget.compact-mode .creator-heart svg{width:12px;height:12px}.filter-menu{position:absolute;top:100%;left:0;margin-top:5px;background:#2d2d2d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 0;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1000;display:none}.comment-author,.comment-stats,.comments-info,.pinned-badge{display:flex;align-items:center}.filter-menu.show,.replies-container.show{display:block}.filter-option{padding:10px 16px;transition:background .2s}.filter-option:hover{background:rgba(255,255,255,.1)}.filter-option.selected{background:rgba(255,0,0,.2);color:#f44}.comments-info{flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding:10px;background:rgba(255,255,255,.05);border-radius:6px;gap:10px}.comments-count{font-size:14px;color:rgba(255,255,255,.7)}.filtered-count{font-size:14px;color:rgba(255,165,0,.9);background:rgba(255,165,0,.1);padding:4px 8px;border-radius:4px;display:none}.filtered-count.show{display:inline-block}.comments-container{flex:1;overflow-x:hidden;min-height:0;max-height:600px;overflow-y:auto;padding-right:10px}.comments-container::-webkit-scrollbar{width:6px}.comments-container::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.comments-container::-webkit-scrollbar-thumb{background:rgba(255,0,0,.5);border-radius:3px}.comments-container::-webkit-scrollbar-thumb:hover{background:rgba(255,0,0,.7)}.pinned-comment{background:linear-gradient(135deg,rgba(255,0,0,.15) 0,rgba(255,0,0,.05) 100%);border:1px solid rgba(255,0,0,.3);margin-bottom:20px;position:relative}.pinned-badge{position:absolute;top:10px;right:10px;background:rgba(255,0,0,.8);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;gap:4px}.pinned-badge svg{fill:currentColor}.comment-item{background:rgba(255,255,255,.05);border-radius:8px;padding:15px;margin-bottom:12px;transition:.3s;border:1px solid rgba(255,255,255,.05)}.comment-item.filtered,.reply-item.filtered{display:none}.comment-item:hover{background:rgba(255,255,255,.08);transform:translateX(5px);border-color:rgba(255,0,0,.3)}.comment-author{margin-bottom:8px;gap:10px}.author-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,0,0,.5)}.author-name{font-weight:600;color:#f44;font-size:14px}.author-badge{background:rgba(255,0,0,.2);color:#f66;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.comment-date{color:rgba(255,255,255,.5);font-size:12px;margin-left:auto}.comment-text{color:rgba(255,255,255,.9);font-size:14px;line-height:1.5;margin-left:42px}.comment-stats{margin-left:42px;margin-top:8px;gap:15px}.replies-container,.replies-toggle{margin-left:42px;margin-top:10px}.comment-likes,.creator-heart,.replies-button{font-size:13px;display:flex;gap:5px}.comment-likes{align-items:center;color:rgba(255,255,255,.6)}.comment-likes svg{width:14px;height:14px;fill:currentColor}.creator-heart{align-items:center;color:red}.creator-heart svg{width:16px;height:16px;fill:#ff0000}.replies-button{background:0 0;color:#4da6ff;border:none;padding:5px 10px;cursor:pointer;align-items:center;transition:.2s}.replies-button:hover{background:rgba(77,166,255,.1);border-radius:4px}.replies-button svg{width:16px;height:16px;fill:currentColor;transition:transform .2s}.replies-button.expanded svg{transform:rotate(180deg)}.replies-container{padding-left:20px;border-left:2px solid rgba(255,255,255,.1);display:none}.reply-item{background:rgba(255,255,255,.03);border-radius:6px;padding:12px;margin-bottom:8px;transition:.2s}.reply-item:hover{background:rgba(255,255,255,.06)}.loading{text-align:center;padding:30px;color:rgba(255,255,255,.6)}.loading-spinner{border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top:3px solid red;width:40px;height:40px;animation:1s linear infinite spin;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.error-message{background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.3);border-radius:8px;padding:15px;color:#f66;text-align:center}.no-comments{text-align:center;color:rgba(255,255,255,.5);padding:30px}.youtube-comments-widget.compact-mode .comment-item,.youtube-comments-widget.compact-mode .reply-item{padding:10px;margin-bottom:8px}.youtube-comments-widget.compact-mode .comment-author{margin-bottom:4px;gap:8px}.youtube-comments-widget.compact-mode .author-name{font-size:13px}.youtube-comments-widget.compact-mode .author-badge{font-size:10px;padding:1px 4px}.youtube-comments-widget.compact-mode .comment-date{font-size:11px}.youtube-comments-widget.compact-mode .comment-text{font-size:13px;margin-left:32px;line-height:1.4}.youtube-comments-widget.compact-mode .comment-stats,.youtube-comments-widget.compact-mode .replies-container,.youtube-comments-widget.compact-mode .replies-toggle{margin-left:32px;margin-top:6px;gap:10px}.youtube-comments-widget.compact-mode .replies-button{font-size:12px;padding:4px 8px}