.cf{position:relative;display:grid;gap:0}.cf .cf-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;min-height:0}.cf-control{position:relative;display:flex;align-items:center}.cf-input{padding-right:84px}.cf-input::placeholder{color:var(--fg-muted);opacity:.8}.cf-toggle,.cf-clear{position:absolute;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--fg-muted);cursor:pointer;padding:0;font:inherit}.cf-toggle{right:6px;pointer-events:none;min-height:44px}.cf-toggle svg{transition:transform .2s var(--ease)}.cf.is-open .cf-toggle svg{transform:rotate(180deg)}.cf-clear{right:42px;font-size:22px;line-height:1}.cf-clear:hover,.cf-clear:focus-visible{color:var(--fg-strong);background:var(--accent-soft)}.cf-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;max-height:min(320px,48vh);overflow-y:auto;overscroll-behavior:contain;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow)}.cf-opt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--fg);font-size:15.5px;line-height:1.35;max-width:none}.cf-opt.is-active{background:var(--accent-soft);color:var(--fg-strong)}.cf-opt[aria-selected="true"] .cf-opt-name{font-weight:600;color:var(--fg-strong)}.cf-opt-code{flex:none;font-size:14px;letter-spacing:.12em;color:var(--fg-muted);font-family:var(--font-sans)}.cf-empty{margin:6px 0 0;padding:10px 12px;font-size:var(--fs-label);color:var(--fg-muted);border:1px dashed var(--line-strong);border-radius:10px}@media (prefers-reduced-motion:reduce){.cf-toggle svg{transition:none}}