.gb-comments{
  margin-top:14px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:18px; padding:16px 15px;
  backdrop-filter:blur(10px);
}
.gb-comments h3{margin:0 0 4px; font-size:.9rem; display:flex; align-items:center; justify-content:space-between}
.gb-comments h3 .gb-c-count{color:var(--muted); font-weight:400; font-size:.78rem}
.gb-comments-hint{margin:0 0 14px; color:var(--muted); font-size:.78rem}

.gb-c-form{margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid var(--line)}
.gb-c-form input[type=text]{
  width:100%; background:var(--bg2); border:1px solid var(--line); border-radius:12px;
  padding:10px 12px; color:var(--text); font:inherit; font-size:.85rem; margin-bottom:8px;
}
.gb-c-form textarea{
  width:100%; min-height:78px; resize:vertical; background:var(--bg2); border:1px solid var(--line);
  border-radius:12px; padding:10px 12px; color:var(--text); font:inherit; font-size:.85rem; line-height:1.6;
}
.gb-c-form input[type=text]:focus, .gb-c-form textarea:focus{outline:none; border-color:var(--brand)}
.gb-c-form-row{display:flex; align-items:center; justify-content:space-between; margin-top:8px; gap:10px}
.gb-c-counter{color:var(--muted); font-size:.74rem; white-space:nowrap}
.gb-c-counter.warn{color:var(--down)}
.gb-c-submit{
  border:none; border-radius:999px; padding:9px 22px; font:inherit; font-weight:700; font-size:.82rem;
  background:linear-gradient(135deg,var(--brand),var(--brand2)); color:#041018; cursor:pointer;
  box-shadow:0 6px 18px rgba(62,196,255,.24);
}
.gb-c-submit:disabled{opacity:.5; cursor:not-allowed; box-shadow:none}
.gb-c-disclaimer{margin:8px 0 0; color:var(--muted); font-size:.7rem; line-height:1.6}
.gb-c-disclaimer a{color:var(--brand)}
.gb-c-msg{font-size:.76rem; margin-top:6px}
.gb-c-msg.ok{color:var(--up)}
.gb-c-msg.err{color:var(--down)}

.gb-c-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
.gb-c-item{display:flex; gap:10px}
.gb-c-avatar{
  flex:0 0 auto; width:34px; height:34px; border-radius:50%;
  background:linear-gradient(135deg,var(--brand),var(--brand2)); color:#041018;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.82rem;
}
.gb-c-body{flex:1; min-width:0}
.gb-c-head{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.gb-c-name{font-weight:700; font-size:.84rem}
.gb-c-date{color:var(--muted); font-size:.72rem}
.gb-c-text{margin:4px 0 0; font-size:.83rem; line-height:1.75; color:var(--text); word-break:break-word}
.gb-c-actions{display:flex; align-items:center; gap:14px; margin-top:8px}
.gb-c-vote{
  display:flex; align-items:center; gap:4px; background:none; border:none; cursor:pointer;
  color:var(--muted); font:inherit; font-size:.76rem; padding:2px; border-radius:8px;
}
.gb-c-vote svg{width:15px; height:15px; stroke:currentColor; fill:none; stroke-width:2}
.gb-c-vote.active{color:var(--brand)}
.gb-c-vote.active.down{color:var(--down)}
.gb-c-reply-toggle{
  background:none; border:none; cursor:pointer; color:var(--brand); font:inherit; font-size:.76rem; padding:2px;
}
.gb-c-replies{list-style:none; margin:10px 0 0; padding-right:16px; border-right:2px solid var(--line);
  display:flex; flex-direction:column; gap:12px}
.gb-c-replies .gb-c-item + .gb-c-item{border-top:1px solid var(--line); padding-top:12px}
.gb-c-empty{color:var(--muted); font-size:.8rem; text-align:center; padding:10px 0}
.gb-c-loading{color:var(--muted); font-size:.78rem; text-align:center; padding:8px 0}
.gb-c-more{
  display:block; margin:12px auto 0; background:none; border:1px solid var(--line); border-radius:10px;
  padding:7px 16px; color:var(--muted); font:inherit; font-size:.78rem; cursor:pointer;
}