.sup-trigger{position:relative}.sup-ic{flex:none}.sup-dot{background:var(--bad-solid);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-grid}.sup-trigger .sup-dot{position:absolute;inset-block-start:-4px;inset-inline-end:-6px}@media (max-width:480px){.sup-trigger-label{display:none}.sup-trigger{padding:0 8px}}.sup-fab{z-index:55;background:var(--accent);height:48px;color:var(--on-accent);font:600 15px/1 var(--font-ui,system-ui);cursor:pointer;box-shadow:var(--shadow-3);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 16px;display:inline-flex;position:fixed;inset-block-end:max(20px, env(safe-area-inset-bottom));inset-inline-end:20px}.sup-fab:hover{background:var(--accent-hover)}.sup-fab:focus-visible,.sup-panel :focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.sup-fab .sup-dot{margin-inline-start:2px}.sup-panel{z-index:1000;border:1px solid var(--line);background:var(--surface-raised);width:380px;max-width:calc(100vw - 32px);height:min(640px,100dvh - 40px);color:var(--ink);box-shadow:var(--shadow-3);font-family:var(--font-ui,system-ui);border-radius:16px;flex-direction:column;margin:0;padding:0;font-size:15px;line-height:1.45;animation:.16s ease-out sup-in;display:flex;position:fixed;inset:auto;inset-block-end:20px;inset-inline-end:20px;overflow:hidden}@keyframes sup-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sup-panel{animation:none}}@media (max-width:480px){.sup-panel{width:100%;max-width:none;height:100dvh;border:0;border-radius:0;padding-block-end:env(safe-area-inset-bottom);inset:0}}.sup-head{border-block-end:1px solid var(--line);background:var(--chrome);align-items:center;gap:10px;padding:12px 12px 12px 16px;display:flex}.sup-head-mark{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:10px;flex:none;place-items:center;display:inline-grid}.sup-head-text{flex:1;min-width:0}.sup-head h2{margin:0;font-size:16px;font-weight:700}.sup-head p{color:var(--muted);margin:0;font-size:13px}.sup-x{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:inline-grid}.sup-x:hover{background:var(--bg-muted);color:var(--ink)}.sup-badge{letter-spacing:.04em;white-space:nowrap;border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.sup-badge.is-demo{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-line)}.sup-strip{align-items:flex-start;gap:8px;margin:0;padding:8px 16px;font-size:13px;display:flex}.sup-strip .sup-ic{width:16px;height:16px;margin-block-start:2px}.sup-strip.is-hours{background:var(--info-soft);color:var(--info);border-block-end:1px solid var(--info-line)}.sup-strip.is-solved{background:var(--good-soft);color:var(--good);border-block-start:1px solid var(--good-line)}.sup-strip.is-waiting{background:var(--warn-soft);color:var(--warn);border-block-start:1px solid var(--warn-line)}.sup-body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.sup-quiet{color:var(--muted);margin:0 0 8px;font-size:14px}.sup-empty{text-align:center;color:var(--ink-2);justify-items:center;gap:6px;padding:28px 8px;display:grid}.sup-empty .sup-ic{width:32px;height:32px;color:var(--accent-ink)}.sup-empty strong{color:var(--ink);font-size:16px}.sup-empty p{color:var(--muted);margin:0;font-size:14px}.sup-log{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sup-msg{justify-self:start;gap:4px;max-width:86%;display:grid}.sup-msg.is-customer{justify-self:end;justify-items:end}.sup-msg-meta{color:var(--muted);flex-wrap:wrap;gap:0 8px;font-size:12px;display:flex}.sup-bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);color:var(--ink);border-radius:14px;text-align:start;border-start-start-radius:4px;padding:8px 12px}.sup-msg.is-customer .sup-bubble{background:var(--accent);color:var(--on-accent);border-radius:14px;border-start-end-radius:4px}.sup-msg.is-bot .sup-bubble{background:var(--info-soft);color:var(--ink);border:1px dashed var(--info-line)}.sup-msg.is-note{justify-self:stretch;max-width:100%}.sup-msg.is-note .sup-bubble{background:var(--warn-soft);color:var(--ink);border:1px dashed var(--warn-line);border-radius:8px}.sup-msg.is-note .sup-msg-meta{color:var(--warn);font-weight:600}.sup-suggest{gap:6px;margin-block-start:2px;display:grid}.sup-suggest p{color:var(--muted);margin:0;font-size:12px}.sup-suggest ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sup-suggest a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.sup-suggest a:hover{border-color:var(--accent-line);background:var(--accent-soft)}.sup-suggest a .sup-ic{width:16px;height:16px;color:var(--accent-ink);margin-block-start:2px}.sup-suggest strong{color:var(--link);font-size:14px;display:block}.sup-suggest small{color:var(--muted);font-size:12px;display:block}.sup-error{background:var(--bad-soft);color:var(--bad);margin:0;padding:8px 16px;font-size:13px}.sup-composer{border-block-start:1px solid var(--line);background:var(--surface-raised);grid-template-columns:1fr auto;align-items:end;gap:4px 8px;padding:10px 12px 8px;display:grid}.sup-composer textarea,.sup-vform input,.sup-vform textarea{resize:vertical;border:1px solid var(--line-control);background:var(--surface);width:100%;min-height:44px;max-height:160px;color:var(--ink);font:inherit;border-radius:10px;padding:10px 12px;font-size:15px}.sup-composer textarea::placeholder,.sup-vform ::placeholder{color:var(--placeholder)}.sup-composer textarea:focus,.sup-vform input:focus,.sup-vform textarea:focus{outline:2px solid var(--accent-strong);outline-offset:0;border-color:#0000}.sup-send{background:var(--accent);width:44px;height:44px;color:var(--on-accent);cursor:pointer;border:0;border-radius:10px;place-items:center;display:inline-grid}.sup-send:disabled{opacity:.45;cursor:default}.sup-keys{color:var(--muted);grid-column:1/-1;justify-content:space-between;gap:8px;margin:0;font-size:11px;display:flex}.sup-keys .is-bad{color:var(--bad);font-weight:600}@media (hover:none){.sup-keys>span:first-child{visibility:hidden}}.sup-foot{border-block-start:1px solid var(--line);gap:6px;padding:8px 12px 10px;font-size:13px;display:grid}.sup-tg{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sup-tg .sup-ic,.sup-tg-btn .sup-ic{color:#229ed9;width:18px;height:18px}.sup-tg-btn,.sup-help-link,.sup-link{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:0 10px;font-size:13px;text-decoration:none;display:inline-flex}.sup-tg-btn:hover,.sup-help-link:hover,.sup-link:hover{background:var(--bg-subtle)}.sup-link{color:var(--link);background:0 0;border:0;min-height:28px;padding:0 4px;text-decoration:underline}.sup-help-link{color:var(--link);background:0 0;border:0;min-height:28px;padding:0 2px}.sup-help-link .sup-ic{width:16px;height:16px}.sup-tg-note{color:var(--muted);margin:0}.sup-tg-note a{color:var(--link)}.sup-vform{gap:6px;display:grid}.sup-vform label{color:var(--ink-2);margin-block-start:4px;font-size:13px;font-weight:600}.sup-vform input{resize:none}.sup-hint{color:var(--muted);font-size:12px}.sup-hp{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;inset-inline-start:-10000px;overflow:hidden;position:absolute!important}.sup-primary{background:var(--accent);height:46px;color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-block-start:8px;font-weight:600;display:inline-flex}.sup-primary:disabled{opacity:.6}.sup-md{color:var(--ink);overflow-wrap:anywhere;font-size:16px;line-height:1.65}.sup-md.sup-md>*+*{margin-block-start:.8em}.sup-md h2{margin-block-start:1.4em;font-size:1.35em;font-weight:700}.sup-md h3{margin-block-start:1.2em;font-size:1.15em;font-weight:700}.sup-md h4,.sup-md h5,.sup-md h6{font-size:1em;font-weight:700}.sup-md ul,.sup-md ol{padding-inline-start:1.4em}.sup-md ul{list-style:outside}.sup-md ol{list-style:decimal}.sup-md li+li{margin-block-start:.3em}.sup-md a{color:var(--link);text-decoration:underline}.sup-md code{background:var(--bg-subtle);border-radius:5px;padding:1px 5px;font-size:.92em}.sup-md hr{border:0;border-block-start:1px solid var(--line)}div.sup-hc{max-width:820px;color:var(--ink);margin:0 auto;padding:48px 20px 80px}.ws div.sup-hc section{padding-block:0}.sup-hc .sup-hc-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 6px;font-size:13px;font-weight:700}.sup-hc h1{margin:0 0 8px;font-size:clamp(28px,5vw,40px);font-weight:750;line-height:1.15}.sup-hc .sup-hc-lead{color:var(--ink-2);margin:0 0 24px;font-size:17px}.sup-hc .sup-hc-search{gap:8px;margin-block-end:24px;display:flex}.sup-hc .sup-hc-search input{border:1px solid var(--line-control);background:var(--surface);min-width:0;height:48px;color:var(--ink);font:inherit;border-radius:12px;flex:1;padding:0 14px;font-size:16px}.sup-hc .sup-hc-search button{background:var(--accent);height:48px;color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-weight:600}.sup-hc .sup-hc-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sup-hc .sup-hc-list a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;gap:4px;padding:16px 18px;text-decoration:none;display:grid}.sup-hc .sup-hc-list a:hover{border-color:var(--accent-line);background:var(--accent-soft)}.sup-hc .sup-hc-list strong{color:var(--ink);font-size:17px}.sup-hc .sup-hc-list span{color:var(--muted);font-size:14px}.sup-hc .sup-hc-h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:28px 0 12px;font-size:14px;font-weight:700}.sup-hc .sup-hc-back{color:var(--link);align-items:center;gap:6px;margin-block-end:16px;font-size:15px;text-decoration:none;display:inline-flex}.sup-hc .sup-hc-meta{color:var(--muted);margin:0 0 24px;font-size:13px}.sup-hc .sup-hc-still{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:14px;gap:4px;margin-block-start:40px;padding:20px;display:grid}.sup-hc .sup-hc-still strong{font-size:17px}.sup-hc .sup-hc-still p{color:var(--ink-2);margin:0}.sup-hc .sup-hc-empty{border:1px dashed var(--line-strong);color:var(--muted);border-radius:14px;padding:20px}.sup-pf-filters{flex-wrap:wrap;align-items:end;gap:8px 12px;margin-block-end:16px;display:flex}.sup-pf-filters .sup-pf-q{flex:240px;min-width:0}.sup-pf-rows{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.sup-pf-rows>li+li{border-block-start:1px solid var(--line)}.sup-pf-row{color:var(--ink);grid-template-columns:12px 1fr auto;align-items:start;gap:4px 12px;padding:12px 16px;text-decoration:none;display:grid}.sup-pf-row:hover{background:var(--bg-subtle)}.sup-pf-row .sup-unread-dot{background:var(--accent);border-radius:999px;width:10px;height:10px;margin-block-start:6px}.sup-pf-row .sup-unread-dot.is-read{background:0 0}.sup-pf-row-top{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.sup-pf-row-top .is-unread{font-weight:750}.sup-pf-row-prev{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sup-pf-row-side{color:var(--muted);justify-items:end;gap:4px;font-size:12px;display:grid}@media (max-width:640px){.sup-pf-row{grid-template-columns:12px minmax(0,1fr)}.sup-pf-row-side{flex-wrap:wrap;grid-column:2;place-items:center start;gap:4px 10px;display:flex}}.sup-pf-chan{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:400;display:inline-flex}.sup-pf-chan .sup-ic{width:14px;height:14px}.sup-pf-conv{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1100px){.sup-pf-conv{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}.sup-pf-thread{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sup-pf-thread .sup-body{max-height:min(62vh,720px);padding:16px}.sup-pf-thread .sup-msg.is-customer{justify-self:start;justify-items:start}.sup-pf-thread .sup-msg.is-customer .sup-bubble{background:var(--surface-2);color:var(--ink);border-radius:14px;border-start-start-radius:4px}.sup-pf-thread .sup-msg.is-staff{justify-self:end;justify-items:end}.sup-pf-thread .sup-msg.is-staff .sup-bubble{background:var(--accent);color:var(--on-accent);border-radius:14px;border-start-end-radius:4px}.sup-pf-thread .sup-msg.is-note{justify-self:stretch}.sup-pf-reply{border-block-start:1px solid var(--line);background:var(--surface-raised);gap:8px;padding:12px;display:grid}.sup-pf-reply.is-note{background:var(--warn-soft)}.sup-pf-reply textarea{border:1px solid var(--line-control);background:var(--surface);width:100%;min-height:80px;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:10px 12px}.sup-pf-reply-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sup-pf-toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.sup-pf-side{gap:12px;display:grid}.sup-pf-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:10px;padding:14px 16px;display:grid}.sup-pf-card h2{margin:0;font-size:14px;font-weight:700}.sup-pf-dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px;display:grid}.sup-pf-dl dt{color:var(--muted)}.sup-pf-dl dd{overflow-wrap:anywhere;min-width:0;margin:0}.sup-pf-actions{flex-wrap:wrap;gap:8px;display:flex}.sup-pf-push{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-block-end:16px;padding:12px 16px;display:flex}.sup-pf-push>div{flex:220px;gap:2px;min-width:0;display:grid}.sup-pf-push span{color:var(--muted);font-size:13px}.sup-pf-live{color:var(--muted);font-size:12px}.sup-pf-editor{gap:16px;display:grid}@media (min-width:1100px){.sup-pf-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.sup-pf-preview{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px 20px}