.contact-chat-widget{--chat-accent:var(--main);--chat-surface:var(--surface);--chat-raised:var(--surface-raised);--chat-ink:var(--font);--chat-muted:var(--muted);--chat-line:var(--border);position:fixed;z-index:10020;right:max(18px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));font-family:var(--site-font-family,inherit);color:var(--chat-ink)}
.contact-chat-widget.music-panel-open .contact-chat-launcher{display:none}
.contact-chat-launcher{position:relative;display:grid;place-items:center;width:60px;height:60px;border:0;border-radius:50%;background:var(--chat-accent);color:var(--on-primary,#fff);box-shadow:0 8px 24px color-mix(in srgb,var(--chat-accent) 30%,transparent);cursor:pointer;transition:transform .2s ease,background .2s ease}
.contact-chat-launcher:hover{transform:translateY(-2px)}.contact-launcher-default{display:grid;place-items:center;line-height:1}.contact-launcher-default svg{display:block;width:27px;height:27px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-launcher-close{display:none;font-size:29px;line-height:1}.contact-chat-widget.is-open .contact-launcher-default{display:none}.contact-chat-widget.is-open .contact-launcher-close{display:block}.contact-chat-launcher>i{position:absolute;right:2px;top:1px;width:11px;height:11px;border:2px solid var(--chat-surface);border-radius:50%;background:#ef4444}
.contact-chat-panel,.contact-chat-window{position:absolute;right:0;bottom:76px;width:min(350px,calc(100vw - 30px));overflow:hidden;border:1px solid color-mix(in srgb,var(--chat-line) 80%,transparent);border-radius:21px;background:var(--chat-surface);box-shadow:0 22px 70px rgba(0,0,0,.24);animation:contact-panel-in .2s ease both}.contact-chat-panel[hidden],.contact-chat-window[hidden]{display:none!important}@keyframes contact-panel-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.contact-chat-panel-head,.contact-chat-window-head{display:flex;align-items:center;gap:11px;padding:16px;background:var(--chat-accent);color:var(--on-primary,#fff)}.contact-chat-head-mark{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;background:color-mix(in srgb,var(--on-primary,#fff) 18%,transparent);font-size:20px}.contact-chat-panel-head>span:nth-child(2),.contact-chat-window-head>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.contact-chat-panel-head strong,.contact-chat-window-head strong{font-size:14px}.contact-chat-panel-head small,.contact-chat-window-head small{font-size:10px;opacity:.8}.contact-chat-panel-head>button,.contact-chat-window-head>button{display:grid;place-items:center;width:33px;height:33px;border:0;border-radius:50%;background:color-mix(in srgb,var(--on-primary,#fff) 14%,transparent);color:inherit;font-size:24px;line-height:1;cursor:pointer}.contact-chat-window-head small{display:flex;align-items:center;gap:5px}.contact-chat-window-head small i{width:6px;height:6px;border-radius:50%;background:#86efac}
.contact-chat-links{display:grid;padding:8px}.contact-chat-links>a,.contact-chat-open{display:flex;align-items:center;gap:11px;width:100%;padding:12px 10px;border:0;border-radius:13px;background:transparent;color:var(--chat-ink);text-decoration:none;text-align:left;cursor:pointer;transition:background .16s ease}.contact-chat-links>a:hover,.contact-chat-open:hover{background:color-mix(in srgb,var(--chat-accent) 8%,var(--chat-surface))}.contact-link-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;color:#fff;font-size:19px;font-weight:800}.contact-link-facebook{background:#1877f2}.contact-link-discord{background:#5865f2}.contact-link-admin{background:color-mix(in srgb,var(--chat-accent) 14%,var(--chat-surface));color:var(--chat-accent)}.contact-chat-links>a>span:nth-child(2),.contact-chat-open>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}.contact-chat-links strong{font-size:12px}.contact-chat-links small{color:var(--chat-muted);font-size:10px}.contact-chat-links b{color:var(--chat-muted);font-size:16px;font-weight:500}
.contact-chat-window{display:flex;flex-direction:column;height:min(520px,calc(100dvh - 125px));min-height:330px}.contact-chat-window-head{flex:none}.contact-chat-messages{display:flex;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:15px 13px;background:color-mix(in srgb,var(--chat-surface) 96%,var(--background))}.contact-chat-empty{display:grid;justify-items:center;align-content:center;gap:6px;flex:1;min-height:170px;text-align:center}.contact-chat-empty>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:5px;border-radius:16px;background:color-mix(in srgb,var(--chat-accent) 10%,var(--chat-surface));color:var(--chat-accent);font-size:23px}.contact-chat-empty strong{font-size:13px}.contact-chat-empty p{max-width:220px;margin:0;color:var(--chat-muted);font-size:10px;line-height:1.6}.contact-chat-bubble{display:grid;gap:4px;max-width:84%;padding:9px 11px;border-radius:14px 14px 14px 4px;background:var(--chat-raised);overflow-wrap:anywhere}.contact-chat-bubble.is-visitor{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--chat-accent);color:var(--on-primary,#fff)}.contact-chat-bubble p{margin:0;font-size:12px;line-height:1.55;white-space:pre-wrap}.contact-chat-bubble time{justify-self:end;font-size:9px;opacity:.65}.contact-chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 11px 6px;border-top:1px solid var(--chat-line);background:var(--chat-surface)}.contact-chat-compose textarea{flex:1;max-height:100px;min-height:38px;resize:vertical;padding:10px 11px;border:1px solid var(--chat-line);border-radius:12px;outline:none;background:var(--chat-surface);color:var(--chat-ink);font:inherit;font-size:12px}.contact-chat-compose textarea:focus{border-color:var(--chat-accent)}.contact-chat-compose button{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:12px;background:var(--chat-accent);color:var(--on-primary,#fff);font-size:17px;cursor:pointer}.contact-chat-compose button:disabled{opacity:.55;cursor:wait}.contact-chat-note{min-height:20px;margin:0;padding:3px 12px 8px;background:var(--chat-surface);color:var(--chat-muted);font-size:9px;text-align:center}
@media(max-width:767px){.contact-chat-widget{right:max(16px,env(safe-area-inset-right));bottom:0}.contact-chat-launcher{right:max(16px,env(safe-area-inset-right));bottom:calc(68px + env(safe-area-inset-bottom));width:57px;height:57px}.contact-chat-panel,.contact-chat-window{bottom:70px;width:min(370px,calc(100vw - 24px))}.contact-chat-window{height:min(560px,calc(100dvh - 108px))}.contact-chat-panel-head,.contact-chat-window-head{padding:14px}}
@media(prefers-reduced-motion:reduce){.contact-chat-panel,.contact-chat-window{animation:none}.contact-chat-launcher,.contact-chat-links>a,.contact-chat-open{transition:none}}

/* On phones the contact menu follows the supplied bottom-sheet reference. */
.contact-chat-backdrop { display:none; }
.contact-chat-head-mark svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.contact-chat-head-mark--logo { overflow:hidden; padding:4px; background:var(--chat-surface); color:var(--chat-accent); }
.contact-chat-head-mark--logo img { display:block; width:100%; height:100%; object-fit:contain; }
.contact-link-discord svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.contact-link-discord img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
@media(max-width:767px){
    body.contact-chat-active { overflow:hidden; }
    .contact-chat-backdrop:not([hidden]) { position:fixed; z-index:10010; inset:0; display:block; width:100%; height:100%; border:0; background:rgb(13 17 24 / .42); }
    .contact-chat-widget { inset:auto 0 0; width:100%; height:0; right:auto; bottom:0; pointer-events:none; }
    .contact-chat-launcher { position:absolute; z-index:10022; right:max(16px,env(safe-area-inset-right)); bottom:calc(68px + env(safe-area-inset-bottom)); width:57px; height:57px; pointer-events:auto; }
    .contact-chat-panel,.contact-chat-window { position:fixed; z-index:10021; right:0; bottom:0; left:0; width:100%; max-width:none; margin:0; overflow:hidden; border:1px solid var(--chat-line); border-bottom:0; border-radius:24px 24px 0 0; box-shadow:0 -14px 50px rgba(0,0,0,.16); pointer-events:auto; }
    .contact-chat-panel { display:flex; max-height:min(74dvh,590px); flex-direction:column; padding-bottom:env(safe-area-inset-bottom); animation:contact-sheet-in .28s cubic-bezier(.2,.8,.2,1) both; }
    .contact-chat-sheet-handle { display:block; width:42px; height:4px; flex:none; margin:9px auto 0; border-radius:999px; background:color-mix(in srgb,var(--chat-muted) 35%,var(--chat-line)); }
    .contact-chat-panel-head { flex:none; padding:17px 18px 13px; border-bottom:1px solid var(--chat-line); background:var(--chat-surface); color:var(--chat-ink); }
    .contact-chat-panel-head .contact-chat-head-mark { background:color-mix(in srgb,var(--chat-accent) 12%,var(--chat-surface)); color:var(--chat-accent); }
    .contact-chat-panel-head>button { background:var(--chat-raised); color:var(--chat-ink); }
    .contact-chat-panel-head strong { font-size:16px; }
    .contact-chat-panel-head small { color:var(--chat-muted); opacity:1; font-size:11px; }
    .contact-chat-links { overflow-y:auto; padding:8px 12px 13px; }
    .contact-chat-links>a,.contact-chat-open { min-height:65px; padding:11px 8px; }
    .contact-link-icon { width:42px; height:42px; border:1px solid color-mix(in srgb,var(--chat-line) 80%,transparent); border-radius:12px; }
    .contact-chat-links strong { font-size:14px; }
    .contact-chat-links small { font-size:11px; }
    .contact-chat-window { height:min(84dvh,720px); min-height:min(440px,82dvh); padding-bottom:env(safe-area-inset-bottom); animation:contact-sheet-in .28s cubic-bezier(.2,.8,.2,1) both; }
    .contact-chat-window-head { min-height:72px; padding:12px 15px; }
    .contact-chat-window-head strong { font-size:15px; }
    .contact-chat-messages { padding:16px 14px; }
    .contact-chat-bubble p { font-size:14px; }
    .contact-chat-compose { padding:11px 13px 6px; }
    .contact-chat-compose textarea { min-height:45px; font-size:14px; }
    .contact-chat-compose button { width:44px; height:44px; }
    .contact-chat-note { padding-bottom:10px; font-size:10px; }
    .contact-chat-widget.is-chatting .contact-chat-launcher { display:none; }
}
@keyframes contact-sheet-in { from { opacity:.75; transform:translateY(100%); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce){.contact-chat-panel,.contact-chat-window{animation:none!important}}
.contact-chat-bubble.is-bot { border:1px solid color-mix(in srgb,var(--chat-accent) 20%,var(--chat-line)); }
.contact-chat-bot-label,.chat-admin-bot-label { color:var(--chat-accent); font-size:9px; font-weight:750; }