.comments-shell{--comments-accent:#0ea5e9;--comments-accent-dark:#f97316;}
.dark .comments-shell{--comments-accent:var(--comments-accent-dark);}
.comments-panel{background:linear-gradient(135deg,rgba(14,165,233,0.08),rgba(14,165,233,0.02));border:1px solid rgba(15,23,42,0.06);box-shadow:0 20px 50px rgba(15,23,42,0.05);backdrop-filter:blur(6px);}
.dark .comments-panel{background:linear-gradient(135deg,rgba(249,115,22,0.06),rgba(15,23,42,0.5));border-color:rgba(148,163,184,0.12);box-shadow:0 24px 60px rgba(0,0,0,0.35);}
.comments-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9999px;font-weight:700;font-size:14px;letter-spacing:0.02em;color:#0f172a;border:1px solid rgba(15,23,42,0.08);box-shadow:0 6px 18px rgba(15,23,42,0.08);}
.dark .comments-avatar{border-color:rgba(148,163,184,0.25);color:#e2e8f0;box-shadow:0 6px 22px rgba(0,0,0,0.35);}
.comments-avatar-1{background:linear-gradient(135deg,#bfdbfe,#dbeafe);}
.comments-avatar-2{background:linear-gradient(135deg,#c4b5fd,#e0e7ff);}
.comments-avatar-3{background:linear-gradient(135deg,#fcd34d,#fef3c7);}
.comments-avatar-4{background:linear-gradient(135deg,#a7f3d0,#d1fae5);}
.comments-avatar-5{background:linear-gradient(135deg,#f9a8d4,#fce7f3);}
.comments-avatar-6{background:linear-gradient(135deg,#fca5a5,#fee2e2);}
.comments-avatar-7{background:linear-gradient(135deg,#67e8f9,#cffafe);}
.comments-avatar-8{background:linear-gradient(135deg,#fde68a,#fef9c3);}
.comments-avatar-9{background:linear-gradient(135deg,#c7d2fe,#e0e7ff);}
.comments-avatar-10{background:linear-gradient(135deg,#bbf7d0,#dcfce7);}
.comments-avatar-11{background:linear-gradient(135deg,#fecaca,#fee2e2);}
.comments-avatar-12{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);}
.comments-avatar-13{background:linear-gradient(135deg,#fcd3cf,#ffe4e6);}
.comments-avatar-14{background:linear-gradient(135deg,#fecdd3,#ffe4e6);}
.comments-avatar-15{background:linear-gradient(135deg,#d8b4fe,#ede9fe);}
.comments-avatar-16{background:linear-gradient(135deg,#7dd3fc,#bae6fd);}
.comments-avatar-17{background:linear-gradient(135deg,#befae2,#e2f5ff);}
.comments-avatar-18{background:linear-gradient(135deg,#fff1c0,#ffe6e0);}
.comments-avatar-19{background:linear-gradient(135deg,#c7e9b0,#eff6ff);}
.comments-avatar-20{background:linear-gradient(135deg,#f4c7ff,#f7d8ff);}
.comments-vote{transition:transform 0.12s ease,box-shadow 0.12s ease,opacity 0.15s ease;}
.comments-vote:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 30px rgba(14,165,233,0.25);}
.dark .comments-vote:hover{box-shadow:0 10px 30px rgba(249,115,22,0.25);}
.comments-pill{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
.comments-gradient{background:linear-gradient(135deg,rgba(14,165,233,0.12),rgba(45,212,191,0.12));}
.dark .comments-gradient{background:linear-gradient(135deg,rgba(249,115,22,0.14),rgba(245,158,11,0.08));}
.comments-captcha img{image-rendering:auto;flex:none;}
/* the code image is fetched on demand, so hide the empty placeholder until it has a src */
.comments-captcha img[data-comments-captcha]:not([src]){display:none;}
.comments-captcha button{line-height:1;transition:background 0.12s ease,border-color 0.12s ease;}
.comments-captcha input{min-width:0;}
/* honeypot: moved off-screen, never display:none — many bots skip hidden fields */
.comments-honeypot{position:absolute !important;left:-9999px !important;top:auto;width:1px;height:1px;overflow:hidden;}