.comments-trigger{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:38px;color:var(--ink);font:inherit;font-size:var(--fs-md);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:border-color var(--transition), background var(--transition);background:#fff;align-items:center;gap:7px;padding:8px 14px;font-weight:600;display:inline-flex}.comments-trigger:hover{border-color:var(--line-strong);background:var(--n-25)}.comments-trigger.has-comments{border-color:var(--mint-200);background:var(--mint-50);color:var(--mint-700)}.comments-trigger.has-comments:hover{border-color:var(--mint-300)}.comments-trigger-count{border-radius:var(--radius-pill);background:var(--mint-700);color:#fff;min-width:20px;height:20px;font-size:var(--fs-xs);place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.comments-overlay{z-index:60;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0a0a0a52;animation:.18s comments-fade;position:fixed;inset:0}@keyframes comments-fade{0%{opacity:0}to{opacity:1}}.comments-drawer{z-index:61;border-left:1px solid var(--line);width:min(440px,100vw);height:100dvh;transition:transform var(--transition-slow);visibility:hidden;background:#fff;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #0000001f}.comments-drawer.is-open{visibility:visible;transform:translate(0)}.comments-drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.comments-drawer-title{gap:2px;display:grid}.comments-drawer-head strong{font-size:var(--fs-lg);align-items:center;display:inline-flex}.comments-drawer-title small{color:var(--muted);font-size:var(--fs-sm)}.comments-drawer-count{border-radius:var(--radius-pill);background:var(--mint-50);color:var(--mint-700);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;margin-left:8px;padding:2px 8px;font-weight:600}.comments-scroll{flex-direction:column;flex:1;gap:16px;padding:16px 18px 28px;display:flex;overflow-y:auto}.comments-thread{flex-direction:column;gap:14px;display:flex}.comments-empty{color:var(--muted);text-align:center;justify-items:center;gap:4px;padding:32px 16px;display:grid}.comments-empty p{color:var(--ink);margin:6px 0 0;font-weight:600}.comments-empty span{font-size:var(--fs-md)}.comment-composer{gap:8px;display:grid}.comment-input{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);font:inherit;font-size:var(--fs-base);resize:vertical;background:#fff;padding:10px 12px;line-height:1.5}.comment-input:focus{border-color:var(--focus);box-shadow:var(--focus-ring);outline:none}.comment-composer-actions{justify-content:flex-end;gap:8px;display:flex}.comment-signin{border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);font-size:var(--fs-md);margin:0;padding:12px 14px}.comment-signin a{color:var(--accent);font-weight:600}.comment-error{border:1px solid var(--danger-200);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm);margin:0;padding:10px 12px}.comment-node{flex-direction:column;display:flex}.comment-card{gap:10px;display:flex}.comment-card.is-pending{opacity:.6}.comment-avatar{border-radius:var(--radius-pill);background:var(--c-bg);width:30px;height:30px;color:var(--c-fg);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-main{flex:1;gap:6px;min-width:0;display:grid}.comment-head{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-head strong{font-size:var(--fs-md)}.comment-dot{color:var(--line-strong)}.comment-time,.comment-edited{color:var(--muted)}.comment-flagged{border-radius:var(--radius-pill);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-2xs);padding:1px 7px;font-weight:600}.comment-text{color:var(--ink);font-size:var(--fs-base);overflow-wrap:anywhere;margin:0;line-height:1.55}.comment-text .rich-text{font-size:var(--fs-base);gap:7px;line-height:1.55}.comment-mention{color:var(--accent);margin-right:5px;font-weight:600}.comment-toolbar{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.comment-action{border-radius:var(--radius-xs);color:var(--muted);font:inherit;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:0;align-items:center;gap:5px;padding:4px 8px;font-weight:500;display:inline-flex}.comment-action:hover{background:var(--n-100);color:var(--ink)}.comment-action.is-active{color:var(--danger-500)}.comment-action.is-danger:hover{background:var(--danger-soft);color:var(--danger)}.comment-action:disabled{cursor:default;opacity:.7}.discussion-thread .comment-action{border:1px solid var(--line);border-radius:var(--radius-pill);min-height:32px;box-shadow:var(--shadow-sm);color:var(--ink);background:#ffffffc7;padding:5px 10px;font-weight:600}.discussion-thread .comment-action:hover{border-color:var(--n-300);background:var(--mint-50);color:var(--mint-700)}.discussion-thread .comment-action.is-danger{border-color:var(--danger-200);color:var(--danger)}.discussion-thread .comment-action.is-danger:hover{border-color:var(--danger-200);background:var(--danger-soft);color:var(--danger)}.discussion-source-chip .comment-action{border:1px solid var(--mint-200);border-radius:var(--radius-sm);background:var(--n-50);min-height:30px;color:var(--mint-700);padding:4px 8px;font-weight:600}.discussion-source-chip .comment-action:hover{border-color:var(--mint-300);background:var(--n-100);color:var(--mint-800)}.comment-children{border-left:1px solid var(--line);flex-direction:column;gap:12px;margin-top:12px;margin-left:15px;padding-left:15px;display:flex}.comment-children.is-flat{border-left:0;margin-top:12px;margin-left:40px;padding-left:0}@media (max-width:640px){.comments-drawer{border-left:0;border-top:1px solid var(--line);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:86dvh;box-shadow:var(--shadow-lg);inset:auto 0 0;transform:translateY(100%)}.comments-drawer.is-open{transform:translateY(0)}}
