.sel{position:relative;display:block;min-width:0}.sel-btn{display:flex;align-items:center;gap:10px;width:100%;min-width:0;cursor:pointer;text-align:left;color:var(--ink);font:inherit;font-family:var(--font-body);transition:border-color .2s,background-color .2s,box-shadow .2s}.sel-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-hint{flex:none;color:var(--muted);font-size:.82em}.sel-chev{flex:none;color:var(--muted);transition:transform .25s cubic-bezier(.2,.7,.1,1),color .2s}.sel.open .sel-chev{transform:rotate(180deg);color:var(--accent-ink, var(--accent))}.sel-btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.sel-input .sel-btn{min-height:48px;padding:12px 14px;border:1px solid var(--hairline);border-radius:2px;background:var(--card);font-size:clamp(14px,.25vw + 13px,16px)}.sel-input .sel-btn:hover{border-color:var(--ink-faint, var(--muted))}.sel-input.open .sel-btn{border-color:var(--accent-line, var(--accent))}.sel-pill .sel-btn{height:48px;padding:0 18px;border:1px solid var(--hairline);border-radius:999px;background:var(--paper);font-size:16px}.sel-pill .sel-btn:hover{border-color:var(--ink)}.sel-pill.open .sel-btn{border-color:var(--accent);background:var(--card)}.sel-list{position:absolute;z-index:70;left:0;right:0;top:calc(100% + 6px);max-height:min(320px,60vh);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:6px;list-style:none;background:var(--card);color:var(--ink);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 24px 48px -20px #0b1f3352,0 2px 6px #0b1f330f;transform-origin:top center;animation:sel-in .18s cubic-bezier(.2,.7,.1,1) both;outline:none;scrollbar-width:thin}.sel.up .sel-list{top:auto;bottom:calc(100% + 6px);transform-origin:bottom center;animation-name:sel-in-up}.sel-input .sel-list{border-radius:6px}@keyframes sel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes sel-in-up{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.sel-opt{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;cursor:pointer;border-radius:10px;font-family:var(--font-body);font-size:15.5px;line-height:1.3;transition:background-color .12s,color .12s}.sel-input .sel-opt{border-radius:4px}.sel-opt-l{flex:1;min-width:0}.sel-opt-h{flex:none;color:var(--muted);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em}.sel-check{flex:none;color:var(--accent);opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s}.sel-opt.act{background:var(--accent-wash)}.sel-opt.on{color:var(--accent-ink, var(--accent));font-weight:600}.sel-opt.on .sel-check{opacity:1;transform:none}.cat-sort{min-width:220px;max-width:100%}@media (max-width: 640px){.sel-opt{min-height:48px;font-size:16px}}@media (prefers-reduced-motion: reduce){.sel-list{animation:none}.sel-chev,.sel-check{transition:none}}