.social-rail{--social-size:52px;--social-gap:10px;position:fixed;z-index:6;top:50%;right:max(16px,env(safe-area-inset-right));transform:translateY(-50%);width:var(--social-size);font-family:var(--sans)}
.social-rail[hidden]{display:none!important}
.social-rail-list{display:flex;flex-direction:column;gap:var(--social-gap);margin:0;padding:0;list-style:none}
.social-rail a{position:relative;display:grid;place-items:center;width:var(--social-size);height:var(--social-size);min-width:44px;min-height:44px;border-radius:15px;color:#fff;background:#24201b;box-shadow:0 12px 26px -16px rgba(26,23,19,.65),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .3s var(--ease),box-shadow .3s var(--ease),filter .3s var(--ease)}
.social-rail svg{width:23px;height:23px;transition:transform .3s var(--ease)}
.social-rail a:hover,.social-rail a:focus-visible{transform:translateX(-6px) scale(1.06);box-shadow:0 18px 34px -14px rgba(26,23,19,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.social-rail a:active{transform:translateX(-3px) scale(1.02)}
.social-rail a[data-social="instagram"]{background:radial-gradient(circle at 28% 108%,#fdf497 0%,#fdf497 6%,#fd5949 42%,#d6249f 62%,#285aeb 92%)}
.social-rail a[data-social="tiktok"]{background:#010101}
.social-rail a[data-social="tiktok"] svg{filter:drop-shadow(-1.6px 0 0 #25f4ee) drop-shadow(1.6px 0 0 #fe2c55)}
.social-rail a[data-social="youtube"]{background:#ff0000}
.social-rail a[data-social="facebook"]{background:#1877f2}
.social-rail-label{position:absolute;right:calc(100% + 14px);top:50%;transform:translate(6px,-50%);padding:8px 13px;border:1px solid rgba(217,187,139,.45);border-radius:999px;background:rgba(26,23,19,.95);color:var(--paper);font-size:11px;letter-spacing:.06em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
.social-rail a:hover .social-rail-label,.social-rail a:focus-visible .social-rail-label{opacity:1;visibility:visible;transform:translate(0,-50%)}
.social-rail[data-side="left"]{right:auto;left:max(16px,env(safe-area-inset-left))}
.social-rail[data-side="left"] a:hover,.social-rail[data-side="left"] a:focus-visible{transform:translateX(6px) scale(1.06)}
.social-rail[data-side="left"] a:active{transform:translateX(3px) scale(1.02)}
.social-rail[data-side="left"] .social-rail-label{right:auto;left:calc(100% + 14px)}
.social-rail :focus-visible{outline:2px solid var(--paper);outline-offset:3px}
body.menu-open .social-rail,body:has(dialog[open]) .social-rail{display:none!important}
@media(min-width:801px){.social-rail[data-desktop="false"]{display:none!important}.social-rail.is-compact{--social-size:46px}.social-rail.is-compact svg{width:21px;height:21px}}
@media(max-width:1024px){.social-rail{--social-size:48px;--social-gap:9px}.social-rail svg{width:21px;height:21px}}
@media(max-width:800px){
  .social-rail{--social-size:44px;--social-gap:7px;right:max(14px,env(safe-area-inset-right))}
  .social-rail[data-mobile="false"]{display:none!important}
  .social-rail svg{width:20px;height:20px}
  .social-rail a{border-radius:13px}
  .social-rail-label{display:none}
}
@media(prefers-reduced-motion:reduce){.social-rail *{transition:none!important;animation:none!important}.social-rail a:hover,.social-rail a:focus-visible,.social-rail a:active,.social-rail[data-side="left"] a:hover,.social-rail[data-side="left"] a:focus-visible,.social-rail[data-side="left"] a:active{transform:none}}