.sel{border:2px solid var(--line-strong);background:var(--surface);min-width:0;max-width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;font-weight:600;transition:border-color .15s,box-shadow .15s,transform .12s;display:inline-flex}.sel-md{font-size:var(--step-0);padding:9px 12px 9px 14px}.sel-sm{border-radius:10px;padding:5px 10px 5px 12px;font-size:.9rem}.sel:hover:not(:disabled){border-color:var(--violet)}.sel:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.sel:focus-visible,.sel.is-open{border-color:var(--violet);box-shadow:0 3px 0 var(--violet-soft), 0 0 0 4px var(--violet-soft);outline:none}.sel.is-invalid{border-color:var(--bad)}.sel:disabled{opacity:.5;cursor:not-allowed}.sel-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sel-value.is-placeholder{color:var(--muted);font-weight:500}.sel-chevron{color:var(--muted);transition:transform .2s var(--spring,ease);flex:none}.sel.is-open .sel-chevron{color:var(--violet);transform:rotate(180deg)}.sel-pop{z-index:1000;background:var(--surface);border:2px solid var(--line);box-shadow:0 6px 0 var(--line), 0 18px 40px -16px #2b1d5259;transform-origin:top;border-radius:16px;flex-direction:column;animation:.14s ease-out sel-in;display:flex;position:fixed;overflow:hidden}.sel-pop.is-up{transform-origin:bottom}@keyframes sel-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.sel-search{border-bottom:2px solid var(--line);padding:8px}.sel-search input{border-radius:10px;width:100%;padding:7px 10px;font-size:.92rem}.sel-list{overscroll-behavior:contain;margin:0;padding:6px;list-style:none;overflow-y:auto}.sel-option{cursor:pointer;color:var(--ink-2);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.sel-option.is-active{background:var(--sunk);color:var(--ink)}.sel-option.is-selected{color:var(--violet-deep);background:var(--violet-soft)}.sel-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}.sel-option-text{flex-direction:column;min-width:0;display:flex}.sel-option-text small{color:var(--muted);font-size:.8rem;font-weight:500}.sel-check{color:var(--violet);flex:none}.sel-empty{color:var(--muted);padding:10px;font-size:.9rem}@media (prefers-reduced-motion:reduce){.sel-pop{animation:none}}
