.vici-comments-root{--vc-ink:#172033;--vc-muted:#778196;--vc-line:#e8ebf1;--vc-accent:#6558d3;--vc-soft:#f7f8fc;box-sizing:border-box;width:100%;margin:28px auto;color:var(--vc-ink);font:inherit}.vici-comments-root *{box-sizing:border-box}.vc-shell{border:1px solid var(--vc-line);border-radius:22px;background:#fff;padding:clamp(18px,3vw,32px);box-shadow:0 14px 42px rgba(23,32,51,.055)}.vc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--vc-line)}.vc-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--vc-accent);text-transform:uppercase}.vc-head h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:8px 0;color:var(--vc-ink);font-weight:750}.vc-head p{font-size:13px;line-height:1.6;color:var(--vc-muted);margin:0;max-width:650px}.vc-count{text-align:right;min-width:62px}.vc-count strong{display:block;font-size:25px}.vc-count span{font-size:9px;letter-spacing:.12em;color:var(--vc-muted);font-weight:800}.vc-compose{display:flex;gap:12px;padding:22px 0;border-bottom:1px solid var(--vc-line)}.vc-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#efedff;color:var(--vc-accent);display:grid;place-items:center;font-weight:800;font-size:12px}.vc-avatar img{width:100%;height:100%;object-fit:cover}.vc-compose-main{flex:1;min-width:0}.vc-input,.vc-textarea,.vc-reply-form input,.vc-reply-form textarea{width:100%;border:1px solid var(--vc-line);border-radius:11px;background:#fff;padding:11px 13px;color:var(--vc-ink);font:inherit;font-size:13px;outline:none;margin:0 0 9px}.vc-textarea{min-height:82px;resize:vertical}.vc-input:focus,.vc-textarea:focus,.vc-reply-form input:focus,.vc-reply-form textarea:focus{border-color:#aaa2ed;box-shadow:0 0 0 3px rgba(101,88,211,.09)}.vc-signed{font-size:12px;color:var(--vc-muted);margin:0 0 9px}.vc-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.vc-compose-foot small{font-size:10px;color:var(--vc-muted)}.vc-primary,.vc-reply-form button{border:0;border-radius:999px;background:var(--vc-accent);color:#fff;font-weight:700;padding:10px 17px;cursor:pointer;font-size:12px}.vc-primary:disabled,.vc-reply-form button:disabled{opacity:.55;cursor:wait}.vc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0 8px}.vc-toolbar h3{font-size:15px;margin:0}.vc-comment{padding:17px 0;border-bottom:1px solid var(--vc-line)}.vc-comment-row{display:flex;gap:11px}.vc-content{flex:1;min-width:0}.vc-meta{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-right:34px;min-height:28px;overflow:visible}.vc-author{font-size:13px;font-weight:750;color:var(--vc-ink)}.vc-time{font-size:10px;color:var(--vc-muted)}.vc-body{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 10px;color:#39445a}.vc-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.vc-action{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--vc-line);background:#fff;border-radius:999px;padding:6px 10px;color:#667187;font-size:11px;font-weight:650;cursor:pointer}.vc-action svg{width:15px;height:15px}.vc-action.is-like{color:#2868c7;border-color:#c7dcfb;background:#eef5ff}.vc-action.is-dislike{color:#c34c57;border-color:#f3cbd0;background:#fff1f2}.vc-action.plain{border-color:transparent;background:transparent}.vc-menu-wrap{position:absolute;right:0;top:-3px;z-index:10}.vc-more{border:0;background:transparent;color:#8992a3;font-size:22px;width:30px;height:30px;border-radius:8px;cursor:pointer}.vc-more:hover{background:#f2f3f8}.vc-menu{position:absolute;right:0;top:31px;min-width:125px;padding:5px;background:#fff;border:1px solid var(--vc-line);border-radius:10px;box-shadow:0 8px 24px #1c263a22}.vc-menu[hidden]{display:none}.vc-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 9px;font-size:12px;color:#465166;border-radius:6px;cursor:pointer}.vc-menu button:hover{background:#f4f5f9}.vc-menu .vc-delete{color:#b64050}.vc-replies{margin:12px 0 0 18px;padding-left:15px;border-left:2px solid #eceaf9}.vc-replies-toggle{margin:8px 0 0 48px;border:0;background:transparent;color:var(--vc-accent);font-size:11px;cursor:pointer}.vc-reply-form{margin:10px 0 0 48px;padding:11px;background:var(--vc-soft);border-radius:12px}.vc-reply-form textarea{min-height:58px;resize:vertical}.vc-notice{font-size:12px;color:#26815b;margin:8px 0}.vc-notice.error{color:#b33b4a}.vc-empty,.vc-loading{padding:26px 8px;text-align:center;color:var(--vc-muted);font-size:13px}.vc-pending{opacity:.75}.vc-pending-label{font-size:10px;color:#8b82c9;background:#f2f0ff;border-radius:999px;padding:3px 7px}.vc-edit-form{margin:8px 0}.vc-edit-form textarea{width:100%;min-height:70px;border:1px solid var(--vc-line);border-radius:10px;padding:10px;font:inherit;font-size:13px}.vc-edit-form button{margin:5px 6px 0 0;border:1px solid var(--vc-line);border-radius:99px;background:#fff;padding:6px 12px;font-size:11px;cursor:pointer}.vc-edit-form .vc-save{background:var(--vc-accent);color:white;border-color:var(--vc-accent)}.vc-comment-enter{animation:vcEnter .2s ease-out}@keyframes vcEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:600px){.vc-shell{padding:16px;border-radius:16px}.vc-head{gap:8px}.vc-count{min-width:48px}.vc-count strong{font-size:21px}.vc-compose{gap:9px}.vc-avatar{width:34px;height:34px;flex-basis:34px}.vc-compose-foot{align-items:flex-start;flex-direction:column}.vc-replies{margin-left:6px;padding-left:10px}.vc-reply-form{margin-left:0}.vc-replies-toggle{margin-left:35px}}
