.social-band{max-width:1220px;margin:0 auto;padding:22px 24px max(88px,env(safe-area-inset-bottom));border-top:1px solid #c29af32b}
.social-inline{margin-block:22px 16px}
.social-label{display:block;margin-bottom:12px;color:#cbb7dc;font-size:11px;font-weight:850;letter-spacing:.1em}
.social-grid{display:flex;flex-wrap:wrap;gap:9px}
.social-pill,.wa-dock summary,.wa-panel a{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.social-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;color:#f4eaff;border-radius:13px;background:linear-gradient(135deg,#241632,#21121f);border:1px solid #aa75d24d;font-size:12px;font-weight:750;box-shadow:0 3px 0 #08050c}
.social-pill svg,.wa-dock svg{width:18px;height:18px;fill:currentColor;flex:none}
.social-pill svg{color:#d5b4fb}
.wa-dock{position:fixed;inset-inline-end:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:70;max-width:calc(100vw - 28px);color:#f9edff}
.wa-dock summary{display:flex;align-items:center;gap:9px;width:max-content;margin-inline-start:auto;min-height:49px;padding:10px 16px;border-radius:999px;border:1px solid #d5a7f78a;background:linear-gradient(125deg,#452475,#551c35);color:#fff;box-shadow:0 4px 0 #130917,0 11px 30px #0008;font-weight:800;font-size:14px;cursor:pointer;list-style:none}
.wa-dock summary::-webkit-details-marker{display:none}
.wa-dock summary svg{color:#b4f7d6;width:21px;height:21px}
.wa-panel{position:absolute;bottom:calc(100% + 12px);inset-inline-end:0;width:min(330px,calc(100vw - 28px));max-height:calc(100dvh - 95px);overflow:auto;padding:18px;background:linear-gradient(150deg,#251633,#1a101e);border:1px solid #ae77d66b;border-radius:20px;box-shadow:0 18px 54px #0009}
.wa-dock[open] .wa-panel{animation:contact-in .22s ease-out both}
.wa-panel p{margin:7px 0 13px;color:#d4c2dc;font-size:13px}
.wa-panel a{display:flex;align-items:center;min-height:44px;margin:8px 0 0;padding:8px 12px;border-radius:11px;color:#fff;background:#362144;border:1px solid #b88add44;font-size:14px}
.wa-panel .wa-project{background:linear-gradient(120deg,#4c2a6f,#56243d)}
@media(hover:hover){.social-pill:hover,.wa-dock summary:hover,.wa-panel a:hover{transform:translateY(-2px);border-color:#e4b5fd;box-shadow:0 6px 20px #a967f23b}}
.social-pill:active,.wa-dock summary:active,.wa-panel a:active{transform:translateY(2px) scale(.96);box-shadow:inset 0 2px 5px #0007}
.social-pill:focus-visible,.wa-dock :focus-visible{outline:2px solid #e2bcff;outline-offset:3px}
body:has(dialog[open]) .wa-dock{visibility:hidden}
@keyframes contact-in{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.social-band{padding-inline:16px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.social-pill{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.social-pill,.wa-dock summary,.wa-panel a{transition:none}.wa-dock[open] .wa-panel{animation:none}.social-pill:active,.wa-dock summary:active,.wa-panel a:active{transform:none}}