.social-float{position:fixed;z-index:40;left:max(12px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);color:#d3e6ff}
.social-links{display:flex;flex-direction:column;gap:2px;padding:5px;border:1px solid #a8d9ff80;border-radius:8px;background:linear-gradient(135deg,#244c827d,#122c526b);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -12px 28px #4d8dff1f,0 0 0 1px #66d9ff2b,0 0 18px #4d8dff59,0 0 40px #168bff30}
.social-links a,.social-toggle{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:4px;transition:color .2s,background .2s}
.social-links svg,.social-toggle svg{width:18px;height:18px;fill:currentColor}
.social-links a:hover,.social-links a:focus-visible{color:#fff;background:#6aa8ff30}
.social-links a:focus-visible,.social-toggle:focus-visible{outline:2px solid #6aa8ff;outline-offset:2px}
.social-tooltip{position:absolute;left:calc(100% + 14px);padding:5px 10px;border:1px solid #a8d9ff80;border-radius:4px;background:#15335aed;box-shadow:0 0 14px #4d8dff40;color:#eef3f4;font-size:12px;line-height:1.5;letter-spacing:0;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}
.social-links a:hover .social-tooltip,.social-links a:focus-visible .social-tooltip{opacity:1;visibility:visible}
.social-toggle{display:none}
body.modal-open .social-float{visibility:hidden}
@media(max-width:700px),(max-height:500px){
 .social-float{top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:none}
 .social-toggle{display:grid;margin:8px auto 0 0;width:44px;height:44px;background:linear-gradient(135deg,#244c829e,#122c528c);color:#d3e6ff;border:1px solid #a8d9ff80;border-radius:8px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff38,0 0 18px #4d8dff59,0 0 40px #168bff30}
 .social-toggle svg{fill:none}
 .social-toggle[aria-expanded="true"]{color:#8cbaff;border-color:#6aa8ff}
 .social-float:not(.is-open) .social-links{display:none}
 .social-links a{width:40px;height:40px}
 body:has(.mobile-nav:not([hidden])) .social-float{visibility:hidden}
}
@media(max-height:390px){.social-links{display:grid;grid-template-columns:repeat(2,40px)}}
@media(prefers-reduced-motion:reduce){.social-links a,.social-toggle{transition:none}}