#supw{--sup-brand:#0b8f81;--sup-bg:#fff;--sup-fg:#14201e;--sup-mut:#6b7a77;--sup-line:#dfe7e5;--sup-v:#e6f4f2;--sup-a:#f2f4f4;
  position:fixed;inset-inline-end:18px;bottom:18px;z-index:9999;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif}
@media (prefers-color-scheme:dark){#supw{--sup-bg:#16201f;--sup-fg:#e8efee;--sup-mut:#9aaba8;--sup-line:#2b3836;--sup-v:#123b37;--sup-a:#222d2c}}
#sup-btn{width:58px;height:58px;border-radius:50%;border:0;background:var(--sup-brand);color:#fff;font-size:26px;cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.25);position:relative;display:grid;place-items:center}
#sup-btn:focus-visible{outline:3px solid #fff;outline-offset:-6px}
#sup-dot{position:absolute;top:6px;inset-inline-end:6px;width:13px;height:13px;border-radius:50%;background:#e5484d;border:2px solid #fff}
#sup-box{position:absolute;bottom:72px;inset-inline-end:0;width:min(360px,calc(100vw - 32px));height:min(520px,calc(100vh - 110px));
  background:var(--sup-bg);color:var(--sup-fg);border:1px solid var(--sup-line);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.28);
  display:flex;flex-direction:column;overflow:hidden}
#sup-box[hidden],#sup-who[hidden],#sup-err[hidden],#sup-err2[hidden],#sup-dot[hidden]{display:none}
#sup-box header{background:var(--sup-brand);color:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px;position:relative}
#sup-box header b{font-size:15px}
#sup-box header span{opacity:.85;font-size:12px}
#sup-x{position:absolute;top:8px;inset-inline-end:8px;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:4px 8px}
#sup-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}
.sup-m{max-width:84%;padding:8px 11px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.sup-m.a{align-self:flex-start;background:var(--sup-a);border-start-start-radius:4px}
.sup-m.v{align-self:flex-end;background:var(--sup-v);border-start-end-radius:4px}
.sup-t{display:block;font-size:10px;color:var(--sup-mut);margin-top:2px;text-align:end}
#sup-who{display:flex;gap:6px;padding:0 10px 8px}
#sup-who input{flex:1;min-width:0}
#sup-who input,#sup-text{border:1px solid var(--sup-line);border-radius:10px;padding:8px 10px;background:var(--sup-bg);color:var(--sup-fg);font:inherit}
#sup-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--sup-line);align-items:flex-end}
#sup-text{flex:1;resize:none;max-height:120px}
#sup-send{border:0;border-radius:10px;background:var(--sup-brand);color:#fff;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer}
#sup-err,#sup-err2{color:#e5484d;padding:0 12px 8px}
@media (max-width:480px){#supw{inset-inline-end:12px;bottom:12px}#sup-box{bottom:68px}}
@media print{#supw{display:none}}
.sup-m img{display:block;max-width:100%;max-height:260px;border-radius:10px;margin-bottom:4px;background:var(--sup-a)}
#sup-att{border:1px solid var(--sup-line);background:var(--sup-bg);color:var(--sup-fg);border-radius:10px;width:40px;height:40px;font-size:18px;cursor:pointer;flex:none}
#sup-att:hover{border-color:var(--sup-brand)}
#sup-att.busy{opacity:.5;cursor:progress;animation:suppulse 1s infinite}
@keyframes suppulse{50%{opacity:.25}}