.sf-root{margin-top:8px}.sf-picker{max-width:620px;margin:0 auto;position:relative}.sf-search{background:var(--white);border:1.5px solid var(--line-soft);border-radius:var(--r-btn);height:54px;box-shadow:var(--card-shadow);transition:border-color var(--transition), box-shadow var(--transition);color:var(--ink-2);align-items:center;gap:10px;padding:0 14px;display:flex}.sf-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--fill-1)}.sf-search-input{font:inherit;color:var(--ink-body);background:0 0;border:none;outline:none;flex:1;font-size:16px}.sf-search-input::placeholder{color:var(--ink-2)}.sf-search-clear{background:var(--fill-1);color:var(--ink-2);cursor:pointer;width:26px;height:26px;transition:background var(--transition), color var(--transition);border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.sf-search-clear:hover{background:var(--coral-soft);color:var(--coral)}.sf-listbox{z-index:20;background:var(--white);border:1px solid var(--line-soft);border-radius:var(--r-card);box-shadow:var(--card-shadow-hover);max-height:360px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.sf-option{text-align:left;cursor:pointer;width:100%;transition:background var(--transition);color:var(--ink-2);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.sf-option.is-active{background:var(--fill-1)}.sf-option-name{color:var(--ink);flex:1;font-size:15px;font-weight:600}.sf-option-kind{color:var(--ink-2);background:var(--fill-1);border-radius:999px;flex:none;padding:2px 9px;font-size:12px}.sf-option--fallback .sf-option-name{color:var(--blue-deep);font-weight:600}.sf-empty{text-align:center;max-width:640px;margin:28px auto 0}.sf-empty-hint{color:var(--ink-2);margin:0 0 12px;font-size:13px}.sf-suggest{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.sf-suggest-chip{border:1px solid var(--line-soft);background:var(--white);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--card-shadow);transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.sf-suggest-chip:hover{background:var(--blue);border-color:var(--blue);color:var(--white);transform:translateY(-2px)}@media (max-width:600px){.sf-search{height:50px}}