/* Liquid Glass nav — long-press & drag capsule (additive; no existing styles removed) */
.nav-links{position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.nav-links a{position:relative;z-index:1;-webkit-touch-callout:none;-webkit-user-drag:none}

.lg-capsule{position:absolute;left:0;top:0;z-index:0;pointer-events:none;opacity:0;will-change:transform,width,height;
  transition:opacity .18s ease;contain:layout style}
.lg-capsule.lg-on{opacity:1}
.lg-glass{position:absolute;inset:0;border-radius:999px;overflow:hidden;transform:scale(.86);
  transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;
  background:
    radial-gradient(120% 140% at 30% -20%,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 55%),
    linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.12) 55%,rgba(185,31,209,.10));
  -webkit-backdrop-filter:blur(10px) saturate(190%) brightness(1.06);
  backdrop-filter:blur(10px) saturate(190%) brightness(1.06);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:
    inset 0 1.5px 1px rgba(255,255,255,.95),
    inset 0 -2px 3px rgba(185,31,209,.14),
    inset 0 0 14px rgba(255,255,255,.35),
    0 6px 18px rgba(185,31,209,.22),
    0 1px 3px rgba(0,0,0,.10)}
.lg-capsule.lg-on .lg-glass{transform:scale(1)}
.lg-capsule.lg-lift .lg-glass{transform:scale(1.06);
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,1),inset 0 -2px 4px rgba(185,31,209,.18),inset 0 0 18px rgba(255,255,255,.45),
    0 10px 28px rgba(185,31,209,.30),0 2px 6px rgba(0,0,0,.12)}
/* specular streak */
.lg-glass::before{content:"";position:absolute;left:12%;right:12%;top:5%;height:38%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));opacity:.7}
/* faint lower rim reflection */
.lg-glass::after{content:"";position:absolute;left:20%;right:20%;bottom:4%;height:20%;border-radius:999px;
  background:linear-gradient(0deg,rgba(255,255,255,.35),rgba(255,255,255,0));opacity:.6}

/* While gesture is live: capsule replaces the static active marker; label under it magnifies */
html body .nav-links.lg-dragging a.active{color:var(--ss-ink-2,#5B4766)!important;background:transparent!important}
html body .nav-links.lg-dragging a.active::after{opacity:0!important}
html body .nav-links.lg-dragging a.lg-hot{color:var(--ss-ink,#25102F)!important;transform:scale(1.16)!important;font-weight:750!important;background:transparent!important}
html body .nav-links.lg-dragging a{pointer-events:none;transition:color .2s ease,transform .38s cubic-bezier(.34,1.56,.64,1)!important}
html body .nav-links.lg-dragging a:hover{background:transparent!important}

@media (prefers-reduced-motion:reduce){
  html body .nav-links.lg-dragging a,.lg-glass{transition-duration:.01s!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .lg-glass{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,240,246,.85))}
}