.relaySupportWidget{position:fixed;z-index:10000;right:22px;bottom:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f5f8}
.relaySupportButton{width:58px;height:58px;display:grid;place-items:center;padding:0;border:1px solid #ffffff38;border-radius:50%;background:linear-gradient(145deg,#fb4652,#a81021);box-shadow:0 9px 30px #0008,0 0 25px #ed263c55;cursor:pointer;transition:transform .2s,box-shadow .2s}
.relaySupportButton:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 34px #0009,0 0 30px #ed263c88}
.relaySupportButton img{width:38px;height:38px;object-fit:contain;border-radius:50%}
.relaySupportPrompt{position:absolute;right:0;bottom:70px;width:max-content;max-width:min(280px,calc(100vw - 36px));padding:11px 14px;border:1px solid #ffffff20;border-radius:14px;background:#171923;color:#f5f5f8;box-shadow:0 10px 32px #0009;font-size:13px;line-height:1.45;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s}
.relaySupportPrompt:after{content:"";position:absolute;right:20px;bottom:-6px;width:10px;height:10px;background:#171923;border-right:1px solid #ffffff20;border-bottom:1px solid #ffffff20;transform:rotate(45deg)}
.relaySupportWidget.prompt-visible .relaySupportPrompt{opacity:1;transform:translateY(0);pointer-events:auto}
.relaySupportWindow{position:absolute;right:0;bottom:72px;width:min(380px,calc(100vw - 28px));height:min(570px,calc(100dvh - 115px));min-height:390px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#11131c;box-shadow:0 20px 70px #000b;opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom right;pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.relaySupportWidget.open .relaySupportWindow{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}
.relaySupportWindowHeader{height:62px;flex:none;display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #ffffff12;background:linear-gradient(110deg,#241216,#151722)}
.relaySupportWindowHeader img{width:36px;height:36px;object-fit:contain;border-radius:50%}.relaySupportWindowTitle{min-width:0;flex:1}.relaySupportWindowTitle strong{display:block;font-size:13px}.relaySupportWindowTitle span{display:flex;align-items:center;gap:6px;margin-top:3px;color:#aeb4c5;font-size:11px}.relaySupportOnline{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade8088}
.relaySupportClose{width:32px;height:32px;border:0;border-radius:9px;background:#ffffff0d;color:#e7e8ee;font-size:20px;cursor:pointer}.relaySupportFrame{width:100%;height:calc(100% - 62px);flex:1;border:0;background:#0e1018}
@media(max-width:480px){.relaySupportWidget{right:14px;bottom:14px}.relaySupportButton{width:54px;height:54px}.relaySupportWindow{right:-4px;bottom:66px;width:calc(100vw - 20px);height:min(620px,calc(100dvh - 95px));min-height:360px}}
@media(prefers-reduced-motion:reduce){.relaySupportButton,.relaySupportPrompt,.relaySupportWindow{transition:none}}
.relaySupportWidget{right:24px;bottom:24px}
.relaySupportButton{position:relative;width:60px;height:60px;border:1px solid #ffffff48;background:radial-gradient(circle at 30% 20%,#ff7780 0,#ed3444 43%,#961626 100%);box-shadow:0 12px 32px #0009,0 0 0 5px #ed34441a,0 0 28px #ed263c55}
.relaySupportButton:before{content:"";position:absolute;inset:-5px;border:1px solid #ff5a6655;border-radius:50%;animation:relaySupportHalo 3s ease-out infinite;pointer-events:none}
.relaySupportButton img{width:41px;height:41px;filter:drop-shadow(0 2px 3px #4b071299)}
.relaySupportPrompt{display:flex;align-items:center;gap:9px;padding:12px 15px;border-color:#ffffff24;background:linear-gradient(145deg,#1b1d28,#12141c);font-weight:650;cursor:pointer}
.relaySupportPrompt:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#fb5964;box-shadow:0 0 11px #fb596488}
.relaySupportPrompt:after{background:#12141c}
.relaySupportWindow{width:min(400px,calc(100vw - 28px));height:min(610px,calc(100dvh - 112px));min-height:400px;border-color:#ffffff22;border-radius:20px;background:#0e1017;box-shadow:0 24px 80px #000c,0 0 45px #e72b3a16}
.relaySupportWindow:before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#fc6670,#d91f32 52%,transparent)}
.relaySupportWindowHeader{height:72px;padding:12px 14px;background:linear-gradient(115deg,#21151b,#141620 72%)}
.relaySupportAvatar{width:42px;height:42px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid #ff697044;border-radius:13px;background:linear-gradient(145deg,#35171e,#171820)}
.relaySupportWindowHeader .relaySupportAvatar img{width:37px;height:37px;object-fit:contain}
.relaySupportWindowTitle strong{font-size:14px;letter-spacing:.01em}
.relaySupportWindowTitle span{color:#9ba2b4;font-size:10px}
.relaySupportOnline{width:7px;height:7px;background:#fb5964;box-shadow:0 0 8px #fb596477}
.relaySupportClose{width:34px;height:34px;border:1px solid #ffffff0c;border-radius:11px;background:#ffffff0a;color:#dce0ea;font-size:21px;transition:background .15s,transform .15s}
.relaySupportClose:hover{transform:rotate(90deg);background:#ffffff16}
.relaySupportButton:focus-visible,.relaySupportClose:focus-visible,.relaySupportPrompt:focus-visible{outline:2px solid #ff8890;outline-offset:3px}
.relayPageLoader{position:fixed;z-index:99990;inset:0;display:grid;place-items:center;padding:20px;background:rgba(7,8,13,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.relayPageLoader.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.relayPageLoaderCard{position:relative;display:grid;justify-items:center;gap:9px;width:min(270px,calc(100vw - 40px));padding:30px 26px 24px;overflow:hidden;border:1px solid rgba(255,91,103,.25);border-radius:22px;background:linear-gradient(145deg,rgba(24,19,26,.98),rgba(13,15,22,.98));box-shadow:0 22px 80px rgba(0,0,0,.5),0 0 48px rgba(230,43,57,.11);color:#f7f3f5}
.relayPageLoaderMark{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-bottom:4px;overflow:hidden;border:1px solid rgba(255,91,103,.34);border-radius:50%;background:#171216;box-shadow:0 0 24px rgba(237,52,68,.16)}
.relayPageLoaderMark img{width:70px;height:70px;object-fit:contain;transform:scale(1.12);filter:drop-shadow(0 0 10px rgba(255,58,72,.32))}
.relayPageLoaderOrbit{position:absolute;top:23px;width:92px;height:92px;border:1px solid rgba(255,91,103,.24);border-top-color:#ff6570;border-radius:50%;animation:relayPageLoaderSpin 1.8s linear infinite}
.relayPageLoaderCard>strong{font-size:17px;font-weight:850;letter-spacing:.05em}
.relayPageLoaderText{color:#aaa4ae;font-size:12px}
.relayPageLoaderTrack{position:relative;width:100%;height:4px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}
.relayPageLoaderTrack i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a91828,#ff6570);box-shadow:0 0 10px rgba(255,71,84,.42);animation:relayPageLoaderFill 1.1s cubic-bezier(.45,0,.35,1) 1 forwards}
@keyframes relayPageLoaderSpin{to{transform:rotate(360deg)}}
@keyframes relayPageLoaderFill{0%{width:0;opacity:.7}72%{width:78%;opacity:1}100%{width:100%;opacity:.9}}
@keyframes relaySupportHalo{0%{transform:scale(.93);opacity:.6}75%,100%{transform:scale(1.3);opacity:0}}
@media(max-width:480px){.relaySupportWidget{right:16px;bottom:16px}.relaySupportButton{width:56px;height:56px}.relaySupportWindow{right:-3px;bottom:70px;width:calc(100vw - 24px);height:min(640px,calc(100dvh - 100px));min-height:370px}}
@media(prefers-reduced-motion:reduce){.relaySupportButton:before,.relayPageLoaderOrbit,.relayPageLoaderTrack i{animation:none}.relayPageLoaderOrbit{border-color:rgba(255,91,103,.42);border-top-color:#ff6570}.relayPageLoaderTrack i{width:100%}}
