.comments-modal{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.9);z-index:1000;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;backdrop-filter:blur(5px);overflow:hidden}.comments-modal.active{display:flex}.comments-modal-content{background-color:var(--bg-card);border-radius:16px;width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalSlideUp}.comments-modal-header{padding:18px 20px;background:var(--bg-card);border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;backdrop-filter:blur(10px)}.modal-post-info{display:flex;align-items:center;gap:12px;flex:1}.modal-post-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);flex-shrink:0;position:relative}.modal-post-avatar::after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1));pointer-events:none}.modal-post-avatar img{width:100%;height:100%;object-fit:cover}.modal-post-author h4{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.modal-post-time{font-size:12px;color:var(--text-muted);font-weight:400}.comments-sort-selector{display:flex;align-items:center;gap:8px;margin-right:15px}.comments-sort-selector label{font-size:12px;color:var(--text-secondary)}.comments-sort-selector select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:4px 8px;border-radius:6px;font-size:12px;cursor:pointer;min-width:120px}.comments-sort-selector option{background-color:rgba(20,20,20,.95);color:var(--text-secondary);font-size:12px}.comments-sort-selector select:focus{outline:0;border-color:var(--accent)}.close-comments-modal{background:rgba(255,255,255,.05);border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s}.close-comments-modal:hover{background-color:rgba(255,255,255,.1);color:var(--text-primary);transform:rotate(90deg)}.comments-modal-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.comments-list-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:18px;background:var(--bg-card);scroll-behavior:smooth}.comment-actions,.comment-item{gap:12px;display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.comment-avatar{width:36px;height:36px;flex-shrink:0;position:relative}.comment-avatar::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.comment-avatar img,.reply-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1}.avatar-initials{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;z-index:1}.comment-author,.reply-author{font-weight:600;color:var(--text-primary);font-size:13px;line-height:1.2;letter-spacing:-.1px;padding-right:5px}.comment-time,.reply-time{font-size:11px;color:var(--text-muted);line-height:1.2;font-weight:400}.comment-input-modal,.reply-input{resize:none;font-family:inherit;line-height:1.4}.comment-actions{align-items:center;margin-top:4px}.comment-action-btn,.reply-btn{background:0 0;font-size:12px;cursor:pointer;padding:4px 8px;transition:.2s;gap:4px}.comment-action-btn{border:none;color:var(--text-secondary);display:flex;align-items:center;border-radius:6px;font-weight:500}.btn-reply-submit,.reply-btn{align-items:center;display:flex}.comment-action-btn:hover,.reply-action-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.comment-like-count{font-weight:600;font-size:12px;min-width:16px;text-align:center}.reply-btn{border:none;color:var(--accent);border-radius:6px;font-weight:500}.btn-cancel,.reply-input{background:rgba(255,255,255,.05)}.reply-btn:hover{background:rgba(128,128,128,.1)}.reply-form-container{margin-top:10px;padding-left:16px;animation:.3s fadeIn}.reply-form{display:flex;flex-direction:column;gap:8px}.reply-input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:13px;min-height:40px;max-height:100px;transition:.2s}.btn-cancel,.btn-reply-submit{padding:6px 12px;transition:.2s}.btn-cancel,.btn-reply-submit,.view-replies-btn{font-size:12px;cursor:pointer;font-weight:500}.reply-input:focus{outline:0;border-color:var(--accent);background:rgba(255,255,255,.08)}.reply-buttons{display:flex;justify-content:flex-end;gap:8px}.btn-cancel{border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);border-radius:6px}.btn-cancel:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.btn-reply-submit{background:var(--accent);border:none;color:#fff;border-radius:6px;gap:4px}.btn-reply-submit:hover,.no-comments .btn-start-commenting:hover{background:var(--accent-hover)}.replies-section{margin-top:10px;margin-left:16px;padding-left:16px;border-left:2px solid rgba(255,255,255,.1);position:relative}.replies-section::before{content:none}.view-replies-btn{background:rgba(128,128,128,.05);border:none;color:var(--accent);padding:5px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;margin-bottom:8px}.view-replies-btn:hover{background:rgba(128,128,128,.1);transform:translateX(2px)}.view-replies-btn i{font-size:10px;transition:transform .3s cubic-bezier(.68, -.55, .265, 1.55)}.see-more-btn.expanded i,.view-replies-btn.expanded i{transform:rotate(90deg)}.replies-list{display:none;margin-top:8px}.replies-list.expanded{display:block;animation:.3s fadeInUpSm}.reply-item{display:flex;gap:10px;margin-bottom:12px;padding-bottom:12px}.reply-item:last-child{margin-bottom:0;padding-bottom:0}.reply-avatar{width:28px;height:28px;flex-shrink:0;position:relative}.reply-avatar::after{content:'';position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.comment-content,.reply-content{flex:1;min-width:0;display:grid;grid-template-columns:1fr;gap:2px}.comment-header,.reply-header{display:flex;align-items:center;flex-wrap:wrap;height:auto;min-height:20px;width:100%;margin-bottom:4px}.comment-text,.reply-text{display:block;position:relative;margin-top:0;clear:both;font-size:14px;word-break:break-word}.reply-actions{display:flex;gap:10px;align-items:center;margin-top:4px}.reply-action-btn{background:0 0;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:6px;transition:.2s;font-weight:500}.comment-form-modal-container{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);background:rgba(30,30,30,.95);flex-shrink:0;backdrop-filter:blur(10px)}.comment-form-modal{width:100%}.comment-input-group-modal{display:flex;align-items:flex-end;gap:10px}.comment-input-modal{flex:1;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;color:var(--text-primary);font-size:14px;max-height:120px;min-height:24px;transition:.2s;overflow-y:auto}.comment-input-modal::-webkit-scrollbar{width:0}.comment-input-modal:focus{outline:0;border-color:var(--accent);background:rgba(255,255,255,.08);box-shadow:0 0 0 2px rgba(128,128,128,.2)}.comment-input-modal::placeholder{color:rgba(255,255,255,.4)}.btn-comment-submit-modal{background:var(--accent);border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s cubic-bezier(.4, 0, .2, 1);flex-shrink:0;position:relative;overflow:hidden}.btn-comment-submit-modal:hover{transform:translateY(-1px) scale(1.01)}.btn-comment-submit-modal i{position:relative;z-index:1}.btn-comment-submit-modal:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.no-comments{text-align:center;padding:60px 20px;color:var(--text-muted);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-comments i{font-size:56px;margin-bottom:20px;opacity:.3;color:var(--accent)}.no-comments p{font-size:16px;max-width:300px;line-height:1.5;margin-bottom:20px}.no-comments .btn-start-commenting{background:var(--accent);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.load-more-replies button,.see-more-btn{display:inline-flex;background:0 0;cursor:pointer;transition:.2s}.comments-list-container::-webkit-scrollbar{width:8px}.comments-list-container::-webkit-scrollbar-track{background:0 0;border-radius:4px}.comments-list-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px;transition:background .3s}.comments-list-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}#comments-loader{text-align:center;padding:20px;color:var(--accent);font-size:14px}#comments-loader i{margin-right:8px}.load-more-replies{text-align:center;padding:15px}.load-more-replies button{border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:13px;align-items:center;gap:6px}.load-more-replies button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-item,.reply-item{animation:.3s ease-out fadeInUp}.comment-text.expanded,.reply-text.expanded{max-height:none}.see-more-btn{align-items:center;gap:5px;border:none;color:var(--accent);width:100px;padding:2px;margin:5px 0;font-size:14px;border-radius:4px}.char-counter,.time-ago{color:var(--text-muted)}.see-more-btn:hover{text-decoration:none}.see-more-btn i{font-size:.8em;transition:transform .2s}.char-counter{text-align:right;font-size:12px;margin-top:4px;padding-right:10px}.char-counter.warning{color:#ff9800}.char-counter.error{color:#f44336}.time-ago{font-size:11px;line-height:1.2;font-weight:400;transition:color .3s}.time-now{color:var(--accent)!important;font-weight:500!important}.comment-time,.modal-post-time,.reply-time{composes:time-ago}


.comment-avatar a{
    text-decoration: none;
}