#comment-section{padding-top:32px;border-top:4px solid var(--ink)}.comments-heading{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:24px;border-bottom:2px solid var(--ink);padding-bottom:24px;margin-bottom:32px}.comments-heading h2{margin:0 0 12px}.comments-deck{margin:0;font-size:15px}.comments-instruments{display:flex;gap:24px;align-items:center}.comment-total{display:grid;gap:8px}.comment-total strong{font:36px/1 var(--font-display);color:var(--red)}.comment-total span{font:12px/1.5 var(--font-display);color:var(--muted)}#like-bar{display:flex;align-items:center;gap:12px}#like-bar small{font-size:13px}#like-btn{min-height:44px;border:2px solid var(--ink);padding:8px 16px;background:var(--paper-raised);color:var(--red-text)}#like-btn.is-liked{background:var(--red);color:var(--on-red)}.comment-composer{display:grid;gap:24px;border:2px solid var(--ink);padding:24px;background:var(--paper-raised);box-shadow:var(--shadow-print-sm)}.composer-note{border-left:8px solid var(--red);padding-left:16px}.composer-note strong{font-size:var(--fs-h3)}.composer-note p{font-size:14px;margin:8px 0}.composer-note>span{display:none}#cf{display:grid;gap:24px}#cf label{display:grid;gap:8px;font-size:14px;font-weight:700}.identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.avatar-options{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.avatar-options summary{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;cursor:pointer;min-height:48px;font-size:14px}.avatar-options summary small{font-size:13px;color:var(--muted)}.avatar-options-body{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:end;padding:16px 0}.avatar-preview{position:relative;width:48px;height:48px;border:2px solid var(--ink);display:grid;place-items:center;background:var(--paper-deep)}.avatar-preview img{position:absolute;width:100%;height:100%;object-fit:cover}#qq-avatar-status{grid-column:2/-1;font-size:13px;margin:0}#qq-avatar-check{padding:8px 16px;border:2px solid var(--ink);background:var(--paper);font-size:14px}#comment-textarea{width:100%;resize:vertical;min-height:180px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.composer-actions p{font-size:13px;margin:0}#sb{display:flex;align-items:center;justify-content:center;gap:24px;border:2px solid var(--ink);background:var(--red);color:var(--on-red);padding:8px 24px;box-shadow:var(--shadow-print-sm);font-size:15px}.is-error{color:var(--err)}.is-success{color:var(--ok)}.comment-list-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:48px 0 24px;border-bottom:4px solid var(--ink);padding-bottom:16px}.comment-list-heading h3{margin:0}#comment-list-count{font-size:14px;color:var(--muted)}#cl{display:grid;gap:16px}.comment-state{border:2px dashed var(--ink-soft);padding:24px;display:flex;align-items:center;gap:16px}.comment-state small{display:block;font:12px/1.8 var(--font-display);color:var(--muted)}.comment-state.is-error{border-color:var(--err);background:var(--err-wash)}.comment-loader{flex-shrink:0;display:block;width:20px;height:20px;background:var(--red);clip-path:polygon(50% 0,62% 35%,100% 35%,70% 58%,82% 100%,50% 74%,18% 100%,30% 58%,0 35%,38% 35%);animation:comment-spin 2s linear infinite}.comment-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line-soft);padding:24px 0}.comment-item[data-depth="1"]{margin-left:24px}.comment-item[data-depth="2"]{margin-left:48px}.comment-folio{font:13px/1.5 var(--font-mono);color:var(--red-text)}.comment-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.comment-author{display:flex;align-items:center;gap:12px}.comment-avatar{position:relative;flex-shrink:0;width:48px;height:48px;display:grid;place-items:center;background:var(--paper-deep);border:2px solid var(--ink)}.comment-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comment-author-copy{min-width:0}.comment-author strong{display:block;font-size:16px}.comment-profile-line{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.visitor-activity{border:1px solid var(--ink);padding:2px 6px;font-size:13px}.visitor-activity[data-level=owner]{color:var(--on-red);background:var(--red)}.comment-meta time{font:13px/1.5 var(--font-mono);color:var(--muted)}.comment-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;font-size:16px}.comment-actions{display:flex;justify-content:flex-end}.reply-btn,.cancel-reply,.submit-reply{min-height:44px;background:var(--paper-raised);color:var(--ink);border:2px solid var(--ink);padding:8px 16px;font-size:14px}.reply-form-wrap{grid-column:2}.inline-reply-form{display:grid;gap:16px;padding:24px;background:var(--paper-deep);border:2px solid var(--ink)}.inline-reply-heading small{display:block;font-size:13px}.reply-identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inline-reply-form label{display:grid;gap:8px;font-size:14px}.inline-reply-form textarea{width:100%;min-height:144px}.reply-avatar-options summary{min-height:44px;cursor:pointer;font-size:14px}.reply-form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.reply-status{font-size:13px;margin:0}.reply-buttons{display:flex;gap:12px}.submit-reply{background:var(--red);color:var(--on-red)}@keyframes comment-spin{to{transform:rotate(360deg)}}@media(max-width:899px){.identity-fields,.reply-identity-fields{grid-template-columns:1fr}.avatar-options-body{grid-template-columns:48px minmax(0,1fr)}.avatar-options-body button{grid-column:2}.comment-composer{padding:16px}.composer-actions{align-items:stretch;flex-direction:column}.comment-item{grid-template-columns:1fr;gap:8px}.comment-folio{display:none}.reply-form-wrap{grid-column:1}.comment-item[data-depth="1"]{margin-left:16px}.comment-item[data-depth="2"]{margin-left:32px}.inline-reply-form{padding:16px}.comment-meta time{font-size:13px}}.comment-privacy{margin:0;font-size:13px;color:var(--muted)}
