#visitor-social{position:fixed;inset:0;z-index:18;pointer-events:none;color:#2b443a;font-family:inherit}.social-actions{position:absolute;width:174px;transform:translate(-50%,-100%);pointer-events:auto;background:rgba(255,253,247,.94);border:1px solid #d8ddce;border-radius:12px;padding:6px}.social-name{display:block;font-size:11px;font-weight:600;text-align:center;max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.social-actions>div{display:flex;justify-content:center;gap:4px}.social-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:8px;background:transparent;color:#365b47;width:54px;min-height:44px;padding:3px 0;cursor:pointer;font:inherit}.social-actions button span{font-size:11px}.social-actions svg,.social-effect svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.social-actions .social-close{position:absolute;top:-13px;right:-13px;width:44px;height:44px;min-height:44px;padding:10px;border-radius:50%;background:transparent}.social-actions .social-close svg{width:24px;height:24px;padding:3px;border-radius:50%;box-sizing:border-box;background:#fffdf7;border:1px solid #d8ddce}.social-actions .social-close:hover{background:transparent}.social-actions .social-close:hover svg{background:#e6eedf}.social-actions button:hover{background:#e6eedf}.social-actions button:disabled,.hug-invitation button:disabled{opacity:.5;cursor:wait}.social-actions button:focus-visible,.hug-invitation button:focus-visible{outline:3px solid #b8772c;outline-offset:2px}.hug-invitation{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:min(330px,calc(100% - 32px));pointer-events:auto;padding:14px 16px;background:#fffdf7;border:1px solid #d8ddce;border-radius:12px}.hug-invitation p{margin:0 0 10px;font-size:14px;overflow-wrap:anywhere}.hug-invitation>div{display:flex;gap:8px}.hug-invitation button{flex:1;min-height:40px;border:1px solid #bbc9b8;border-radius:7px;background:transparent;color:#365b47;font:inherit;font-size:13px;cursor:pointer}.hug-invitation button[data-reply=accept]{background:#365b47;color:#fffdf7;border-color:#365b47}.hug-invitation button:hover{filter:brightness(.94)}.social-effect{position:absolute;transform:translate(-50%,-50%);color:#bc685b}.social-effect svg{width:30px;height:30px;fill:#fff3e7;stroke-width:1.6}#visitor-social [hidden]{display:none!important}@media(max-width:600px){.social-actions{width:174px;padding:6px}.social-actions button[data-social]{width:54px}.social-actions button span{font-size:11px}.hug-invitation{top:68px}}@media(prefers-reduced-motion:no-preference){.social-actions button{transition:background-color 150ms ease-out}}
#visitor-social .social-say-toggle{position:absolute;right:16px;bottom:242px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;box-sizing:border-box;padding:0;border:0;border-radius:12px;background:var(--hud-surface,#fffdf766);color:var(--ink,#2b443a);font:inherit;pointer-events:auto;cursor:pointer}.social-say-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.social-say-toggle[aria-expanded=true]{background:#e5ecdd}.social-presets{position:absolute;right:16px;bottom:294px;width:min(252px,calc(100vw - 28px));max-height:calc(100dvh - 310px);overflow:auto;padding:8px;background:#fffaf0fa;border:1px solid #d8c8a9;border-radius:13px;pointer-events:auto;box-shadow:0 6px 24px #20150933}.social-presets-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 0 5px 7px;font-size:12px}.social-presets-heading button{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#4e5945;font-size:24px;cursor:pointer}.social-preset-list{display:grid;gap:3px}.social-preset-list button{min-height:40px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#3e5141;text-align:left;font:inherit;font-size:13px;line-height:1.4;cursor:pointer}.social-preset-list button:hover,.social-presets-heading button:hover{background:#e9eddf}.social-preset-list button:disabled{opacity:.5;cursor:wait}.social-say-toggle:focus-visible,.social-presets button:focus-visible{outline:3px solid #b8772c;outline-offset:2px}.social-speech{position:absolute;transform:translate(-50%,-100%);max-width:min(240px,calc(100vw - 24px));padding:9px 13px;border:1px solid #d8c8a9;border-radius:13px 13px 13px 3px;background:#fff8eefa;color:#3e5141;font-size:13px;font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere;box-shadow:0 3px 12px #20150922}.social-comfort{position:absolute;transform:translate(-50%,-50%);padding:3px 8px;border:1px solid #d9c49c;border-radius:20px;background:#fff0d4e8;color:#68523a;font-size:10px;line-height:1.4;white-space:nowrap}@media(max-width:600px){#visitor-social .social-say-toggle,.social-presets{right:14px}.social-speech{font-size:12px}}
.social-target{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;padding:0;border:0;border-radius:50%;background:transparent;color:#5a6145;font-family:inherit;font-size:16px;font-weight:700;line-height:1;pointer-events:auto;cursor:pointer}.social-target:active{transform:translate(-50%,-50%)}.social-target span{display:grid;place-items:center;width:24px;height:24px;box-sizing:border-box;padding-bottom:5px;border:1px solid #d2b578;border-radius:50%;background:#fff6e8d9;box-shadow:0 2px 6px #1f170b24;letter-spacing:1px;pointer-events:none}.social-target:hover span,.social-target[aria-expanded=true] span{background:#f4e4be;border-color:#a9803c}.social-target:focus-visible{outline:none}.social-target:focus-visible span{outline:3px solid #b8772c;outline-offset:3px}