#b24-comments { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.b24c-head h3 { margin: 0 0 8px; font-size: 18px; }
.b24c-loading, .b24c-error, .b24c-noscript { padding: 12px; color: #666; }

.b24c-auth { margin: 8px 0 16px; }
.b24c-btn { display:inline-block; padding:8px 12px; border-radius:8px; border:1px solid #ddd; background:#f8f8f8; text-decoration:none; color:#333; cursor:pointer; }
.b24c-btn:hover { background:#f0f0f0; }

.b24c-composer { border:1px solid #e5e5e5; border-radius:8px; padding:8px; margin:8px 0 16px; background:#fff; }
.b24c-textarea { width:100%; min-height:88px; border:1px solid #ddd; border-radius:6px; padding:8px; resize:vertical; }
.b24c-composer .b24c-btn { margin-top:8px; }

.b24c-item { border-top:1px solid #eee; padding:12px 0; }
.b24c-item--child { margin-left:16px; border-left:2px solid #f0f0f0; padding-left:12px; }
.b24c-header { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.b24c-avatar { width:28px; height:28px; border-radius:50%; object-fit:cover; background:#ddd; }
.b24c-name { font-weight:600; }
.b24c-time { color:#888; font-size:12px; margin-left:6px; }
.b24c-body { white-space:pre-wrap; margin:6px 0; }
.b24c-actions { margin-top:4px; }
.b24c-link { background:none; border:none; color:#0b62d6; cursor:pointer; padding:0; }
.b24c-reply-slot { margin-top:8px; }