/* Local Shuding material; SVG/canvas adaptation lives in js/liquid-glass.js. */
:root { --magnet-x: 0px; --magnet-y: 0px; --hover-lift: 0px; --hover-scale: 1; }
.liquid-filter-definitions { position: fixed; left: 0; top: 0; width: 0; height: 0; pointer-events: none; overflow: hidden; }
.liquid-surface {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(7,24,35,.62) !important;
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
    box-shadow: 0 4px 8px rgba(0,0,0,.25), 0 -10px 25px inset rgba(0,0,0,.15);
    transform: translate3d(var(--magnet-x,0px),calc(var(--magnet-y,0px) + var(--hover-lift,0px)),0) scale(var(--hover-scale,1));
    transform-origin: center;
}
.liquid-surface[data-liquid-renderer="svg"] { background: rgba(7,24,35,.06) !important; }
.topbar.liquid-surface { overflow: visible; }
[data-liquid-pressable].is-liquid-pressed { --hover-scale: .98; }
@media (prefers-reduced-motion: reduce) {
    .liquid-surface { transform: none !important; }
}