.comment-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.comment-header .comment-meta { min-width:0; }
.comment-menu { position:relative; flex-shrink:0; }
.comment-menu > summary { display:flex; align-items:center; justify-content:center; width:40px; height:40px; list-style:none; border-radius:8px; cursor:pointer; font-size:28px; line-height:1; color:#d4b5ba; }
.comment-menu > summary::-webkit-details-marker { display:none; }
.comment-menu > summary:hover, .comment-menu[open] > summary { background:#45232b; color:#fff; }
.comment-menu-panel { position:absolute; right:0; top:44px; width:140px; padding:6px; background:#211519; border:1px solid #79404a; border-radius:10px; box-shadow:0 10px 25px #0009; z-index:10; }
.comment-menu-panel a, .comment-menu-panel button, .comment-menu-panel > span { display:block; width:100%; padding:9px 12px; text-align:left; color:#f2d8dc; border:0; border-radius:6px; background:transparent; font:inherit; text-decoration:none; }
.comment-menu-panel form { margin:0; }
.comment-menu-panel button { color:#ff9ca8; }
.comment-menu-panel > span { color:#a39497; font-size:13px; }
.comment-menu-panel a:hover, .comment-menu-panel button:hover { background:#542832; }
.comment-reply-context { border-left:3px solid #8b3e4b; padding:6px 12px; color:#bdaeb2; background:#1b1115; overflow-wrap:anywhere; }
.comment-reply-link { display:block; color:inherit; }
.comment-reply-link:hover { color:#ffd7dc; }
.comment-conversation-link { display:inline-block; margin-left:16px; font-size:14px; color:#e2a0a0; }
.comment-replies { margin:0 0 18px 60px; border-left:2px solid #65313c; padding-left:16px; }
.comment-replies > summary { cursor:pointer; color:#e2a0a0; padding:8px 4px; }
.comment-replies > summary:hover { color:#ffd7dc; }
.comment-replies .replies-collapse { display:none; }
.comment-replies[open] > summary .replies-collapse { display:inline; }
.comment-replies[open] > summary .replies-expand { display:none; }
.comment-reply-list > .comment-row { padding:16px 0; }
@media(max-width:600px) { .comment-replies { margin-left:16px; padding-left:10px; } }
.comment-row { scroll-margin-block:24px; }
.comment-row.comment-highlight { animation:comment-pulse 1.8s ease-out 1; }
@keyframes comment-pulse {
  0%, 25% { background-color:#542832; box-shadow:inset 3px 0 #e35a60; }
  100% { background-color:transparent; box-shadow:inset 3px 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .comment-row.comment-highlight { animation:none; background-color:#542832; box-shadow:inset 3px 0 #e35a60; }
}

.comment-identity{display:inline-flex;align-items:center;flex-shrink:0;padding:1px 7px;border:1px solid;border-radius:4px;font-size:12px;font-weight:600;line-height:1.7;white-space:nowrap}
.comment-identity-author{background:#382026;border-color:#92515b;color:#ffb8c1}
.comment-identity-admin{background:#762634;border-color:#e46576;color:#fff0f2}
