/* A single movable piece of glass sits beneath the segmented controls. */
.glass-segment {
  position: relative;
  isolation: isolate;
}
.glass-segment > .glass-segment-lens {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(75,119,229,.90), rgba(111,99,210,.86));
  box-shadow: inset 0 1px 2px rgba(255,255,255,.75), inset 0 -2px 4px rgba(29,43,117,.16), 0 3px 10px rgba(49,74,148,.22);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  transition: transform 360ms cubic-bezier(.2,.85,.25,1.1), width 360ms cubic-bezier(.2,.85,.25,1.1), height 240ms ease;
  will-change: transform, width;
}
.glass-segment:not(.is-ready) > .glass-segment-lens { visibility: hidden; transition: none; }
.glass-segment.is-dragging > .glass-segment-lens { transition: width 180ms ease, height 180ms ease; }
.glass-segment > button, .glass-segment > a { position: relative; z-index: 1; }
.glass-segment > button.active,
.glass-segment > button[aria-pressed="true"] {
  background: transparent !important;
  box-shadow: none !important;
  color: white !important;
}
.glass-segment > a[aria-current="page"] { background: transparent !important; border-color: transparent !important; box-shadow:none !important; color:white !important; }
.glass-segment.nav-links > .glass-segment-lens { border-radius:12px; }
.lang-switch.glass-segment, .languages.glass-segment { touch-action: pan-y; }
:root[data-theme="dark"] .glass-segment > .glass-segment-lens {
  border-color: rgba(206,220,255,.28);
  background: linear-gradient(135deg,rgba(78,104,180,.82),rgba(92,80,164,.78));
  box-shadow: inset 0 1px 2px rgba(220,232,255,.30), inset 0 -2px 4px rgba(15,25,67,.18), 0 3px 10px rgba(10,18,52,.20);
}
@keyframes glass-language-arrive { from { opacity:.68; } to { opacity:1; } }
html.glass-language-change :is([data-i18n], [data-i18n-html], [data-i]) { animation: glass-language-arrive 260ms ease-out both; }
@media (prefers-reduced-motion: reduce) { .glass-segment > .glass-segment-lens { transition: none !important; } }
@media (prefers-reduced-motion: reduce) { html.glass-language-change :is([data-i18n], [data-i18n-html], [data-i]) { animation: none !important; } }