.video-comments{margin:20px 0 28px;padding:22px;background:linear-gradient(135deg,#191f25,#151a1f);border:1px solid #29323b;border-radius:15px;color:#e6ebf1}
.comments-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.comments-heading h2{display:flex;align-items:center;gap:9px;font-size:17px;margin:0}.comments-heading svg{width:19px;height:19px;color:#c5f36b}.comments-heading>span{font-size:12px;color:#99a8b9}
.comment-composer{margin:0}.comment-composer textarea{display:block;width:100%;min-height:100px;padding:15px 16px;background:#101519;border:1px solid #303b45;border-radius:10px;color:#f0f4f8;font-family:inherit;font-size:14px;font-weight:600;line-height:1.7;resize:vertical}.comment-composer textarea::placeholder{color:#83919e}.comment-composer textarea:focus,.comment-submit-row input:focus{outline:2px solid #b9e65e;outline-offset:2px}
.comment-composer-foot{display:flex;justify-content:space-between;gap:14px;margin:9px 0 14px;color:#93a2b2;font-size:12px;line-height:1.6}.comment-composer-foot p{margin:0}.comment-composer-foot>span{white-space:nowrap}
.comment-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:10px}.comment-submit-row .comment-captcha{display:flex;align-items:center;justify-content:center;width:138px;height:44px;padding:0;overflow:hidden;background:#edf4e4;color:#284534;border:1px solid #39434c;border-radius:8px;flex:none;font-size:12px}.comment-captcha img{width:138px;height:44px;object-fit:contain}.comment-captcha img[hidden]{display:none}.comment-submit-row input{width:115px;min-width:0;height:44px;margin:0;padding:0 12px;background:#101519;border:1px solid #34404b;border-radius:8px;color:#f0f4f8;font-size:14px}.comment-submit-row>button:last-child{height:44px;min-width:100px;padding:0 20px;background:#c5f36b;color:#203008;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:800}.comment-submit-row button:disabled{opacity:.55;cursor:wait}
.comment-feedback{margin:14px 0 0;padding:10px 13px;border:1px solid #45642e;border-radius:8px;background:#25331d;color:#d2edb1;font-size:13px;line-height:1.6}.comment-feedback.is-error{border-color:#71483b;background:#392922;color:#ffceb5}.comment-feedback[hidden]{display:none}
.comment-list{margin-top:18px;border-top:1px solid #2a333c;scroll-margin-top:90px}.comment-empty{padding:24px 0 7px;margin:0;text-align:center;color:#8e9dac;font-size:13px}.comment-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #29323a}.comment-avatar{display:grid;place-items:center;width:26px;height:26px;flex:none;font-size:12px;border-radius:50%;background:#283623;color:#c7ed83;font-weight:800}.comment-body{min-width:0;flex:1}.comment-meta{display:flex;justify-content:flex-start;gap:10px;align-items:center;font-size:12px}.comment-meta strong{color:#d8e1eb;font-weight:700}.comment-body p{margin:4px 0 0;color:#c4d0dd;font-size:14px;font-weight:600;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}
.comment-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px}.comment-pagination[hidden]{display:none}.comment-pagination button,.comment-retry{padding:8px 11px;min-height:34px;background:#202a33;border:1px solid #34424f;border-radius:7px;color:#d3deeb;font-size:12px;font-weight:700}.comment-pagination button:disabled{opacity:.4;cursor:default}.comment-pagination>span{padding:0 6px;font-size:12px;color:#c5f36b}.comment-retry{display:block;margin:14px auto 0}.comment-retry[hidden]{display:none}
@media(max-width:600px){.video-comments{padding:16px 13px;margin-top:16px;border-radius:12px}.comments-heading{margin-bottom:13px}.comments-heading h2{font-size:16px}.comment-composer textarea{font-size:14px;min-height:90px;padding:12px}.comment-composer-foot{gap:8px;font-size:11px}.comment-submit-row{gap:7px}.comment-submit-row .comment-captcha{width:112px;height:40px}.comment-captcha img{width:112px;height:36px}.comment-submit-row input{width:90px;flex:1;height:40px;font-size:12px;padding:0 8px}.comment-submit-row>button:last-child{height:40px;min-width:68px;padding:0 12px;font-size:13px}.comment-item{gap:9px;padding:11px 0}.comment-meta{flex-wrap:wrap;gap:4px 8px}.comment-pagination{gap:5px}.comment-pagination button{padding:8px;font-size:11px}.comment-pagination>span{padding:0 2px}}
.comment-item-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;flex-wrap:wrap}
.comment-time{color:#96a6b8;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.5}
.comment-vote-row{display:flex;align-items:center;gap:5px;margin-left:auto;position:relative}
.comment-vote-row .comment-vote{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:30px;padding:4px 7px;background:#ffffff04;border:1px solid #ffffff0d;border-radius:6px;color:#afbece;font-size:12px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;cursor:pointer}
.comment-vote>span:first-child{font-size:14px;line-height:1}.comment-vote-row .comment-vote:hover:not(:disabled){border-color:#8aa958;background:#2a3525}.comment-vote-row .comment-vote.is-active{color:#d0fa8c;border-color:#769f3c;background:#2a3920}.comment-vote-row .comment-vote-down.is-active{color:#ffceaf;border-color:#9e694d;background:#392a23}.comment-vote:focus-visible{outline:2px solid #c5f36b;outline-offset:3px}.comment-vote:disabled{opacity:.55;cursor:wait}
.comment-vote-feedback{position:absolute;right:0;bottom:calc(100% + 5px);z-index:2;max-width:240px;width:max-content;padding:5px 9px;border:1px solid #3a4935;border-radius:6px;background:#20291e;box-shadow:0 4px 12px #0004;font-size:11px;line-height:1.5;color:#b9d6a4;pointer-events:none}.comment-vote-feedback.is-error{color:#ffbca4;border-color:#71483b;background:#392922}.comment-vote-feedback[hidden]{display:none}
@media(max-width:600px){.comment-meta{min-height:23px}.comment-time{font-size:10px}.comment-vote-row .comment-vote{min-height:32px}.comment-pagination{flex-wrap:wrap}.comment-pagination button{min-height:36px}}

.comment-meta strong{overflow-wrap:anywhere;min-width:0;max-width:100%}