.yalla-comments{padding:var(--Gap2);}.comments-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:space-between;-ms-flex-pack:space-between;justify-content:space-between;margin-bottom:var(--Gap2);}.comments-header .user-badge,.comments-header #comments-title{display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--Main-BG);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);padding:0 var(--Gap2);border:var(--Border);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--Gap4);font-size:var(--FontSize2);}.comment-actions{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;}.form-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}.user-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--Gap4);}.user-badge img.avatar{width:var(--Full-Width);height:auto;max-width:30px;max-height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.user-avatar{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid var(--Secondary-BG);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.badge svg{display:block;width:20px;height:20px;}.no-comments p{display:block;width:var(--Full-Width);background:var(--Main-BG);padding:4px 12px;-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);border:var(--Border);text-align:center;font-size:var(--FontSize2);}.comments-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--Gap2);}.comment-item{background:var(--Main-BG);border:var(--Border);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);padding:var(--Gap2);-webkit-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);-o-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);}.comment-item:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.08);-moz-box-shadow:0 4px 12px rgba(0,0,0,0.08);box-shadow:0 4px 12px rgba(0,0,0,0.08);-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);}.comment-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--Gap4);margin-bottom:var(--Gap4);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;}.comment-header img.comment-avatar{width:var(--Full-Width);height:auto;max-width:30px;max-height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}.comment-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:var(--Gap4);line-height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.comment-author{font-weight:600;color:var(--Blue-Color);}.comment-date{font-size:var(--FontSize3);color:var(--Secondary-Color);}.comment-content{background:var(--Secondary-BG);padding:var(--Gap3);font-size:var(--FontSize2);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);line-height:1.5;margin-bottom:var(--Gap2);text-align:right;overflow:hidden;}.comment-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--Gap3);flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;}.comment-actions button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:0 12px;border:var(--Border);background:var(--Secondary-BG);-webkit-border-radius:var(--Radius3);-moz-border-radius:var(--Radius3);border-radius:var(--Radius3);font-size:var(--FontSize3);line-height:30px;cursor:pointer;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;}.comment-actions button svg{display:block;width:18px;height:18px;color:var(--Secondary-Color);}button.like-btn.active svg{color:var(--Blue-Color);}button.dislike-btn.active svg{color:var(--Yellow-Color);}button.report-btn svg{color:var(--Red-Color);}.like-btn.active{color:var(--Blue-Color);}.dislike-btn.active{color:var(--Yellow-Color);}.reply-form-container{display:block;background:var(--Secondary-BG);border:var(--Border);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);padding:var(--Gap2);margin-top:var(--Gap2);}textarea#reply-textarea{width:var(--Full-Width);padding:var(--Gap3);border:2px solid #ddd;background:var(--Main-BG);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);font-size:var(--FontSize2);}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;width:var(--Full-Width);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;gap:var(--Gap2);}button.cancel-reply,button.submit-reply{display:block;cursor:pointer;min-width:50px;padding:0 var(--Gap2);font-size:var(--FontSize2);background:var(--Main-BG);border:var(--Border);-webkit-border-radius:var(--Radius3);-moz-border-radius:var(--Radius3);border-radius:var(--Radius3);}.comment-replies{margin-top:var(--Gap2);padding-right:var(--Gap2);border-right:3px solid #ddd;border-left:none;}#comment-form{margin-top:var(--Gap3);background:var(--Main-BG);padding:var(--Gap3);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);border:var(--Border);}#comment-form *{text-align:right;}#comment-form label{font-size:var(--FontSize2);}#comment-form textarea,#comment-form input[type="text"],#comment-form input[type="email"]{width:var(--Full-Width);padding:var(--Gap3);border:var(--Border);background:var(--Secondary-BG);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);font-size:var(--FontSize2);}#comment-form textarea{min-height:120px;resize:vertical;}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #ffffff00;outline-offset:2px;}.submit-comment-btn{width:var(--Full-Width);text-align:center!important;background:var(--Blue-Color);color:var(--White-Color);cursor:pointer;line-height:40px;-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);}#comments-status{display:-webkit-box;display:-ms-flexbox;display:flex;width:var(--Full-Width);font-size:var(--FontSize2);text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--Main-Color);}p#comment-note{width:var(--Full-Width);font-size:var(--FontSize2);color:var(--Secondary-Color);}.google-login-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;background:#fff;color:#374151;border:var(--Border);font-size:var(--FontSize2);padding:6px 12px;-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);text-decoration:none;font-weight:500;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}.google-login-btn:hover{background:#f3f4f6;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);}.google-login-btn img{width:20px;height:20px;}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--Secondary-Color);outline-offset:2px;-webkit-box-shadow:0 0 0 4px rgba(59,130,246,0.25);-moz-box-shadow:0 0 0 4px rgba(59,130,246,0.25);box-shadow:0 0 0 4px rgba(59,130,246,0.25);}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}.report-modal{position:fixed;inset:0;background:rgb(0 0 0 / 60%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;}.modal-content{background:var(--Secondary-BG);padding:var(--Gap3);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);max-width:450px;width:90%;text-align:right;}.modal-content h4#report-modal-title{display:block;width:var(--Full-Width);color:var(--Red-Color);font-size:18px;margin-bottom:var(--Gap3);text-align:center;}textarea#report-reason{width:var(--Full-Width);padding:var(--Gap3);border:2px solid #ddd;background:var(--Main-BG);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);font-size:var(--FontSize2);}p#report-desc{width:var(--Full-Width);font-size:var(--FontSize2);color:var(--Secondary-Color);}.modal-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--Gap3);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--Gap3);-webkit-box-align:center;-ms-flex-align:center;align-items:center;}button.cancel-btn,button.submit-report-btn{display:block;cursor:pointer;font-size:var(--FontSize2);border:var(--Border);background:var(--Main-BG);-webkit-border-radius:var(--Radius2);-moz-border-radius:var(--Radius2);border-radius:var(--Radius2);width:50%;}.Night .comment-replies{border-right:3px solid var(--Secondary-BG);}.Night #comment-form textarea,.Night textarea#report-reason,.Night textarea#reply-textarea{border:2px solid var(--Secondary-BG);}