/* ReAnime Advanced Comments - dark cards, sharp corners, theme primary */
.reanime-comments .comment-list { list-style: none; }
.reanime-comments .comment-list .children { list-style: none; margin-left: 28px; border-left: 2px solid rgba(255,255,255,.08); padding-left: 16px; }
.rac-item { margin: 0 0 14px; }
.rac-body {
  background: #101018;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 0;
  padding: 14px 16px 10px;
}
.rac-body:hover { border-color: color-mix(in oklch, var(--primary, #7acf00) 35%, transparent); }
.rac-head { display: flex; gap: 12px; align-items: flex-start; }
.rac-avatar { flex: 0 0 auto; line-height: 0; }
.rac-avatar img {
  width: 56px; height: 56px; object-fit: cover; border-radius: 0;
  border: 2px solid color-mix(in oklch, var(--primary, #7acf00) 55%, transparent);
  background: #1a1a26;
}
.rac-id { min-width: 0; }
.rac-name-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rac-name { color: #fff; font-weight: 700; font-size: 15px; text-decoration: none; }
.rac-name:hover { color: var(--primary, #7acf00); }
.rac-badge {
  font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: #0b0f05; background: var(--primary, #7acf00);
  padding: 2px 6px; border-radius: 0; line-height: 1.5;
}
.rac-badge:not(.rac-badge-author) { background: #2a2a38; color: #c9c9d6; }
.rac-meta { color: #9a9aad; font-size: 12px; margin-top: 1px; display: flex; gap: 6px; flex-wrap: wrap; }
.rac-handle { color: color-mix(in oklch, var(--primary, #7acf00) 75%, white); }
.rac-time { color: #71717f; font-size: 12px; margin-top: 1px; }
.rac-awaiting { color: #fbbf24; font-size: 13px; margin: 10px 0 0; }
.rac-content { color: #e7e7ef; font-size: 14.5px; line-height: 1.6; margin-top: 10px; overflow-wrap: anywhere; }
.rac-content p { margin: 0 0 8px; }
.rac-actions {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  margin-top: 8px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.07);
}
.rac-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: #1a1a26; color: #c9c9d6; border: 1px solid rgba(255,255,255,.1);
  border-radius: 0; padding: 6px 10px; font-size: 12.5px; font-weight: 600;
  cursor: pointer; transition: color .15s, border-color .15s, background .15s;
}
.rac-btn:hover { color: #fff; border-color: rgba(255,255,255,.3); }
.rac-btn .rac-count { font-variant-numeric: tabular-nums; color: #8b8b9e; }
.rac-btn.is-active .rac-count { color: inherit; }
.rac-btn.rac-upvote.is-active { color: #04140a; background: var(--primary, #7acf00); border-color: var(--primary, #7acf00); }
.rac-btn.rac-like.is-active { color: #fff; background: #e0245e; border-color: #e0245e; }
.rac-btn.rac-dislike.is-active { color: #fff; background: #52525b; border-color: #52525b; }
.rac-btn[disabled] { opacity: .55; cursor: wait; }
.rac-reply a, .rac-edit a {
  display: inline-flex; align-items: center; gap: 6px;
  color: #c9c9d6; font-size: 12.5px; font-weight: 600; text-decoration: none;
  background: #1a1a26; border: 1px solid rgba(255,255,255,.1); border-radius: 0; padding: 6px 10px;
}
.rac-reply a:hover, .rac-edit a:hover { color: var(--primary, #7acf00); border-color: rgba(255,255,255,.3); }
@media (max-width: 560px) {
  .rac-avatar img { width: 44px; height: 44px; }
  .rac-body { padding: 12px 12px 8px; }
  .rac-btn .rac-label { display: none; }
  .rac-btn { padding: 6px 8px; }
  .reanime-comments .comment-list .children { margin-left: 10px; padding-left: 10px; }
}