.sup{--sup-bg:var(--surface,#fff);--sup-bg-2:var(--surface-2,var(--chip-bg,#f7f8fb));--sup-line:var(--border,#e9ebf1);--sup-text:var(--text,#0d1426);--sup-muted:var(--muted,#6b7385);--sup-accent:var(--accent,#4361ee);--sup-on-accent:var(--on-accent,#fff);--sup-grad:var(--grad,linear-gradient(100deg,#4361ee,#7c5cff 60%,#1bb8c4));--sup-shadow:0 20px 50px -18px rgba(13,20,38,.35),0 2px 8px rgba(13,20,38,.08);font-family:inherit;color:var(--sup-text)}.sup *{box-sizing:border-box}.sup-fab{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border:none;border-radius:999px;cursor:pointer;background:var(--sup-grad);color:var(--sup-on-accent);font-family:inherit;font-weight:650;font-size:14.5px;letter-spacing:-.01em;box-shadow:0 12px 30px -10px rgba(37,99,235,.55);transition:transform .18s,box-shadow .18s}.sup-fab:hover{transform:translateY(-2px);box-shadow:0 18px 38px -12px rgba(37,99,235,.6)}.sup-fab svg{width:19px;height:19px}.sup-site .sup-fab{bottom:26px}.sup-dot{position:absolute;top:6px;right:8px;width:11px;height:11px;border-radius:50%;background:#ef4444;border:2px solid var(--sup-bg)}.sup-dot-item{position:absolute;top:14px;right:12px;border-color:transparent}.sup-scrim{position:fixed;inset:0;z-index:78;background:transparent}.sup-panel{position:fixed;right:22px;bottom:22px;z-index:90;width:392px;max-width:calc(100vw - 32px);max-height:min(640px,calc(100vh - 44px));display:flex;flex-direction:column;background:var(--sup-bg);border:1px solid var(--sup-line);border-radius:20px;box-shadow:var(--sup-shadow);overflow:hidden;animation:sup-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes sup-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sup-panel{animation:none}.sup-fab{transition:none}}.sup-head{display:flex;align-items:center;gap:10px;padding:15px 16px;background:var(--sup-grad);color:var(--sup-on-accent);flex-shrink:0}.sup-head-txt{flex:1;min-width:0}.sup-head-txt b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.01em}.sup-head-txt small{display:block;font-size:12px;opacity:.85;margin-top:1px}.sup-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:none;border-radius:9px;cursor:pointer;background:rgba(255,255,255,.16);color:inherit;transition:background .15s}.sup-icon:hover{background:rgba(255,255,255,.28)}.sup-icon svg{width:17px;height:17px}.sup-body{padding:16px;overflow-y:auto;flex:1}.sup-label{font-size:12.5px;font-weight:600;color:var(--sup-muted);margin:18px 0 8px;text-transform:uppercase;letter-spacing:.04em}.sup-body>.sup-label:first-child{margin-top:0}.sup-opt{text-transform:none;letter-spacing:0;font-weight:400;opacity:.75}.sup-note{font-size:12.5px}.sup-fine,.sup-note{color:var(--sup-muted);margin:10px 0 0}.sup-fine{font-size:11.5px;text-align:center;line-height:1.5}.sup-link{color:var(--sup-accent);text-decoration:none;font-weight:500}.sup-link:hover{text-decoration:underline}.sup-err{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.25);border-radius:11px;padding:10px 12px;font-size:13px;margin-bottom:14px}.sup-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;font-size:14.5px;border-radius:12px;padding:12px 20px;border:1px solid transparent;cursor:pointer;transition:.16s}.sup-btn:disabled{opacity:.55;cursor:not-allowed}.sup-btn svg{width:17px;height:17px}.sup-btn-primary{background:var(--sup-grad);color:var(--sup-on-accent)}.sup-btn-primary:not(:disabled):hover{filter:brightness(1.06)}.sup-btn-outline{background:var(--sup-bg-2);border-color:var(--sup-line);color:var(--sup-text)}.sup-btn-outline:hover{border-color:var(--sup-accent);color:var(--sup-accent)}.sup-btn-block{width:100%;margin-top:14px}.sup-body>.sup-btn-block:first-child{margin-top:0}.sup-list{display:flex;flex-direction:column;gap:8px}.sup-item{position:relative;text-align:left;width:100%;cursor:pointer;background:var(--sup-bg-2);border:1px solid var(--sup-line);border-radius:13px;padding:11px 13px;font-family:inherit;transition:.15s}.sup-item.unread,.sup-item:hover{border-color:var(--sup-accent)}.sup-item.unread{padding-right:28px}.sup-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.sup-item-kind{font-size:12px;color:var(--sup-muted)}.sup-item-date{font-size:11.5px;color:var(--sup-muted);margin-left:auto}.sup-item-txt{font-size:13.5px;line-height:1.45;color:var(--sup-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sup-chip{font-size:11.5px;font-weight:600;padding:2.5px 9px;border-radius:999px;background:var(--sup-bg-2);color:var(--sup-muted);border:1px solid var(--sup-line)}.sup-chip.st-new{background:rgba(67,97,238,.12);color:var(--sup-accent);border-color:transparent}.sup-chip.st-in_progress{background:rgba(201,138,26,.14);color:#c98a1a;border-color:transparent}.sup-chip.st-answered{background:rgba(15,178,125,.14);color:#0fb27d;border-color:transparent}.sup-faq{display:flex;flex-direction:column;gap:6px}.sup-faq-item{border:1px solid var(--sup-line);border-radius:12px;overflow:hidden}.sup-faq-item>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:none;cursor:pointer;font-family:inherit;padding:11px 13px;text-align:left;font-size:13.5px;font-weight:500;color:var(--sup-text)}.sup-faq-item>button svg{width:16px;height:16px;color:var(--sup-muted);flex-shrink:0;transition:transform .18s}.sup-faq-item.open>button svg{transform:rotate(180deg)}.sup-faq-a{padding:0 13px 12px;font-size:13px;line-height:1.55;color:var(--sup-muted)}.sup-faq-a p{margin:0 0 8px}.sup-kinds{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sup-kind{text-align:left;cursor:pointer;font-family:inherit;padding:10px 12px;background:var(--sup-bg-2);border:1.5px solid var(--sup-line);border-radius:12px;transition:.15s}.sup-kind.on,.sup-kind:hover{border-color:var(--sup-accent)}.sup-kind.on{background:var(--accent-soft,rgba(67,97,238,.1))}.sup-kind b{display:block;font-size:13.5px;font-weight:650;color:var(--sup-text)}.sup-kind small{display:block;font-size:11.5px;color:var(--sup-muted);margin-top:1px;line-height:1.35}.sup-rate{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sup-face{width:42px;height:42px;border-radius:12px;cursor:pointer;font-size:21px;line-height:1;background:var(--sup-bg-2);border:1.5px solid var(--sup-line);transition:.15s;filter:grayscale(1);opacity:.65}.sup-face.on,.sup-face:hover{filter:none;opacity:1}.sup-face.on{border-color:var(--sup-accent);transform:scale(1.06)}.sup-rate-lab{font-size:12.5px;color:var(--sup-muted);margin-left:4px}.sup-area,.sup-input{width:100%;font-family:inherit;font-size:14px;color:var(--sup-text);background:var(--sup-bg-2);border:1px solid var(--sup-line);border-radius:12px;padding:11px 13px;resize:vertical;line-height:1.5}.sup-area:focus,.sup-input:focus{outline:none;border-color:var(--sup-accent)}.sup-area::placeholder,.sup-input::placeholder{color:var(--sup-muted);opacity:.8}.sup-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sup-done{text-align:center;padding:22px 6px 6px}.sup-done .ic{width:54px;height:54px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(15,178,125,.14);color:#0fb27d;margin-bottom:14px}.sup-done .ic svg{width:26px;height:26px}.sup-done h3{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:-.01em}.sup-done p{margin:0;font-size:13.5px;line-height:1.55;color:var(--sup-muted)}.sup-thread-top{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sup-msgs{gap:12px}.sup-msg,.sup-msgs{display:flex;flex-direction:column}.sup-msg{max-width:86%}.sup-msg .bub{padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.sup-msg time{font-size:11px;color:var(--sup-muted);margin-top:4px}.sup-msg.me{align-self:flex-end;align-items:flex-end}.sup-msg.me .bub{background:var(--sup-accent);color:var(--sup-on-accent);border-bottom-right-radius:5px}.sup-msg.them{align-self:flex-start}.sup-msg.them .bub{background:var(--sup-bg-2);border:1px solid var(--sup-line);color:var(--sup-text);border-bottom-left-radius:5px}@media (max-width:560px){.sup-fab{right:14px;bottom:14px;padding:12px 16px}.sup-site .sup-fab{bottom:calc(80px + env(safe-area-inset-bottom))}.sup-fab-text{display:none}.sup-scrim{background:rgba(4,8,20,.45)}.sup-panel{right:0;left:0;bottom:0;top:0;width:100%;max-width:100%;max-height:100%;border-radius:0;border:none}.sup-kinds{grid-template-columns:1fr 1fr}}