.supportLauncher,.supportDialog{--support-bg:var(--surface,#20232a);--support-text:var(--text-primary,#f5f6f8);--support-muted:var(--text-secondary,#aeb3be);--support-border:var(--border,#3b404c);font-family:inherit;color:var(--support-text)}
.supportLauncher{position:fixed;right:24px;bottom:96px;z-index:75;display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 17px;background:var(--support-bg);border:1px solid var(--support-border);border-radius:8px;box-shadow:0 6px 24px #0002;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;transition:background .18s,border-color .18s}
.supportUnread{background:#3459ff;color:#fff;border-radius:4px;padding:4px 6px;font-size:11px}.supportUnread[hidden]{display:none}
.supportDialog{position:fixed;inset:auto 24px 156px auto;margin:0;padding:0;width:min(408px,calc(100vw - 32px));height:min(580px,calc(100dvh - 250px));max-height:none;max-width:none;background:var(--support-bg);border:1px solid var(--support-border);border-radius:12px;box-shadow:0 18px 64px #0004;z-index:180;overflow:hidden}.supportDialog[open]{display:flex;flex-direction:column;animation:support-enter .18s ease-out}
.supportHead{display:flex;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--support-border);background:transparent;position:static;flex-shrink:0}.supportHead h2{font-size:18px;line-height:1.35;margin:0 0 5px;letter-spacing:-.02em;color:inherit}.supportHead p{font-size:12px;line-height:1.5;color:var(--support-muted);margin:0}.supportClose{border:0;background:transparent;color:var(--support-muted);font:inherit;font-size:12px;min-height:44px;margin:-10px -10px 0 auto;padding:10px;cursor:pointer}
.supportLog{min-height:80px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;outline-offset:-3px}.supportWelcome{margin:auto 0;padding:14px 0}.supportWelcome strong{font-size:20px;line-height:1.4}.supportWelcome p{margin:10px 0 0;color:var(--support-muted);font-size:14px;line-height:1.65}
.supportMessage{max-width:92%;align-self:flex-start;border:0;padding:3px 0;overflow-wrap:anywhere}.supportMessage.fromVisitor{align-self:flex-end;border:0;border-radius:8px;background:color-mix(in srgb,var(--support-text) 6%,transparent);padding:12px 14px}.supportAuthor{font-size:11px;font-weight:600;color:var(--support-muted)}.supportMessage p{white-space:pre-wrap;font-size:14px;line-height:1.6;margin:5px 0 8px;color:var(--support-text)}.supportMessage time{font-size:10px;color:var(--support-muted)}
.supportStatus{font-size:12px;line-height:1.45;color:var(--support-muted);margin:0;padding:0 20px 10px}.supportStatus:empty{display:none}.supportStatus.isError{color:#eb9999}
.supportComposer{display:block;padding:16px 20px;border-top:1px solid var(--support-border);margin:0;flex-shrink:0}.supportInputLabel{display:block;font-size:12px;margin-bottom:8px;color:var(--support-muted)}.supportComposer textarea{display:block;width:100%;min-height:72px;max-height:110px;resize:vertical;border:1px solid var(--support-border);border-radius:6px;padding:10px 12px;background:color-mix(in srgb,var(--support-bg) 90%,#000);color:var(--support-text);font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;box-sizing:border-box;caret-color:#8295ff}.supportComposer textarea::placeholder{color:var(--support-muted);opacity:.8}.supportComposerActions{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:10px}.supportComposerActions small{font-size:10px;line-height:1.5;max-width:170px;color:var(--support-muted)}.supportSend{border:1px solid #3459ff;border-radius:6px;background:#3459ff;color:#fff;min-height:44px;padding:10px 17px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}.supportSend:disabled{opacity:.55;cursor:wait}.supportPrivacy{margin:12px 0 0;font-size:10px;line-height:1.5;color:var(--support-muted)}
.supportDialog :focus-visible,.supportLauncher:focus-visible{outline:2px solid #8295ff;outline-offset:3px}
@media(hover:hover){.supportLauncher:hover{border-color:#8295ff}.supportClose:hover{color:var(--support-text)}.supportSend:hover:not(:disabled){background:#2848e8}}
@media(max-width:600px){.supportLauncher{right:16px;bottom:88px;min-height:44px;padding:10px 13px}.supportDialog{right:16px;bottom:144px;height:calc(100dvh - 244px)}.supportHead{padding:15px}.supportLog{padding:15px}.supportComposer{padding:12px 15px}.supportComposer textarea{font-size:16px;min-height:60px}.supportComposerActions small{display:none}.supportComposerActions{justify-content:flex-end}.supportPrivacy{font-size:9px}.supportStatus{padding-inline:15px}}
@media(max-height:600px){.supportDialog{bottom:16px;top:16px;height:auto}.supportPrivacy,.supportComposerActions small{display:none}.supportComposer textarea{min-height:44px}.supportHead p{display:none}}
@media(prefers-reduced-motion:reduce){.supportDialog[open]{animation:none}.supportLauncher{transition:none}}
@media print{.supportLauncher,.supportDialog{display:none!important}}
@keyframes support-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Keep the widget's reading scale independent of the marketing page's large type. */
html:root[data-theme] body[data-page] .supportHead h2{font-size:18px!important;line-height:1.35;margin:0 0 5px}
html:root[data-theme] body[data-page] .supportHead p{font-size:12px!important;line-height:1.5;margin:0}
html:root[data-theme] body[data-page] .supportWelcome p{font-size:14px!important;line-height:1.65;margin:10px 0 0}
html:root[data-theme] body[data-page] .supportMessage p{font-size:14px!important;line-height:1.6;margin:5px 0 8px}
html:root[data-theme] body[data-page] .supportStatus{font-size:12px!important;line-height:1.45;margin:0;padding:0 20px 10px}
html:root[data-theme] body[data-page] .supportPrivacy{font-size:10px!important;line-height:1.5;margin:12px 0 0}
html:root[data-theme] body[data-page] .supportClose{font-size:12px;line-height:1.3;min-height:44px;border:0;background:transparent;padding:10px}
html:root[data-theme] body[data-page] .supportSend{font-size:13px;line-height:1.3;min-height:44px;padding:10px 17px}

.supportOlder{align-self:center;border:0;border-bottom:1px solid var(--support-border);background:transparent;color:var(--support-muted);font:inherit;font-size:12px;min-height:44px;cursor:pointer;flex-shrink:0}.supportOlder[hidden]{display:none}