.home-support{position:fixed;bottom:24px;right:24px;z-index:110}
.home-support-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:0;color:#f5edfb;border:1px solid #a37bc138;border-radius:18px;background:#282130;box-shadow:0 8px 25px #0004;cursor:pointer}
.home-support-toggle svg{width:24px;height:24px}
.home-support-toggle::after{content:"";position:absolute;right:1px;top:1px;width:10px;height:10px;background:#a4d0b0;border:2px solid #282130;border-radius:50%}
.home-support-toggle:hover{filter:brightness(1.12)}
.home-support-vertical{position:absolute;bottom:calc(100% + 12px);right:0;width:98px;padding:12px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#302638,#211c29);border:1px solid #ffffff10;border-radius:23px;box-shadow:0 18px 45px #0004}
.home-support-vertical[hidden]{display:none}
.home-support-channel{height:64px;width:100%;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff04;border:1px solid #ffffff0c;border-radius:15px;opacity:1}
.home-support-channel img{width:36px;height:36px}
.home-support-channel:disabled{cursor:default}
.home-support-toggle:focus-visible{outline:2px solid #c3a0dd;outline-offset:4px}
@media(max-width:620px){.home-support{bottom:16px;right:16px}.auth-page .auth{padding-bottom:100px}}

/* Keep support subtle until the visitor interacts with it. */
.home-support-toggle{opacity:.65;transition:opacity .2s ease,filter .2s ease}
.home-support:hover .home-support-toggle,.home-support:focus-within .home-support-toggle,.home-support-toggle[aria-expanded="true"]{opacity:1}
@media(prefers-reduced-motion:reduce){.home-support-toggle{transition:none}}