.comments-section{margin:36px 0;padding:28px;border:1px solid #2b2f32;border-radius:20px;background:#171a1c}.comments-section h3{font-size:24px;margin:0}.comments-context{color:#9ba1a7;font-size:13px;margin:8px 0 0;overflow-wrap:anywhere}.comment-login{padding:18px;background:#101214;border:1px solid #2d3235;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.comment-login p{color:#bec3c8;margin:0;line-height:1.6}.comment-form{margin-top:20px}.comment-form label{font-weight:700}.comment-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:14px;padding:16px;resize:vertical;min-height:110px;max-height:320px;border:1px solid #343a3f;border-radius:12px;background:#101214;color:#f2f3f4;font:inherit;line-height:1.7}.comment-form textarea:focus{outline:2px solid #c4ed77;outline-offset:2px}.comment-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.comment-form-bottom span{font-size:12px;color:#929ba3}.comment-form-bottom button{min-height:44px}.comments-list{margin-top:22px}.comment{display:flex;gap:14px;padding:22px 0;border-top:1px solid #2b3034}.comment-avatar{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;background:#293126;color:#d5f28f;border-radius:50%;font-weight:700}.comment-content{min-width:0;flex:1}.comment-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}.comment-heading span,.comment-heading time{font-size:12px;color:#8f989f}.comment-heading time{margin-left:auto}.comment-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;line-height:1.7;color:#d6d9dc}.comment-delete{font-size:12px;padding:4px 0;min-height:32px;color:#a6afb7}.comments-empty{padding:16px 0;color:#969fa6;line-height:1.7}#commentStatus{font-size:13px;color:#c5e795;line-height:1.7}.history-sync-status{margin:16px auto 110px;padding:0 24px;max-width:1380px;font-size:12px;color:#8f9a91;line-height:1.7}.history-sync-status.sync-error{color:#d5ba85}.comments-section [hidden]{display:none!important}
@media(max-width:600px){.comments-section{padding:18px 16px;margin-top:24px;border-radius:16px}.comment-login{align-items:stretch;flex-direction:column;gap:12px}.comment-login button{width:100%;min-height:44px}.comment-heading time{margin-left:0;width:100%}.comment-avatar{width:32px;height:32px}.comment{gap:10px}.comments-section .section-top{gap:12px}.comments-section h3{font-size:22px}.comment-form-bottom button{padding:12px 16px}.history-sync-status{padding:0 16px}}
.comment-votes{display:inline-flex;gap:8px;margin:4px 16px 0 0;vertical-align:middle}.comment-vote{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:66px;min-height:44px;padding:8px 12px;border:1px solid #363e43;border-radius:24px;background:#1d2326;color:#b9c2c8;font:inherit;font-size:13px;cursor:pointer}.comment-vote:hover{border-color:#879a74;color:#e4efd8}.comment-vote.is-selected{border-color:#bfe76b;background:#2c3820;color:#d8ff94}.comment-vote:focus-visible{outline:2px solid #c4ed77;outline-offset:3px}.comment-vote:disabled{opacity:.5;cursor:wait}