.social-footer{border-top:1px solid #2d3b32;padding:24px 0 115px;font:11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#9aac9f}.social-footer a{color:inherit;text-decoration:none}.social-dock{position:fixed;bottom:22px;right:22px;z-index:100;display:flex;align-items:center;gap:13px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.social-toggle{width:58px;height:58px;border:1px solid #d6cec2;border-radius:50%;background:#ebe7e1;color:#3d3831;box-shadow:0 8px 32px #0006;display:grid;place-items:center;cursor:pointer}.social-toggle svg{width:25px;height:25px}.social-callout{position:relative;background:#ebe7e1;color:#3d3831;max-width:230px;border-radius:12px;box-shadow:0 5px 25px #0003}.social-callout::after{content:'';width:10px;height:10px;position:absolute;right:-5px;top:50%;background:#ebe7e1;transform:translateY(-50%) rotate(45deg)}.social-callout>button:first-child{position:relative;z-index:1;background:none;border:0;color:inherit;padding:13px 31px 13px 15px;font-size:12px;cursor:pointer;line-height:1.5;text-align:left}.social-callout strong{font-weight:550}.social-callout small{display:block;opacity:.7;font-size:10px;margin-top:3px}.social-dismiss{position:absolute;right:8px;top:5px;border:0;background:none;color:#71695f;cursor:pointer;font-size:17px}.social-panel{position:absolute;right:0;bottom:75px;width:306px;max-width:calc(100vw - 36px);padding:22px;background:#18241d;border:1px solid #496650;border-radius:16px;box-shadow:0 15px 50px #0009;color:#e4ece6}.social-panel h2{font-size:19px;font-weight:500;margin:0 0 7px;letter-spacing:-.3px}.social-panel p{font-size:12px;line-height:1.7;color:#a8bdae;margin:0 0 19px}.social-panel .panel-close{position:absolute;top:8px;right:10px;font-size:20px;border:0;background:none;color:#a8bdae;cursor:pointer}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-links a{border:1px solid #42594a;background:#1d3023;border-radius:10px;padding:15px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:#e7f1e9;font-size:10px}.social-links a:hover{border-color:#39ff7a;background:#253f2d}.social-links svg{width:24px;height:24px}.social-panel .coffee-small{display:block;border-top:1px solid #304638;padding-top:14px;margin-top:18px;color:#8ba793;font-size:10px;text-align:center;text-decoration:none}.social-panel .coffee-small:hover{color:#dcebdd}.social-dock button:focus-visible,.social-dock a:focus-visible{outline:2px solid #e0ffea;outline-offset:4px}.social-dock [hidden]{display:none!important}.social-preview-note{font-size:10px;color:#769982;text-align:center;margin:10px 0 0}@media(max-width:400px){.social-dock{right:16px;bottom:16px;gap:10px}.social-callout{max-width:220px}.social-toggle{width:54px;height:54px}}@media(prefers-reduced-motion:no-preference){.social-panel{animation:social-enter .15s ease-out}@keyframes social-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
.social-dismiss{z-index:2;min-width:24px;min-height:24px;padding:0}.social-footer{letter-spacing:0}.social-preview-note{letter-spacing:0}
.peace-hand{display:block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:31px;line-height:1;transform:rotate(-12deg);filter:drop-shadow(0 1px 1px #0002)}@media(prefers-reduced-motion:no-preference){.social-toggle:hover .peace-hand{transform:rotate(7deg);transition:transform .18s ease-out}}

.social-toggle:hover{background:#f5f0e8}.social-toggle:focus-visible{outline-color:#fff4e3}

tool-footer{display:block}.social-footer{padding:24px 0;position:relative}.social-dock{position:relative;right:auto;bottom:auto;margin:20px 0 0 auto;width:fit-content;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.social-toggle{flex-shrink:0}.social-panel{box-sizing:border-box;position:relative;right:auto;bottom:auto;order:3;flex-basis:100%;margin-top:8px}.social-open .social-dock{width:306px}.social-callout{max-width:calc(100vw - 150px)}body[data-mode="player"] .social-dock{position:fixed;right:22px;bottom:22px;width:auto;max-width:calc(100vw - 44px)}body[data-mode="player"] .social-panel{position:absolute;right:0;bottom:75px;margin:0}body[data-mode="player"] .social-footer{padding-bottom:115px}@media(max-width:400px){body[data-mode="player"] .social-dock{right:16px;bottom:16px;max-width:calc(100vw - 32px)}}
.social-footer{display:block}.social-dock{letter-spacing:0}.social-panel h2{padding-right:12px}

/* The dock stays fixed in the corner on every page. A page with no script keeps it visible:
   the waiting and ad-overlap states are added by tool-footer.js, never assumed by the CSS. */
.social-footer{padding:24px 0 115px}
.social-dock{position:fixed;right:22px;bottom:var(--dock-bottom,22px);width:auto;max-width:calc(100vw - 44px);margin:0}
.social-open .social-dock{width:auto}
.social-panel{position:absolute;right:0;bottom:75px;order:0;flex-basis:auto;margin:0}
.social-dock.is-waiting{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.social-dock{transition:opacity .3s ease}}
@media(max-width:400px){.social-dock{right:16px;bottom:var(--dock-bottom,16px);max-width:calc(100vw - 32px)}.social-footer{padding-bottom:105px}}
