.facebook-follow{display:flex;align-items:center;gap:15px;width:100%;max-width:400px;padding:18px 19px;margin-top:28px;border:1px solid #72a8ff;border-radius:16px;background:linear-gradient(120deg,#0866ff,#104da8);color:#fff;box-shadow:0 9px 26px #0866ff24;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s}
.facebook-follow:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:35%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff1f,transparent);animation:facebookShine 12s ease-in-out infinite;z-index:-1}
.facebook-mark{width:45px;height:45px;border-radius:50%;background:#fff;color:#0866ff;display:grid;place-items:center;position:relative;flex-shrink:0}.facebook-mark .icon{width:33px;height:33px}.facebook-mark:after{content:'';position:absolute;inset:-5px;border:1px solid #ffffff5c;border-radius:50%;animation:facebookRing 4.5s ease-out infinite}.facebook-follow-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.facebook-follow-copy small{font-size:8px;letter-spacing:1.7px;color:#d5e8ff}.facebook-follow-copy strong{font-size:17px;font-weight:600;line-height:1.4}.facebook-follow-copy>span{font-size:10px;line-height:1.6;color:#e1edff}.facebook-follow>.icon{margin-left:auto;width:20px;height:20px;flex-shrink:0}.facebook-follow:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0866ff3a}.facebook-follow:focus-visible{outline:3px solid #0866ff;outline-offset:5px}.footer-facebook{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#daeaff;margin-top:20px;padding:9px 0}.footer-facebook>.icon{width:19px;height:19px}.footer-facebook>.icon:last-child{width:14px;height:14px;transition:transform .25s}.footer-facebook:hover>.icon:last-child{transform:translateX(4px)}.dock-facebook{background:#0866ff;color:#fff;border-radius:32px;text-decoration:none}.dock-facebook:hover{background:#0754d2}.dock-chat{position:relative}.chat-dock-status{position:absolute;right:11px;top:6px;width:9px;height:9px;border-radius:50%;background:#87949a;border:2px solid #fff;box-sizing:content-box}.dock-chat[data-availability=online] .chat-dock-status{background:#16885c}.dock-chat[data-availability=reconnecting] .chat-dock-status{background:#cf443e}
.chat-online.chat-presence{font-size:12px;line-height:1.6;gap:8px;min-height:24px;color:#657773;align-items:center}.chat-presence>i{height:9px;width:9px;min-width:9px;border-radius:50%;background:#87949a;display:block;box-shadow:0 0 0 4px #87949a12}.chat-presence.online>i{background:#16885c;box-shadow:0 0 0 4px #16885c14;animation:chatPresencePulse 3.5s ease-in-out infinite}.chat-presence.reconnecting>i{background:#cf443e;box-shadow:0 0 0 4px #cf443e15}.chat-presence.reconnecting{color:#a93c36}.chat-presence.offline{color:#697980}.chat-peer-typing{display:flex;gap:9px;align-items:center;min-height:27px;margin:2px 5px 6px;color:#29755b;font-size:11px;line-height:1.5}.chat-peer-typing[hidden]{display:none}.chat-typing-dots{display:inline-flex;gap:4px;align-items:center;padding:8px 10px;border-radius:14px;background:#edf4ee}.chat-typing-dots i{height:5px;width:5px;border-radius:50%;background:#29755b;animation:chatTyping .95s ease-in-out infinite}.chat-typing-dots i:nth-child(2){animation-delay:.15s}.chat-typing-dots i:nth-child(3){animation-delay:.3s}.chat-project-state{display:flex;align-items:center;gap:5px;font-size:10px;color:#71807a;margin-top:5px}.chat-project-state:before{content:'';width:6px;height:6px;display:block;border-radius:50%;background:#87949a}.chat-project-state.online:before{background:#16885c}.admin-body .chat-online.chat-presence{font-size:12px}.admin-body .chat-peer-typing{font-size:11px}
@keyframes facebookShine{0%,65%{left:-70%}90%,100%{left:145%}}@keyframes facebookRing{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.1);opacity:.8}}@keyframes chatTyping{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}@keyframes chatPresencePulse{0%,100%{box-shadow:0 0 0 4px #16885c14}50%{box-shadow:0 0 0 6px #16885c08}}
@media(max-width:600px){.floating-dock{grid-template-columns:repeat(5,minmax(0,1fr))}.dock-facebook{border-radius:8px}.dock-facebook>span{font-size:8px}.chat-dock-status{right:calc(50% - 17px);top:2px;width:7px;height:7px;border-width:1.5px}.facebook-follow{padding:17px 14px;gap:12px;margin-top:22px;border-radius:13px}.facebook-follow-copy strong{font-size:16px}.facebook-follow-copy>span{font-size:11px}.facebook-follow-copy small{font-size:8px;letter-spacing:1.1px}.facebook-mark{width:39px;height:39px}.facebook-mark .icon{width:29px;height:29px}.facebook-follow>.icon{width:17px;height:17px}.chat-online.chat-presence{font-size:11px}.chat-peer-typing{font-size:11px}.chat-form textarea{font-size:16px}.chat-form button{min-width:48px}.footer-facebook{font-size:11px;align-items:flex-start}.footer-facebook>.icon:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.facebook-follow:after,.facebook-mark:after{animation:none}.chat-typing-dots i,.chat-presence.online>i{animation:none}}