.sel{position:relative}.sel-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;font:inherit;font-size:16px;text-align:left;background:var(--cream);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.form-card .sel-btn{min-height:44px;padding:9px 12px;border-radius:10px}.sel-btn:hover{border-color:var(--sand-2);background:#fff}.sel-btn:focus-visible,.sel.open .sel-btn{outline:none;border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(21,18,19,.08)}.sel-btn.is-empty .sel-val{color:var(--muted)}.sel-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-chev{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);transition:transform .2s ease}.sel.open .sel-chev{transform:rotate(180deg)}.sel-menu{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);min-width:220px;max-height:288px;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:6px;list-style:none;background:#fff;color:var(--ink);color-scheme:light;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -20px rgba(21,18,19,.35),0 4px 12px -6px rgba(21,18,19,.15);animation:selIn .14s ease-out}.sel.up .sel-menu{top:auto;bottom:calc(100% + 6px);transform-origin:bottom}@keyframes selIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sel.up .sel-menu{animation-name:selInUp}@keyframes selInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sel-menu ul{list-style:none;margin:0;padding:0}.sel-group+.sel-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}.sel-glabel{display:block;padding:8px 10px 4px;font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sel-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:9px;font-size:15px;line-height:1.3;cursor:pointer}.sel-opt.active{background:var(--cream)}.sel-opt[aria-selected=true]{color:var(--red-ink);font-weight:600}.sel-opt svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}@media (hover:none) and (pointer:coarse){.sel-opt{min-height:44px}}@media (prefers-reduced-motion:reduce){.sel-menu{animation:none}}.sel-menu{min-width:240px;max-width:calc(100vw - 24px)}.sel.end .sel-menu{left:auto;right:0}