
.post-comment-panel[data-v-pc-fix-20261111]{--pc-text:#172033;--pc-muted:#526078;--pc-surface:#fff;--pc-border:#dbe2ec;--pc-accent:#245fce;--pc-danger:#b42335;--pc-error-bg:#fff1f2;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;color:var(--pc-text);background:var(--pc-surface);font-size:14px;text-align:start;touch-action:pan-y}
html[data-theme='dark'] .post-comment-panel{--pc-text:#edf2fa;--pc-muted:#b3c0d3;--pc-surface:#111c2e;--pc-border:#35445b;--pc-accent:#8ab8ff;--pc-danger:#ff9aa9;--pc-error-bg:#3a1e2b}
.pc-list[data-v-pc-fix-20261111]{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:12px 16px}
.pc-row[data-v-pc-fix-20261111]{display:flex;gap:10px;padding:10px 0;min-width:0}.pc-reply[data-v-pc-fix-20261111]{margin-inline-start:24px;border-inline-start:2px solid var(--pc-border);padding-inline-start:10px}
.pc-avatar[data-v-pc-fix-20261111]{flex:0 0 32px}.pc-avatar img[data-v-pc-fix-20261111]{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover}.pc-body[data-v-pc-fix-20261111]{min-width:0;flex:1}
.pc-name[data-v-pc-fix-20261111]{font-weight:700;color:var(--pc-text);text-decoration:none}.pc-message[data-v-pc-fix-20261111]{color:var(--pc-text);margin:4px 0!important;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.pc-target[data-v-pc-fix-20261111]{display:block;font-size:12px;color:var(--pc-muted);margin-top:3px}
.pc-actions[data-v-pc-fix-20261111]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pc-actions button[data-v-pc-fix-20261111],.pc-thread-toggle[data-v-pc-fix-20261111],.pc-more[data-v-pc-fix-20261111],.pc-error button[data-v-pc-fix-20261111]{border:0;background:transparent;color:var(--pc-muted);font:inherit;font-size:12px;font-weight:600;min-height:36px;padding:6px 9px;cursor:pointer}.pc-actions button[data-v-pc-fix-20261111]:first-child{padding-inline-start:0}.pc-actions span[data-v-pc-fix-20261111]{font-size:20px;vertical-align:middle}.pc-actions .liked[data-v-pc-fix-20261111],.pc-actions .pc-delete[data-v-pc-fix-20261111]{color:var(--pc-danger)}button[data-v-pc-fix-20261111]:disabled{opacity:.5;cursor:wait}
.pc-thread-toggle[data-v-pc-fix-20261111]{margin-inline-start:42px;color:var(--pc-accent)}.pc-more[data-v-pc-fix-20261111]{display:block;margin:8px auto;color:var(--pc-accent)}.pc-pinned[data-v-pc-fix-20261111]{display:block;color:var(--pc-accent);font-size:11px;font-weight:700;margin-bottom:5px}
.pc-status[data-v-pc-fix-20261111]{padding:16px;line-height:1.5;color:var(--pc-muted)}.pc-error[data-v-pc-fix-20261111]{padding:12px 16px;background:var(--pc-error-bg);color:var(--pc-danger);font-size:13px;overflow-wrap:anywhere}.pc-error button[data-v-pc-fix-20261111]{color:inherit}
.pc-form[data-v-pc-fix-20261111]{flex-shrink:0;border-top:1px solid var(--pc-border);padding:12px 16px max(12px,env(safe-area-inset-bottom));margin:0}.pc-compose[data-v-pc-fix-20261111]{display:flex;gap:8px;align-items:center}.pc-compose textarea[data-v-pc-fix-20261111]{width:100%;min-width:0;resize:none;border:1px solid var(--pc-border);border-radius:12px;padding:10px;color:var(--pc-text);background:var(--pc-surface);font:inherit;font-size:16px;line-height:1.4}.pc-compose textarea[data-v-pc-fix-20261111]::placeholder{color:var(--pc-muted);opacity:1}.pc-compose button[data-v-pc-fix-20261111]{border:0;border-radius:10px;padding:10px 12px;min-height:44px;font:inherit;font-weight:700;background:#2563eb;color:white;cursor:pointer}.pc-reply-banner[data-v-pc-fix-20261111]{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:8px;color:var(--pc-accent)}.pc-reply-banner button[data-v-pc-fix-20261111]{border:0;background:none;color:inherit;min-width:36px;min-height:32px;font-size:22px}
.pc-delete-confirm[data-v-pc-fix-20261111]{border:1px solid var(--pc-border);border-radius:12px;padding:12px;margin-top:6px;color:var(--pc-text);background:var(--pc-surface)}.pc-delete-confirm p[data-v-pc-fix-20261111]{margin:0 0 8px!important;color:var(--pc-text);font-size:13px;font-weight:600}.pc-delete-confirm>div[data-v-pc-fix-20261111]{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pc-delete-confirm button[data-v-pc-fix-20261111]{min-height:40px;border:1px solid var(--pc-border);border-radius:8px;padding:8px 14px;background:var(--pc-surface);color:var(--pc-text);font:inherit;cursor:pointer}.pc-delete-confirm .pc-delete-submit[data-v-pc-fix-20261111]{background:#b42335;border-color:#b42335;color:#fff}
button[data-v-pc-fix-20261111]:focus-visible,a[data-v-pc-fix-20261111]:focus-visible,textarea[data-v-pc-fix-20261111]:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}


/* Comment containers must use the same surface/text pair as the shared panel,
   including when the surrounding post or video uses a different theme. */
html .single-post-comments,html .comments-drawer,html .lightbox-details{color:#172033;background:#fff}
html .single-post-comments>header button{color:inherit}
html .single-post-comments>header,html .comments-drawer>header,html .lightbox-comments-heading,html .mobile-comments-grabber{color:#172033}
html[data-theme='dark'] .single-post-comments,html[data-theme='dark'] .comments-drawer,html[data-theme='dark'] .lightbox-details{color:#edf2fa;background:#111c2e;border-color:#35445b}
html[data-theme='dark'] .single-post-comments>header,html[data-theme='dark'] .comments-drawer>header,html[data-theme='dark'] .lightbox-comments-heading,html[data-theme='dark'] .mobile-comments-grabber{color:#edf2fa;border-color:#35445b}
html[data-theme='dark'] .single-post-comments>header p,html[data-theme='dark'] .single-post-comments>header h2 span{color:#b3c0d3}
