@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');

:root{--support-ink:#0c1f2b;--support-muted:#60727d;--support-line:#dcebed;--support-paper:#fff;--support-wash:#f1f7f7;--support-teal:#0d9488;--support-aqua:#06b6d4;--support-coral:#ff6b57}
.support-page{max-width:960px!important;padding-top:6rem!important;padding-bottom:2rem}
.support-shell{height:min(740px,calc(100dvh - 8rem));min-height:560px;display:flex;flex-direction:column;background:var(--support-paper);border:1px solid var(--support-line);border-radius:26px;box-shadow:0 22px 60px rgba(12,31,43,.12);overflow:hidden}
.support-top{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--support-line);background:linear-gradient(120deg,#fff 20%,#effafa)}
.support-brand{display:flex;align-items:center;gap:14px}.support-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--support-teal),var(--support-aqua));box-shadow:0 8px 20px rgba(13,148,136,.25)}.support-mark svg{width:21px}
.support-heading h1{font:700 1.15rem var(--font-body);margin:0}.support-heading p{font-size:.78rem;color:var(--support-muted);margin:2px 0 0}
.support-live{display:inline-flex;align-items:center;gap:7px;color:var(--support-teal);font-size:.78rem;font-weight:700}.support-live i{width:8px;height:8px;border-radius:50%;background:#22b67a;box-shadow:0 0 0 4px rgba(34,182,122,.13)}
.support-close{border:1px solid var(--support-line);background:#fff;color:var(--support-muted);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:.2s}.support-close:hover{color:var(--support-coral);border-color:#ffc7be;transform:translateY(-1px)}
.support-messages{flex:1;overflow-y:auto;padding:28px clamp(16px,5vw,58px);background:radial-gradient(circle at 15% 10%,rgba(6,182,212,.07),transparent 28%),var(--support-wash);scroll-behavior:smooth}
.support-welcome{text-align:center;max-width:420px;margin:3px auto 28px;color:var(--support-muted);font-size:.86rem}.support-welcome strong{display:block;color:var(--support-ink);font-size:1rem;margin-bottom:4px}
.support-msg{display:flex;flex-direction:column;margin:0 0 18px;max-width:min(76%,560px);animation:messageIn .25s ease both}.support-msg.user{margin-left:auto;align-items:flex-end}.support-msg.admin{align-items:flex-start}.support-msg.system{max-width:100%;align-items:center}
.support-author{font-size:.7rem;color:var(--support-muted);font-weight:700;margin:0 8px 5px}.support-bubble{padding:12px 15px;border-radius:18px 18px 18px 5px;background:#fff;border:1px solid var(--support-line);box-shadow:0 4px 12px rgba(12,31,43,.045);color:var(--support-ink);overflow-wrap:anywhere}.support-msg.user .support-bubble{border:0;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,var(--support-teal),#10a9b7);color:#fff}.support-meta{display:flex;gap:7px;color:var(--support-muted);font-size:.68rem;margin:5px 8px 0}.support-msg.user .support-meta{color:#789399}.support-system{padding:8px 14px;border-radius:999px;background:rgba(12,31,43,.06);color:var(--support-muted);font-size:.72rem}.support-attachment{display:block;max-width:230px;max-height:190px;object-fit:cover;border-radius:11px;margin-bottom:8px;cursor:zoom-in}.support-compose{padding:15px 20px 17px;border-top:1px solid var(--support-line);background:#fff}.support-closed{padding:16px;text-align:center;color:var(--support-muted);font-size:.86rem;background:#f8fbfb}.support-form{display:flex;align-items:flex-end;gap:10px}.support-input-wrap{flex:1;position:relative}.support-form textarea{width:100%;resize:none;min-height:46px;max-height:140px;padding:12px 14px;padding-right:45px;border:1px solid var(--support-line);border-radius:15px;background:var(--support-wash);color:var(--support-ink);font:500 16px var(--font-body);outline:none;transition:.2s}.support-form textarea:focus{border-color:var(--support-aqua);box-shadow:0 0 0 4px rgba(6,182,212,.12);background:#fff}.support-tools{display:flex;align-items:center;gap:8px;margin-top:6px}.support-attach{width:40px;height:40px;border-radius:12px;border:1px solid var(--support-line);background:#fff;color:var(--support-muted);display:grid;place-items:center;cursor:pointer;transition:.2s}.support-attach:hover{color:var(--support-teal);border-color:var(--support-teal)}.support-send{width:46px;height:46px;border:0;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--support-teal),var(--support-aqua));color:#fff;cursor:pointer;box-shadow:0 8px 18px rgba(13,148,136,.25);transition:.2s}.support-send:hover{transform:translateY(-2px)}.support-send:disabled{opacity:.5;cursor:wait;transform:none}.support-counter{color:#8a9aa0;font-size:.7rem;margin-left:auto}.support-preview{display:inline-flex;position:relative;margin-bottom:8px}.support-preview img{width:52px;height:52px;border-radius:10px;object-fit:cover}.support-preview button{position:absolute;right:-7px;top:-7px;width:21px;height:21px;border:2px solid #fff;border-radius:50%;background:var(--support-coral);color:#fff;cursor:pointer}
.support-empty{padding:50px 20px;text-align:center;color:var(--support-muted)}.support-empty svg{color:var(--support-teal);margin-bottom:10px}.support-empty strong{display:block;color:var(--support-ink);margin-bottom:4px}
.support-image-modal{position:fixed;inset:0;display:none;place-items:center;padding:24px;background:rgba(7,38,46,.76);z-index:300;cursor:zoom-out}.support-image-modal.open{display:grid}.support-image-modal img{max-width:min(900px,95vw);max-height:90vh;border-radius:16px}
@keyframes messageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:700px){.support-page{position:fixed!important;inset:0!important;padding:0!important;max-width:none!important}.support-shell{height:100dvh;min-height:0;border:0;border-radius:0}.support-top{padding:14px 16px}.support-live{display:none}.support-messages{padding:20px 14px}.support-msg{max-width:88%}.support-compose{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.support-form textarea{font-size:16px}body.support-chat .site-header,body.support-chat .site-footer{display:none}}