/*! (c) KudosC / MrDevStack - ZynSoft. All rights reserved. Proprietary software: copying, redistribution or reverse engineering without written permission is prohibited. */
.comments-page{--cm-bg: #f5f6fb;--cm-card: #ffffff;--cm-line: #e3e6f1;--cm-text: #1a2033;--cm-body: #333b52;--cm-muted: #6b7388;--cm-accent: #6a5cf0;--cm-accent-soft: rgba(106,92,240,.1);--cm-field: #eef0f8;--cm-thread: #d3d7e6;background:var(--cm-card);color:var(--cm-text);display:flex;flex-direction:column;inset:0;position:fixed;z-index:96}body[data-theme=dark] .comments-page{--cm-bg: #0f0f0f;--cm-card: #0f0f0f;--cm-line: rgba(255,255,255,.09);--cm-text: #f4f5fa;--cm-body: #e2e4ee;--cm-muted: #9aa0b6;--cm-accent: #b4a5ff;--cm-accent-soft: rgba(167,139,250,.16);--cm-field: #1b1e29;--cm-thread: rgba(255,255,255,.16)}.comments-page.is-hidden{display:none}.comments-page-head{align-items:center;background:var(--cm-card);border-bottom:1px solid var(--cm-line);display:flex;flex:0 0 auto;gap:12px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.comments-page-head h2{color:var(--cm-text);font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0}.comments-count{background:var(--cm-accent-soft);border-radius:999px;color:var(--cm-accent);font-size:12px;font-weight:800;min-width:26px;padding:3px 10px;text-align:center}.comments-count.is-hidden{display:none}.comments-back{align-items:center;background:var(--cm-field);border-radius:12px;color:var(--cm-text);display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;transition:transform .12s;width:40px}.comments-back:active{transform:scale(.92)}.comments-back svg{height:18px;width:18px}.comments-list{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:760px;min-height:0;overflow-y:auto;padding:4px 0 24px;-webkit-overflow-scrolling:touch;width:100%}.comments-empty{align-items:center;color:var(--cm-muted);display:flex;flex-direction:column;gap:6px;padding:70px 20px;text-align:center}.comments-empty-icon{align-items:center;background:var(--cm-accent-soft);border-radius:20px;color:var(--cm-accent);display:flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.comments-empty-icon svg{fill:none;height:28px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:28px}.comments-empty strong{color:var(--cm-text);font-size:16px}.comments-empty p{font-size:13px;line-height:1.5;margin:0;max-width:260px}.comments-thread{background:transparent;border:0;position:relative}.comments-row{display:flex;gap:12px;padding:12px 16px 6px;position:relative}.comments-row.is-pinned{background:var(--cm-accent-soft);padding-bottom:10px}.comments-avatar{flex:0 0 auto;height:38px;width:38px}.comments-row-body{flex:1;min-width:0}.comments-pinned-banner{align-items:center;color:var(--cm-accent);display:flex;font-size:11.5px;font-weight:800;gap:5px;letter-spacing:.01em;margin-bottom:3px}.comments-pinned-banner svg{fill:none;height:13px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transform:rotate(30deg);width:13px}.comments-row-head{align-items:center;display:flex;flex-wrap:wrap;gap:2px 6px;line-height:1.3}.comments-row-head strong{color:var(--cm-text);font-size:13.5px;font-weight:800}.comments-row-head small{color:var(--cm-muted);font-size:12px;font-weight:500}.comments-row-head time{color:var(--cm-muted);font-size:12px}.comments-dot{color:var(--cm-muted);font-size:9px;opacity:.7}.comments-you-tag{background:var(--cm-accent-soft);border-radius:6px;color:var(--cm-accent);font-size:10px;font-weight:800;letter-spacing:.03em;padding:2px 6px;text-transform:uppercase}.comments-row-text{color:var(--cm-body);font-size:14.5px;line-height:1.5;margin:3px 0 4px;overflow-wrap:anywhere;white-space:pre-wrap}.comments-row-text a{color:var(--cm-accent)}.comments-actions{align-items:center;display:flex;flex-wrap:wrap;gap:2px;margin-left:-8px}.comments-action{align-items:center;background:transparent;border-radius:999px;color:var(--cm-muted);display:inline-flex;font-size:12.5px;font-weight:700;gap:5px;min-height:32px;padding:0 10px;transition:background .15s,color .15s}.comments-action svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.comments-action:hover,.comments-action:active{background:var(--cm-accent-soft);color:var(--cm-accent)}.comments-action-delete:hover,.comments-action-delete:active{background:#e05b7829;color:#f0728f}.comments-replies-toggle{align-items:center;background:transparent;border-radius:999px;color:var(--cm-accent);display:inline-flex;font-size:13px;font-weight:800;gap:6px;margin:0 0 2px 58px;min-height:34px;padding:0 12px 0 8px;position:relative;transition:background .15s}.comments-replies-toggle:hover,.comments-replies-toggle:active{background:var(--cm-accent-soft)}.comments-replies-toggle svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;transition:transform .2s;width:16px}.comments-replies-toggle.is-open svg{transform:rotate(180deg)}.comments-thread.has-replies>.comments-row:first-child:after{background:var(--cm-thread);bottom:0;content:"";left:34px;position:absolute;top:56px;width:2px}.comments-replies{padding-left:66px}.comments-replies .comments-row{padding:8px 16px 6px 0}.comments-replies .comments-avatar{height:28px;width:28px}.comments-replies .comments-row-text{font-size:14px}.comments-replies .comments-row:before{border-bottom:2px solid var(--cm-thread);border-bottom-left-radius:14px;border-left:2px solid var(--cm-thread);content:"";height:22px;left:-32px;position:absolute;top:0;width:28px}.comments-replies .comments-row:not(.is-last):after{background:var(--cm-thread);bottom:0;content:"";left:-32px;position:absolute;top:22px;width:2px}.comments-replies .comments-row.is-pinned{background:transparent}.comments-reply-context{align-items:center;background:var(--cm-card);border-top:1px solid var(--cm-line);display:flex;flex:0 0 auto;font-size:12.5px;font-weight:700;justify-content:space-between;padding:9px 16px}.comments-reply-context.is-hidden{display:none}.comments-reply-context span{color:var(--cm-accent)}.comments-reply-context button{align-items:center;background:var(--cm-field);border-radius:50%;color:var(--cm-muted);display:inline-flex;height:26px;justify-content:center;width:26px}.comments-reply-context button svg{height:13px;width:13px}.comments-disabled-note{background:var(--cm-card);border-top:1px solid var(--cm-line);color:var(--cm-muted);margin:0;padding:14px 16px;text-align:center}.comments-compose{align-items:flex-end;background:var(--cm-card);border-top:1px solid var(--cm-line);flex:0 0 auto;gap:10px;padding:10px 12px max(12px,env(safe-area-inset-bottom))}#commentsComposeForm .kc-compose-field{align-items:flex-end;align-self:stretch;display:flex;flex:1 1 auto;min-width:0;position:relative}#commentsComposeForm .kc-compose-field .thread-compose-textarea.kc-autogrow{background:var(--cm-field);border:1px solid var(--cm-line);border-radius:26px;box-sizing:border-box;color:var(--cm-text);font-size:16px;height:52px;line-height:22px;max-height:140px;min-height:52px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:14px 54px 14px 20px;scrollbar-width:none;white-space:pre-wrap;width:100%;word-break:break-word;transition:border-color .15s,box-shadow .15s,background .15s}#commentsComposeForm .kc-compose-field .thread-compose-textarea.kc-autogrow::-webkit-scrollbar{display:none}#commentsComposeForm .kc-compose-field .thread-compose-textarea.kc-autogrow::placeholder{color:var(--cm-muted);opacity:.9}#commentsComposeForm .kc-compose-field .thread-compose-textarea.kc-autogrow:focus{border-color:var(--cm-accent);box-shadow:0 0 0 4px var(--cm-accent-soft);outline:none}#commentsComposeForm .kc-expand-btn{align-items:center;background:var(--cm-accent-soft);border-radius:50%;bottom:9px;box-shadow:none;color:var(--cm-accent);cursor:pointer;display:flex;height:34px;justify-content:center;opacity:1;padding:0;pointer-events:auto;position:absolute;right:9px;top:auto;transform:none;transition:background .15s,transform .12s;width:34px;z-index:1}#commentsComposeForm .kc-expand-btn svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:18px}#commentsComposeForm .kc-expand-btn:active{transform:scale(.9)}#commentsComposeForm .thread-send-button{flex:0 0 auto;height:52px;width:52px}#commentsComposeForm .thread-send-button svg{height:20px;width:20px}
