.chip{border-radius:var(--pill);border:1px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;height:32px;transition:all .25s var(--ease);align-items:center;gap:6px;padding-inline:13px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--line-2);transform:translateY(-1px)}.chip.on{background:var(--select-50);color:var(--select-ink);border-color:var(--select)}.chip .n{color:var(--faint);font-family:Archivo,sans-serif;font-weight:500}.chip.on .n{color:color-mix(in srgb,var(--select-ink) 75%,transparent)}.chip:not(.on){padding-inline:24px}.chip .sel-mark{block-size:16px;inline-size:16px}.chip .sel-mark svg{block-size:10px;inline-size:10px}.chips,.pick{flex-wrap:wrap;gap:8px;display:flex}.pick button{border-radius:var(--pill);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;height:36px;transition:all .25s var(--spring);align-items:center;gap:6px;padding-inline:14px;font-size:13px;font-weight:600;display:inline-flex}.pick button:hover{border-color:var(--line-2);transform:translateY(-1px)}.pick button.on{border-color:var(--select);background:var(--select-50);color:var(--select-ink)}.pick button.on:before{content:"✓";text-align:center;inline-size:11px;font-size:11px}.pick button:not(.on,.add){padding-inline:22.5px}.pick button.add{color:var(--muted);border-style:dashed}@media (pointer:coarse){.chip,.pick button{min-block-size:var(--touch-target);height:auto}}