.liquid-tabs{position:relative;isolation:isolate;touch-action:pan-y}
.glass-tab-lens{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;border-radius:999px;background:linear-gradient(145deg,#ffffff70,#ffffff25);border:1px solid #ffffffb0;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 1px #fff5,0 2px 8px #25253812;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);transition:transform .48s cubic-bezier(.22,1,.36,1),width .48s cubic-bezier(.22,1,.36,1),height .48s cubic-bezier(.22,1,.36,1);will-change:transform}
.work-tools .filters.liquid-tabs{padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));flex:1 1 620px;min-width:min(100%,620px);gap:2px;overflow:visible;border:1px solid #ffffff80;border-radius:999px;background:linear-gradient(135deg,#ffffff40,#ffffff12);box-shadow:inset 0 1px 0 #fff8,0 4px 20px #393c4b08;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
.work-tools .filters.liquid-tabs .filter{display:block;position:relative;z-index:1;border:0;background:none!important;margin:0;padding:12px 9px;font:inherit;font-size:14px;min-width:0;min-height:44px;border-radius:999px;white-space:nowrap;transition:color .25s}
.work-tools .filters.liquid-tabs .filter:nth-child(2),.work-tools .filters.liquid-tabs .filter:nth-child(3){font-size:14px;padding:12px 9px}
.work-tools .filters.liquid-tabs .filter:focus-visible{outline:2px solid var(--accent);outline-offset:0}
[data-theme=dark] .glass-tab-lens{background:linear-gradient(145deg,#ffffff24,#ffffff10);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 1px #fff1,0 2px 8px #0002}
[data-theme=dark] .work-tools .filters.liquid-tabs{background:linear-gradient(135deg,#ffffff0e,#ffffff04);border-color:#ffffff1a;box-shadow:inset 0 1px 0 #ffffff20,0 4px 20px #0001}
.is-glass-dragging .glass-tab-lens{transition:transform .15s ease,width .2s ease,height .2s ease;box-shadow:inset 0 1px 0 #fff9,0 3px 14px #30354520}
@media(max-width:700px){.work-tools .filters.liquid-tabs{width:100%;padding:4px;gap:0}.work-tools .filters.liquid-tabs .filter,.work-tools .filters.liquid-tabs .filter:nth-child(2),.work-tools .filters.liquid-tabs .filter:nth-child(3){font-size:12px!important;line-height:1.25;padding:10px 4px!important;white-space:normal;min-height:48px}}
@media(prefers-reduced-motion:reduce){.glass-tab-lens{transition:none;will-change:auto}}

/* A soft highlight rides inside the moving lens without extra animation loops. */
.glass-tab-lens{overflow:hidden;transition:transform .56s cubic-bezier(.18,.9,.24,1.08),width .56s cubic-bezier(.18,.9,.24,1.08),height .56s cubic-bezier(.18,.9,.24,1.08);background:linear-gradient(135deg,#ffffff80,#ffffff28 48%,#e3dcff26);box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 1px #fff6,0 3px 12px #25253812}
.glass-tab-lens::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#fff4,transparent 42%,#fff2);pointer-events:none}
@media(prefers-reduced-motion:reduce){.glass-tab-lens{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.glass-tab-lens{background:var(--bg,#fff);backdrop-filter:none;-webkit-backdrop-filter:none}.glass-tab-lens::before{display:none}}