.picker{width:auto;max-width:55%;box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:8px 14px 8px 18px;font-weight:700;display:inline-flex}.picker:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.picker>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-chevron{border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);border-radius:2px;flex:none;width:9px;height:9px;margin-top:-4px;transform:rotate(45deg)}.picker-backdrop{z-index:6;background:#5a2e1a59;place-items:center;padding:16px;animation:.15s ease-out picker-fade;display:grid;position:fixed;inset:0}.picker-card{border:3px solid var(--ink);background:var(--bg);width:min(100%,340px);max-height:min(80vh,560px);box-shadow:0 6px 0 var(--ink);border-radius:28px;flex-direction:column;padding:18px 16px 16px;animation:.18s cubic-bezier(.3,1.5,.6,1) picker-pop;display:flex}.picker-card h2{text-align:center;margin:0 0 12px;font-size:1.4rem}.picker-list{gap:8px;padding:2px 2px 6px;display:grid;overflow-y:auto}.picker-list button{width:100%;box-shadow:0 3px 0 var(--ink);cursor:pointer;padding:11px 16px;font-size:1.1rem;font-weight:700}.picker-list button[aria-selected=true]{background:var(--accent)}.picker-list button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}@keyframes picker-fade{0%{opacity:0}}@keyframes picker-pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.picker-backdrop,.picker-card{animation:none}}