/* HeartVibe v6.8 — Liquid Glass 2.0: thick optical lens, refractive edges and real depth. */
.liquidGlass{
  --lg-x:50%;--lg-y:30%;--lg-sx:0px;--lg-sy:20px;
  position:relative;isolation:isolate;
  border:1px solid rgba(255,255,255,.62)!important;border-top-color:rgba(255,255,255,.90)!important;border-left-color:rgba(255,255,255,.58)!important;border-right-color:color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 24%,rgba(255,255,255,.44))!important;border-bottom-color:rgba(8,7,15,.78)!important;
  outline:1px solid rgba(255,255,255,.12)!important;outline-offset:-4px!important;
  background:
    linear-gradient(108deg,transparent 0 25%,rgba(255,255,255,.055) 34%,rgba(255,255,255,.42) 44%,rgba(255,255,255,.10) 51%,transparent 62%),
    radial-gradient(175% 112% at 50% -45%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.48) 10%,rgba(255,255,255,.15) 23%,rgba(255,255,255,.035) 38%,transparent 55%),
    radial-gradient(145% 94% at 50% 137%,rgba(1,1,7,.78) 0%,rgba(5,4,12,.52) 24%,rgba(5,4,12,.17) 48%,transparent 68%),
    radial-gradient(220px circle at var(--lg-x) var(--lg-y),rgba(255,255,255,.44),rgba(255,255,255,.10) 23%,transparent 48%),
    linear-gradient(90deg,color-mix(in srgb,var(--lg-a,var(--vibe-b,#8f62ff)) 24%,transparent),transparent 18%,transparent 80%,color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 26%,transparent)),
    linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 48%,rgba(3,3,10,.27) 80%,rgba(2,2,8,.44))!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.96),inset 0 5px 9px rgba(255,255,255,.13),inset 0 11px 21px rgba(255,255,255,.055),inset 0 -2px 1px rgba(255,255,255,.18),inset 0 -7px 10px rgba(0,0,0,.56),inset 0 -18px 28px rgba(0,0,0,.20),inset 8px 0 18px color-mix(in srgb,var(--lg-a,var(--vibe-b,#8f62ff)) 17%,transparent),inset -8px 0 18px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 18%,transparent),0 1px 0 rgba(255,255,255,.28),0 5px 0 -1px rgba(11,8,20,.88),0 8px 0 -2px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 13%,rgba(2,2,8,.88)),0 12px 10px -6px rgba(0,0,0,.86),var(--lg-sx) var(--lg-sy) 44px rgba(0,0,0,.54),0 0 28px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 15%,transparent)!important;
  -webkit-backdrop-filter:blur(20px) saturate(225%) contrast(1.16) brightness(1.08)!important;backdrop-filter:blur(20px) saturate(225%) contrast(1.16) brightness(1.08)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.17),0 3px 9px rgba(0,0,0,.34)!important;transform:translateZ(0);transition:transform .24s cubic-bezier(.2,.82,.2,1),border-color .22s ease,box-shadow .25s ease,background .24s ease,filter .22s ease!important
}
.liquidGlass:hover,.liquidGlass:focus-visible{border-top-color:#fff!important;border-left-color:rgba(255,255,255,.74)!important;outline-color:rgba(255,255,255,.18)!important;background:
  linear-gradient(108deg,transparent 0 21%,rgba(255,255,255,.075) 32%,rgba(255,255,255,.58) 44%,rgba(255,255,255,.14) 52%,transparent 65%),
  radial-gradient(180% 116% at 50% -46%,#fff 0%,rgba(255,255,255,.62) 10%,rgba(255,255,255,.20) 24%,rgba(255,255,255,.05) 39%,transparent 56%),
  radial-gradient(145% 95% at 50% 138%,rgba(1,1,7,.82),rgba(5,4,12,.56) 25%,rgba(5,4,12,.18) 50%,transparent 70%),
  radial-gradient(260px circle at var(--lg-x) var(--lg-y),rgba(255,255,255,.58),rgba(255,255,255,.12) 25%,transparent 48%),
  linear-gradient(90deg,color-mix(in srgb,var(--lg-a,var(--vibe-b,#8f62ff)) 32%,transparent),transparent 19%,transparent 78%,color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 34%,transparent)),linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.035) 48%,rgba(3,3,10,.26) 80%,rgba(2,2,8,.44))!important;
  box-shadow:inset 0 2px 1px #fff,inset 0 6px 11px rgba(255,255,255,.17),inset 0 13px 25px rgba(255,255,255,.07),inset 0 -2px 1px rgba(255,255,255,.22),inset 0 -8px 11px rgba(0,0,0,.60),inset 0 -20px 31px rgba(0,0,0,.22),inset 10px 0 22px color-mix(in srgb,var(--lg-a,var(--vibe-b,#8f62ff)) 22%,transparent),inset -10px 0 22px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 23%,transparent),0 2px 0 rgba(255,255,255,.31),0 7px 0 -1px rgba(10,7,19,.91),0 10px 0 -2px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 17%,rgba(2,2,8,.91)),0 15px 12px -6px rgba(0,0,0,.90),var(--lg-sx) calc(var(--lg-sy) + 7px) 52px rgba(0,0,0,.61),0 0 38px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 21%,transparent)!important}
.liquidGlass:active{transform:translateY(3px) scale(.988)!important;box-shadow:inset 0 5px 12px rgba(0,0,0,.48),inset 0 2px 1px rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.50),0 2px 0 -1px rgba(7,5,14,.76),0 6px 12px rgba(0,0,0,.42)!important}
.navlinks .navLink.active.liquidGlass,.btn.primary.liquidGlass,.vibesTrigger.liquidGlass,.voiceAction.primary.liquidGlass,.filterBtn.active.liquidGlass,.freqBtn.active.liquidGlass{box-shadow:inset 0 2px 1px #fff,inset 0 7px 13px rgba(255,255,255,.16),inset 0 -9px 13px rgba(0,0,0,.60),inset 10px 0 24px color-mix(in srgb,var(--lg-a,var(--vibe-a,#ff3f8e)) 25%,transparent),inset -10px 0 24px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 25%,transparent),0 2px 0 rgba(255,255,255,.31),0 7px 0 -1px rgba(8,6,17,.94),0 11px 0 -3px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 21%,rgba(2,2,8,.90)),0 16px 14px -6px rgba(0,0,0,.90),var(--lg-sx) calc(var(--lg-sy) + 8px) 56px rgba(0,0,0,.60),0 0 42px color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 24%,transparent)!important}
/* One deep glass dock, calm platform segments inside. */
.streamDock.liquidGlass{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px!important;padding:6px!important;margin-top:auto!important;border-radius:20px!important;overflow:hidden!important}
.platformRow.streamDock{margin-top:24px!important;max-width:600px}.cardAction.streamDock{padding-top:6px!important}
.cardAction.streamDock .miniLink.streamLink,.platformRow.streamDock .platform{min-width:0!important;min-height:39px!important;margin:0!important;padding:8px!important;border:0!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.008))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;outline:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;color:rgba(239,236,247,.80)!important;font-size:.67rem!important;line-height:1.12!important;text-align:left!important;white-space:normal!important;transform:none!important}
.cardAction.streamDock .miniLink.streamLink::after,.platformRow.streamDock .platform::after{display:none!important}
.cardAction.streamDock .miniLink.streamLink::before,.platformRow.streamDock .platform::before{content:""!important;display:block!important;flex:0 0 auto!important;width:8px!important;height:8px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--sl1,var(--lp1,#aaa)),var(--sl2,var(--lp2,#ddd)))!important;box-shadow:0 0 11px color-mix(in srgb,var(--sl2,var(--lp2,#ddd)) 50%,transparent)!important}
.cardAction.streamDock .miniLink.streamLink:hover,.platformRow.streamDock .platform:hover{color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 5px 14px rgba(0,0,0,.20)!important;transform:translateY(-1px)!important}
@media(max-width:700px){.streamDock.liquidGlass{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cardAction.streamDock .miniLink.streamLink,.platformRow.streamDock .platform{min-height:42px!important;font-size:.70rem!important}}
html.mobilePerformance .liquidGlass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;background:linear-gradient(108deg,transparent 0 27%,rgba(255,255,255,.08) 36%,rgba(255,255,255,.40) 46%,transparent 63%),radial-gradient(170% 108% at 50% -44%,rgba(255,255,255,.72),rgba(255,255,255,.20) 22%,transparent 52%),radial-gradient(140% 92% at 50% 138%,rgba(0,0,0,.76),rgba(0,0,0,.30) 40%,transparent 70%),linear-gradient(90deg,color-mix(in srgb,var(--lg-a,var(--vibe-b,#8f62ff)) 18%,transparent),rgba(255,255,255,.055) 48%,color-mix(in srgb,var(--lg-b,var(--vibe-c,#4be1ff)) 18%,transparent)),linear-gradient(145deg,rgba(255,255,255,.12),rgba(10,9,18,.58))!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.82),inset 0 -7px 10px rgba(0,0,0,.58),0 5px 0 -1px rgba(6,5,13,.88),0 9px 0 -3px rgba(0,0,0,.62),0 18px 30px rgba(0,0,0,.42)!important}