body .support-dock{display:flex;flex-direction:row;align-items:center;gap:10px;position:fixed;right:24px;bottom:24px;z-index:1100}
body .support-launch{display:grid;place-items:center;width:52px;height:52px;padding:13px;border:1px solid #aa7cd566;border-radius:50%;background:#76509c;color:#fff;box-shadow:0 6px 30px #0006;cursor:pointer}
.support-launch svg{width:24px;height:24px}
dialog.support-widget{position:fixed;inset:auto 24px 88px auto;margin:0;width:390px;max-width:calc(100vw - 24px);height:620px;max-height:calc(100dvh - 112px);padding:0;border:1px solid #a985c24d;border-radius:18px;background:#16121d;color:#ede6f4;box-shadow:0 20px 70px #0009;font:14px/1.5 system-ui;z-index:1101;overflow:hidden}
dialog.support-widget[open]{display:flex;flex-direction:column}
.support-widget [hidden]{display:none!important}
.support-widget *{box-sizing:border-box}
.support-widget button,.support-widget input,.support-widget select,.support-widget textarea{font:inherit;color:inherit}
.support-widget button{cursor:pointer;border:1px solid #b794d32b;border-radius:8px;background:#30223f;padding:9px 12px;margin:0;width:auto}
.support-widget button:hover{background:#48305d}
.support-widget button:disabled{opacity:.5;cursor:wait}
.support-widget :is(button,a,input,select,textarea):focus-visible{outline:2px solid #cda5ec;outline-offset:2px}
.support-widget-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #ffffff10;background:#21192b}
.support-widget-heading strong{font-size:16px}.support-widget-heading small{display:block;color:#b8a9c5;font-size:12px}
.support-widget-heading button{border:0;background:transparent;font-size:24px;padding:0 8px}
.support-widget-toolbar{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #ffffff0d}
.support-widget-toolbar button{font-size:12px;padding:6px 10px}
.support-widget [data-support-content],.support-widget [data-support-intake]{overflow:auto;flex:1;padding:16px;min-height:0}
.support-widget label{display:grid;gap:5px;margin:0 0 12px;font-size:12px;color:#c5b6d2}
.support-widget :is(input,textarea,select){width:100%;padding:9px 10px;background:#211b29;border:1px solid #b594cc38;border-radius:8px;min-height:38px;margin:0}
.support-widget textarea{resize:vertical}
.support-widget [data-support-intake] p{font-size:11px;color:#a99ab8;line-height:1.6}
.support-widget [data-support-intake]>button{background:#8055a8;width:100%}
.support-widget [data-support-conversation]{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.support-widget [data-support-notice]{font-size:11px;margin:0;padding:10px 16px;color:#bfaace;border-bottom:1px solid #ffffff0b}
.support-widget [data-support-messages]{flex:1;min-height:0;overflow:auto;padding:16px;scrollbar-width:thin}
.support-bubble{padding:11px 12px;margin:0 0 12px;background:#28202f;border-radius:12px;max-width:92%;overflow-wrap:anywhere}
.support-bubble[data-source=customer]{margin-left:auto;background:#38264b}
.support-bubble strong{font-size:11px;color:#d6b7ed}.support-bubble p{margin:5px 0;white-space:pre-wrap;font-size:13px}
.support-bubble small{display:block;font-size:10px;color:#ae9dbb}.support-bubble a{display:block;color:#d8b3f4}
.support-widget [data-support-reply]{display:flex;gap:8px;padding:12px;border-top:1px solid #ffffff10;align-items:end}
.support-widget [data-support-reply] textarea{resize:none;min-height:48px;max-height:100px}
.support-widget [data-support-reply] button{background:#8055a8}
.support-widget [data-support-status]{font-size:12px;color:#e4c6f7;margin:0;padding:0 16px}
.support-widget [data-support-status]:not(:empty){padding:10px 16px}
.support-widget-footer{display:flex;justify-content:space-between;gap:8px;padding:12px 16px;font-size:10px;color:#a392b3;border-top:1px solid #ffffff10}
.support-widget-footer a{color:#c6a4e3}.support-widget .support-ticket{display:block;width:100%;text-align:left;margin-bottom:8px;overflow-wrap:anywhere}
.support-signed-out{padding:24px;flex:1}.support-signed-out a{color:#d8b3f4}
@media(max-width:520px){body .support-dock{right:12px;bottom:12px}dialog.support-widget{right:12px;bottom:76px;max-height:calc(100dvh - 90px)}.support-widget :is(input,textarea,select){font-size:16px}}

body .support-dock a.support-discord{display:grid;place-items:center;box-sizing:border-box;width:52px;height:52px;padding:13px;border:1px solid #9198ff66;border-radius:50%;background:#5865f2;color:#fff;box-shadow:0 6px 30px #0006;text-decoration:none}body .support-dock a.support-discord svg{width:24px;height:24px}body .support-dock a.support-discord:hover{background:#4752c4}body .support-dock :is(.support-launch,.support-discord):focus-visible{outline:3px solid #dac0ee;outline-offset:3px}

/* One compact dock replaces the page-wide footer and separate floating actions. */
body .support-dock{inset:auto 20px max(16px,env(safe-area-inset-bottom)) auto;display:flex;gap:8px;padding:8px 10px;max-width:calc(100vw - 24px);border:1px solid #ffffff25;border-radius:18px;background:#17141ff5;box-shadow:0 8px 32px #0008;backdrop-filter:blur(14px);z-index:1100}
body .support-dock .dock-brand{display:grid;place-items:center;width:32px;flex:0 0 32px;margin:0;padding:0;border:0;background:none}
.dock-brand img{display:block;max-width:24px;height:24px;object-fit:contain}
body .support-dock .dock-links{display:flex;align-items:center;gap:12px;margin:0;padding:0;background:none;border:0;position:static;max-height:none}
body .support-dock .dock-links a{font-size:11px;color:#bcb2c9;line-height:1.4;white-space:nowrap;padding:8px 0}
body .support-dock .dock-links a:hover{color:white}
.dock-divider{width:1px;align-self:stretch;margin:4px 2px;background:#ffffff20}
body .support-dock :is(.support-launch,.support-discord){position:static;display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;margin:0;padding:10px;border-radius:12px;box-shadow:none}
body .support-dock :is(.support-launch,.support-discord) svg{width:21px;height:21px;margin:0}
body .support-dock a:focus-visible,body .support-dock button:focus-visible{outline:2px solid #c99ced;outline-offset:3px}
body:has(.support-dock){padding-bottom:100px}
@media(max-width:600px){body .support-dock{right:12px;gap:6px;padding:7px 8px}.support-dock .dock-long{display:none}body .support-dock .dock-links{gap:10px}body .support-dock .dock-brand{width:26px;flex-basis:26px}body .support-dock .dock-links a{font-size:11px}.dock-divider{margin-inline:0}}

/* Keep the footer compact; chat and Discord float until the complete footer is visible. */
.site-footer{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:18px;width:calc(100% - 40px);max-width:1120px;min-height:60px;margin:16px auto 0;padding:8px 0;border-top:1px solid #ffffff16;background:none}.site-footer .footer-brand{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;text-decoration:none}.footer-brand img{object-fit:contain}.site-footer .footer-links{position:static;display:flex;gap:18px;margin:0;padding:0;border:0;background:none}.footer-links a{font-size:12px;color:#aaa3b5;white-space:nowrap}.footer-support-slot{display:flex;justify-content:flex-end;align-items:center;min-width:108px;height:44px}body .support-dock{width:auto;gap:8px;padding:7px;background:#17141ff5}body .support-dock.support-dock-inline{position:static;inset:auto;box-shadow:none;border:0;background:none;padding:0;max-width:none}body:has(.site-footer){padding-bottom:0}.site-footer .support-dock :is(.support-launch,.support-discord){width:42px;height:42px;min-width:42px;min-height:42px}.site-footer .support-dock a.support-discord{flex-basis:42px}
@media(max-width:600px){.site-footer{width:calc(100% - 32px);display:grid;grid-template-columns:1fr auto;gap:2px 12px;min-height:64px;padding:6px 0}.site-footer .footer-links{grid-row:2;gap:14px}.footer-support-slot{grid-column:2;grid-row:1 / 3;min-width:100px}.site-footer .footer-links a{font-size:11px}}
body .support-dock a.support-discord{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:10px;box-sizing:border-box}body .support-dock a.support-discord svg{display:block;width:22px;height:22px;max-width:100%;max-height:100%;margin:0;flex-shrink:0}body .support-dock .support-launch{width:44px;height:44px;min-width:44px;min-height:44px;box-sizing:border-box}

.support-ticket-row{display:flex;gap:8px;align-items:center;min-width:0;margin:8px 0}.support-ticket-row .support-ticket{flex:1;min-width:0;margin:0;text-align:left;overflow-wrap:anywhere}.support-widget .support-ticket-delete{display:grid;place-items:center;flex:0 0 38px;width:38px;min-width:38px;height:38px;padding:8px;margin:0;color:#b5a7c4;background:transparent;border:1px solid #ffffff18;border-radius:8px}.support-widget .support-ticket-delete:hover{color:#ffbdc5;background:#e9587014;border-color:#e9587050}.support-ticket-delete svg{display:block;width:18px;height:18px}.support-widget-footer>span{max-width:240px;text-align:right;line-height:1.5}

body .support-launch>img{display:block;width:24px;height:24px;max-width:100%;max-height:100%;object-fit:contain}.support-widget-heading strong{display:flex;align-items:center;gap:8px}.support-widget-heading strong>.status-artwork{width:20px;height:20px;flex:0 0 20px;object-fit:contain}

.support-widget .support-ticket{display:flex;align-items:center;gap:9px}.support-ticket>img{width:20px;height:20px;object-fit:contain;flex:none}.support-ticket>span{min-width:0;overflow-wrap:anywhere}

/* Keep both floating contact controls black while preserving their artwork. */
body .support-dock{background:#000;border-color:#ffffff1c}
body .support-dock :is(.support-launch,a.support-discord),body .support-dock :is(.support-launch,a.support-discord):hover{background:#000;color:#fff;border:1px solid #ffffff26;box-shadow:none}
body .support-dock :is(.support-launch,a.support-discord)>img.button-icon{background:transparent;padding:0;border-radius:0;filter:none;width:24px;height:24px;object-fit:contain}
body .support-dock.support-dock-inline{background:transparent}
