/* TikTok-style compact cascader using this page's existing glass design language. */
.category-picker{position:relative}
.category-card.category-open{z-index:10}
.category-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;min-height:45px;padding:12px 13px;font:inherit;border:1px solid #d2d2d780;border-radius:11px;color:#86868b;background:#ffffff80;box-shadow:inset 0 1px 3px #1d1d1f03;transition:box-shadow .2s,border-color .2s}
.category-trigger.has-value{color:#1d1d1f}.category-trigger>span:first-child{overflow-wrap:anywhere;line-height:1.5}
.category-trigger:hover{background:#ffffffb3}.category-trigger:focus-visible,.category-trigger[aria-expanded="true"]{outline:none;border-color:#1d1d1f;box-shadow:0 0 0 3px #1d1d1f1a}
.category-trigger:disabled{cursor:default;opacity:.6}
.category-chevron{width:7px;height:7px;border-right:1.5px solid #86868b;border-bottom:1.5px solid #86868b;transform:rotate(45deg);flex-shrink:0;margin-right:3px;transition:transform .18s}
.category-trigger[aria-expanded="true"] .category-chevron{transform:rotate(225deg)}
.category-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);display:grid;grid-template-columns:1fr 1fr 1.3fr;border:1px solid #ffffffed;border-radius:14px;background:linear-gradient(135deg,#ffffff,#f7f8fc);backdrop-filter:blur(28px) saturate(140%);box-shadow:inset 0 1px 0 #fff,0 12px 36px #24394c12,0 2px 5px #24394c08;padding:6px;z-index:20}
.category-panel[hidden]{display:none}
.category-column{min-width:0;max-height:240px;overflow-y:auto;padding:2px 4px;scrollbar-width:thin;overscroll-behavior:contain}
.category-column+.category-column{border-left:1px solid #d2d2d750}
.category-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:39px;text-align:left;font:inherit;font-size:13px;line-height:1.5;color:#6e6e73;border:0;border-radius:8px;background:transparent;padding:10px;margin-bottom:3px;transition:background .18s,color .18s,box-shadow .18s}
.category-option>span:first-child{overflow-wrap:anywhere}.category-option:hover{background:#ffffffb3;color:#1d1d1f}
.category-option.active{background:linear-gradient(180deg,#ffffff,#ffffffb3);color:#1d1d1f;box-shadow:inset 0 1px 0 #fff,0 2px 6px #1d1d1f0e;font-weight:600}
.category-next{width:5px;height:5px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-right:3px}
.category-option:focus-visible{outline:2px solid #1d1d1f;outline-offset:-2px}
.category-placeholder{color:#a0a6b2;font-size:11px;padding:13px 9px;line-height:1.6}
.category-selection{margin-top:12px;line-height:1.7}
@media(max-width:720px){.category-panel{grid-template-columns:.85fr .9fr 1.3fr;padding:4px}.category-column{padding:2px}.category-option{font-size:12px;padding:9px 6px;gap:4px}.category-placeholder{padding:12px 5px}}