/* Cupiditas liquid category selector: a stable rail, local socket, and category-colored bead. */
.category-sidebar{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,var(--lime)),var(--surface) 62%);border-color:color-mix(in srgb,var(--green) 18%,var(--line));box-shadow:0 18px 42px #20351d12,inset 0 1px 0 #ffffffb8}
.category-sidebar .head h2{text-shadow:0 2px 0 #17271f0d,0 7px 17px #20351d0b}
.category-sidebar .head-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.category-sidebar .head-title-row h2{margin:0}
.category-sidebar .liquid-sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--green) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,var(--lime));color:var(--green);font:inherit;font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.category-sidebar .liquid-sound-toggle svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.category-sidebar .liquid-sound-toggle[aria-pressed="false"]{color:var(--muted);background:var(--surface)}
.category-sidebar .liquid-sound-toggle:hover{border-color:color-mix(in srgb,var(--green) 46%,var(--lime));transform:translateY(-1px)}
.category-sidebar .liquid-sound-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 55%,var(--lime));outline-offset:3px}
.category-sidebar .cats{position:relative;isolation:isolate;overflow:visible}
.category-sidebar .liquid-menu{position:absolute;top:0;left:0;z-index:0;pointer-events:none;overflow:visible}
.category-sidebar .liquid-track{fill:none;stroke:color-mix(in srgb,var(--liquid-tint,var(--lime)) 28%,var(--green));stroke-width:5;stroke-linecap:round;opacity:.48}
.category-sidebar .liquid-socket-fill{fill:color-mix(in srgb,var(--liquid-tint,var(--lime)) 31%,var(--surface));opacity:.68}
.category-sidebar .liquid-contour{fill:none;stroke:color-mix(in srgb,var(--liquid-tint,var(--lime)) 70%,var(--liquid-shade,var(--green)));stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.category-sidebar .liquid-bead{stroke:#ffffffdf;stroke-width:1.2}
.category-sidebar .liquid-glint{fill:#ffffffb8;pointer-events:none}
.category-sidebar .liquid-floor{fill:color-mix(in srgb,var(--liquid-shade,var(--green)) 64%,transparent);filter:blur(2px);pointer-events:none}
.category-sidebar .cat{position:relative;z-index:1;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:color .2s ease}
.category-sidebar .cat.active{color:var(--shade)}
.category-sidebar .cat .icon{background:color-mix(in srgb,var(--tint) 25%,var(--surface));border:1px solid color-mix(in srgb,var(--tint) 26%,white);box-shadow:inset 0 1px 0 #ffffffc7,0 3px 8px #20351d12;transform:translateY(0);transition:transform .28s cubic-bezier(.22,.8,.22,1),color .2s ease,box-shadow .2s ease}
.category-sidebar .cat.active .icon{background:transparent;border-color:transparent;box-shadow:none;color:var(--shade);transform:translateY(-4px) rotate(-2deg)}
.category-sidebar .cat:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 45%,var(--lime));outline-offset:2px;z-index:2}
.category-sidebar .cat:active{transform:none}
@media(hover:hover){.category-sidebar .cat:not(.active):hover{transform:none;color:var(--shade)}.category-sidebar .cat:not(.active):hover .icon{transform:translateY(-3px) rotate(-2deg);box-shadow:inset 0 1px 0 #ffffffd9,0 5px 0 color-mix(in srgb,var(--tint) 38%,white),0 10px 17px #20351d18}}
@media(max-width:740px){.category-sidebar .cats{overflow-x:auto;overflow-y:hidden;padding-block:9px 12px;scroll-snap-type:x mandatory;scroll-padding-inline:8px}.category-sidebar .cat{scroll-snap-align:center}}
@media(max-width:480px){.category-sidebar .head-title-row{align-items:flex-start}.category-sidebar .liquid-sound-toggle{font-size:10px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.category-sidebar .cat,.category-sidebar .cat .icon,.category-sidebar .liquid-sound-toggle{transition:none!important}.category-sidebar .cat:not(.active):hover .icon,.category-sidebar .liquid-sound-toggle:hover{transform:none!important}}