.support-chat{--chat-bg:#0e1915;--chat-text:#f4efe6;--chat-muted:#b9c6be;--chat-line:#35483e;--chat-accent:#d7ccba;position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom),var(--chat-bottom,0px));z-index:120;font-family:var(--font-family-ui,"Segoe UI",sans-serif);font-size:14px;color:var(--chat-text)}
html[data-theme="light"] .support-chat{--chat-bg:#fff;--chat-text:#173a32;--chat-muted:#596f65;--chat-line:#cfddd5;--chat-accent:#286c60}
.support-chat *{box-sizing:border-box}.support-chat [hidden]{display:none!important}
.support-chat button,.support-chat input,.support-chat textarea{font:inherit}.support-chat button{cursor:pointer}.support-toggle{display:flex;align-items:center;gap:9px;border:1px solid var(--chat-line);border-radius:999px;background:var(--chat-bg);color:var(--chat-text);padding:12px 17px;box-shadow:0 5px 24px #0003}.support-toggle svg{width:21px;height:21px}.support-toggle:focus-visible,.support-chat button:focus-visible{outline:2px solid #85b7a8;outline-offset:3px}.support-badge{display:grid;place-items:center;border-radius:50%;min-width:20px;height:20px;background:#aa384b;color:#fff;font-size:11px}
.support-panel{position:absolute;right:0;bottom:62px;width:min(380px,calc(100vw - 36px));max-height:min(650px,calc(100dvh - max(112px,calc(var(--chat-bottom,0px) + 92px))));display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--chat-line);border-radius:20px;background:var(--chat-bg);box-shadow:0 20px 75px #0004;animation:chat-open .22s ease-out}
.support-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--chat-line);gap:12px}.support-panel header small{font-size:9px;letter-spacing:1.8px;color:var(--chat-muted)}.support-panel h2{margin:8px 0;font-size:22px;font-weight:500;line-height:1.2}.support-panel header p{font-size:12px;margin:0;color:var(--chat-muted);line-height:1.5}.support-close{border:0;background:transparent;color:inherit;font-size:24px!important;padding:0 3px;line-height:1}
.support-messages{flex:1;min-height:100px;max-height:310px;overflow:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin}.support-welcome{margin:auto;text-align:center;padding:20px 14px;color:var(--chat-muted);font-size:13px;line-height:1.7}.support-bubble{width:fit-content;max-width:90%;padding:11px 13px;border:1px solid var(--chat-line);border-radius:13px 13px 13px 3px;background:#647d6e14}.support-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.support-bubble small{display:block;font-size:10px;margin-top:8px;color:var(--chat-muted)}.support-visitor{align-self:flex-end;border-radius:13px 13px 3px 13px;background:#79a49523}
.support-status{margin:0;padding:0 16px;color:var(--chat-muted);font-size:12px;line-height:1.5}.support-status:empty{display:none}.support-composer{padding:14px 16px 16px;display:grid;gap:10px;border-top:1px solid var(--chat-line);margin:0}.support-composer label{display:grid;gap:5px;color:var(--chat-muted);font-size:11px}.support-name-label span{display:inline}.support-composer input,.support-composer textarea{width:100%;min-width:0;border:1px solid var(--chat-line);border-radius:9px;background:transparent;color:var(--chat-text);padding:10px 11px;font-size:16px!important;outline:none}.support-composer textarea{resize:none;max-height:120px}.support-composer textarea:focus,.support-composer input:focus{border-color:#79a495}.support-send{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:var(--chat-accent);color:var(--chat-bg);padding:11px 13px;font-weight:600!important}.support-send:disabled{opacity:.6;cursor:wait}.support-composer>small{font-size:10px;color:var(--chat-muted)}.support-composer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.support-older{border:0;background:transparent;color:var(--chat-muted);font-size:11px!important;padding:9px}.support-honeypot,.support-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);opacity:0;pointer-events:none}
@keyframes chat-open{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:620px){.support-chat{right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom),var(--chat-bottom,0px))}.support-toggle{padding:11px 13px}.support-toggle>span:not(.support-badge){font-size:12px}.support-panel{width:calc(100vw - 24px);max-height:calc(100dvh - max(112px,calc(var(--chat-bottom,0px) + 92px)))}}
@media(prefers-reduced-motion:reduce){.support-panel{animation:none}}