.comment-avatar { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; overflow: hidden; border-radius: 50%; object-fit: cover; }
.comment-box .comment-list { display: block; min-height: 0; height: auto; max-height: 210px; padding-right: 5px; overflow-y: auto; overflow-x: hidden; }
.comment-list:has(.empty-comments) { display: block; }
.comment-form { grid-template-columns: minmax(0, 1fr) auto; margin-top: 9px; }
.comment-form textarea { min-width: 0; min-height: 48px; grid-column: auto; grid-row: auto; }
.comment-copy { min-width: 0; flex: 1; }
.reply-comment { display: inline-block; margin: 0 0 0 7px; border: 0; padding: 0; height: 12px; line-height: 12px; color: var(--gold); background: transparent; cursor: pointer; font-size: 10px; vertical-align: baseline; }
.reply-comment:hover { color: #fff8ea; }
.comment-item { padding: 2px 0 !important; }
.comment-text-row p { display: inline; margin: 0 !important; }
.reply-comment { margin: 0 0 0 7px !important; }
.comment-replies { margin-top: 1px; margin-left: 7px; padding-left: 10px; border-left: 1px solid rgba(225, 189, 120, 0.3); }
.comment-replies .comment-item { padding-top: 4px; border-top: 0; }
.reply-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px; margin: 7px 0 3px; }
.reply-form textarea { min-width: 0; min-height: 34px; border: 1px solid rgba(225, 189, 120, 0.4); border-radius: 3px; padding: 7px 8px; color: #e5dacc; background: rgba(11, 13, 18, 0.48); font: 11px 'Segoe UI', sans-serif; resize: vertical; }
.reply-form button { border: 1px solid var(--gold); padding: 5px 9px; color: #211e18; background: var(--gold); cursor: pointer; font-size: 10px; }
.message-row { display: flex; align-items: flex-end; gap: 9px; }
.message-row.user { justify-content: flex-end; flex-direction: row-reverse; }
.message-content { display: flex; flex-direction: column; min-width: 0; }
.message-row.user .message-content { align-items: flex-end; }
.message-author { margin: 0 0 4px; color: #cdbda5; font-size: 11px; line-height: 1; }
.message-avatar { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 31px; flex: 0 0 31px; overflow: hidden; border: 1px solid rgba(225, 189, 120, 0.68); border-radius: 50%; background: #a77d48; color: #fff8ea; font-size: 10px; font-weight: 700; line-height: 1; object-fit: cover; }
.message-row.assistant .message-avatar { background: #263847; color: #e7cf9e; }
.message-row .message { max-width: min(82%, 660px); }
@media (max-width: 800px) { .message-row .message { max-width: min(86%, 500px); } .message-author { font-size: 10px; } }