.fsi-floating{
  position: fixed;
  right: var(--fsi-x, 18px);
  bottom: var(--fsi-y, 18px);
  display: flex;
  flex-direction: column;
  gap: var(--fsi-gap, 10px);
  z-index: 99999;
}

.fsi-floating .fsi-icon{
  width: var(--fsi-size, 44px);
  height: var(--fsi-size, 44px);
  border-radius: var(--fsi-radius, 999px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(17,17,17,0.92);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.22);
  transition: transform .15s ease, opacity .15s ease;
  opacity: 0.92;
}

.fsi-floating .fsi-icon:hover{
  transform: translateY(-2px);
  opacity: 1;
}

.fsi-floating .fsi-icon svg{
  width: 54%;
  height: 54%;
  fill: currentColor;
}

/* Subtle per-network accents */
.fsi-facebook{ background: #1877F2; }
.fsi-instagram{ background: radial-gradient(circle at 30% 110%, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%); }
.fsi-x{ background: #111; }
.fsi-linkedin{ background: #0A66C2; }
.fsi-youtube{ background: #FF0000; }
.fsi-tiktok{ background: #111; }
.fsi-github{ background: #24292e; }
.fsi-email{ background: #6b7280; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .fsi-floating .fsi-icon{ transition: none; }
}