.support-widget{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:90;font-family:inherit;font-size:14px;line-height:1.5;color:#172337}
.support-widget *{box-sizing:border-box}
.support-toggle{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-left:auto;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#26a9e0;color:#fff;box-shadow:0 6px 24px #0004;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}
.support-widget .support-toggle svg,.support-widget .support-telegram-link svg{width:28px;height:28px;fill:currentColor;stroke:none;flex:none}
.support-toggle:hover{background:#1498d1;transform:translateY(-2px);box-shadow:0 8px 28px #139cda40}
.support-toggle:active{transform:translateY(0)}
.support-panel{position:absolute;right:0;bottom:76px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 124px - env(safe-area-inset-bottom));overflow:auto;border:1px solid #ffffff24;border-radius:18px;background:#f0f4f8;box-shadow:0 16px 56px #0006;animation:support-reveal .18s ease-out;transform-origin:bottom right}
.support-panel[hidden]{display:none}
.support-panel-header{display:flex;align-items:center;gap:12px;padding:18px;background:#26a9e0;color:#fff}
.support-avatar{width:48px;height:48px;flex:none;padding:5px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff25;overflow:hidden}
.support-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.support-heading{min-width:0;flex:1}
.support-heading h2{margin:0;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:.2px;color:#fff;text-align:left}
.support-heading p{margin:3px 0 0;font-size:13px;color:#f2fbff}
.support-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;flex:none;border:0;border-radius:9px;background:transparent;color:#fff;cursor:pointer}
.support-widget .support-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.support-close:hover{background:#ffffff24}
.support-conversation{padding:20px 16px 32px}
.support-message{padding:16px;background:#fff;border:1px solid #e7ecf2;border-radius:4px 16px 16px 16px;box-shadow:0 2px 3px #14223408}
.support-message p{margin:0;color:#283648;font-size:14px;line-height:1.55}
.support-message p+p{margin-top:10px}
.support-message span{display:block;margin-top:12px;font-size:11px;color:#8190a0}
.support-panel-footer{padding:14px;background:#fff;border-top:1px solid #e7ecf2}
.support-telegram-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px;border-radius:10px;background:#26a9e0;color:#fff;text-decoration:none;font-size:14px;font-weight:650;transition:background .18s}
.support-widget .support-telegram-link svg{width:20px;height:20px}
.support-telegram-link:hover{background:#1498d1;color:#fff}
.support-widget button:focus-visible,.support-telegram-link:focus-visible{outline:3px solid #8be1ff;outline-offset:3px}
@keyframes support-reveal{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.support-widget{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.support-toggle{width:56px;height:56px}.support-panel{bottom:70px;max-height:calc(100dvh - 108px - env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.support-panel{animation:none}.support-toggle,.support-telegram-link{transition:none}}