.comments-wrapper{width:100%;margin-top:25px;background:var(--card);padding:20px;border-radius:12px;color:var(--text);border:1px solid var(--border)}.comments-title{font-size:1.1rem;margin-bottom:20px;font-weight:700}.comment-input-row{display:flex;gap:12px;margin-bottom:25px}.comment-avatar,.user-avatar-input{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.input-container{flex:1 1;flex-direction:column}.comment-input{background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);padding:8px 0;font-size:15px;transition:.3s}.comment-input:focus{border-bottom:2px solid var(--accent)}.comment-actions-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.cancel-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-weight:500}.comments-list{display:flex;flex-direction:column;gap:20px}.comment-item{display:flex;gap:12px}.comment-header{display:flex;align-items:center;gap:8px}.comment-username{font-weight:600;font-size:13px;color:var(--text)}.comment-time{font-size:11px;color:var(--text-muted)}.comment-text{margin:4px 0;font-size:14px;line-height:1.4;color:var(--text)}.delete-btn{background:none;border:none;color:#ef4444;font-size:11px;cursor:pointer;padding:0;margin-top:5px;opacity:.7}.delete-btn:hover{text-decoration:underline;opacity:1}.comment-actions-row{margin-top:5px}.delete-btn-text,.reply-trigger-btn{background:none;border:none;color:#aaa;font-size:12px;cursor:pointer;padding:0}.reply-trigger-btn:hover{color:#fff}.delete-btn-text:hover{color:red}.reply-input-box{margin-top:10px;display:flex;flex-direction:column;gap:5px}.reply-input{background:transparent;border-bottom:1px solid #333;color:white;padding:5px;outline:none}.reply-btns{display:flex;justify-content:flex-end;gap:10px}.reply-btns button{padding:4px 10px;font-size:12px;cursor:pointer}.replies-list{margin-top:10px;margin-left:20px;border-left:2px solid #333;padding-left:10px}.reply-item{display:flex;gap:10px;margin-bottom:8px;align-items:center}.reply-avatar{width:24px;height:24px;border-radius:50%}.reply-content{display:flex;gap:8px;align-items:center;font-size:13px}.reply-username{font-weight:700;color:#ddd}.reply-text{color:#bbb}.delete-reply-btn{background:none;border:none;color:#555;cursor:pointer;font-size:10px}.delete-reply-btn:hover{color:red}.comment-actions-row{display:flex;align-items:center;gap:15px;margin-top:6px}.action-btn{background:none;border:none;color:#aaa;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:0;font-weight:500}.action-btn:hover{color:#fff}.like-btn{display:flex;align-items:center}.like-btn svg{font-size:14px}.input-container{width:100%;position:relative;display:flex;align-items:center}.comment-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:white;padding:12px 50px 12px 15px;border-radius:20px;outline:none;font-size:14px;transition:.3s ease}.comment-input:focus{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.1)}.emoji-trigger-main{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent!important;box-shadow:none!important;border:none;cursor:pointer;z-index:10;display:flex;align-items:center}.emoji-trigger-main:hover{background:rgba(255,255,255,.1)}.emoji-popover-main{position:absolute;top:110%;right:0;z-index:100;box-shadow:0 4px 20px rgba(0,0,0,.5);border-radius:12px;background:#222}