.hookpicker{position:relative;margin:0 0 44px}.hookpicker__field{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#ffffff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s var(--ease,cubic-bezier(.4,0,.2,1)),box-shadow .15s var(--ease,cubic-bezier(.4,0,.2,1))}.hookpicker.is-open .hookpicker__field,.hookpicker__field:focus-within{border-color:var(--accent,#547170);box-shadow:0 1px 2px rgba(15,23,42,.04),0 0 0 3px rgba(84,113,112,.15)}.hookpicker__icon{flex:0 0 18px;width:18px;height:18px;color:#94a3b8}.hookpicker__input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:0.94rem;color:#0f172a;padding:0;outline:none;width:100%}.hookpicker__input::placeholder{color:#94a3b8}.hookpicker__count{flex:0 0 auto;font-size:0.7rem;font-weight:700;letter-spacing:0.04em;color:#475569;background:#f1f5f9;padding:3px 8px;border-radius:999px;white-space:nowrap}.hookpicker__kbd{flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.7rem;font-weight:700;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-bottom-width:2px;padding:1px 7px;border-radius:5px;line-height:1.2}.hookpicker__field:focus-within .hookpicker__kbd{display:none}.hookpicker__panel{position:absolute;left:0;right:0;top:calc(100%+6px);z-index:30;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 38px -10px rgba(15,23,42,.25);max-height:min(60vh,420px);overflow-y:auto;display:none;overscroll-behavior:contain}.hookpicker.is-open .hookpicker__panel{display:block;animation:hookpicker-open .16s var(--ease,cubic-bezier(.4,0,.2,1))}@keyframes hookpicker-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hookpicker__list{list-style:none;margin:0;padding:6px 0}.hookpicker__group{font-size:0.62rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#64748b;padding:10px 16px 4px;background:#fafbfc;border-top:1px solid #f1f5f9}.hookpicker__group:first-child{border-top:0}.hookpicker__item{display:flex;align-items:center;gap:10px;padding:9px 16px;margin:0;cursor:pointer;transition:background-color .12s var(--ease,cubic-bezier(.4,0,.2,1))}.hookpicker__item:hover,.hookpicker__item.is-active{background:#ecfdf5}.hookpicker__item.is-active{box-shadow:inset 3px 0 0 #047857}.hookpicker__type{flex:0 0 auto;font-size:0.6rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px}.hookpicker__type--filter{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.hookpicker__type--action{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.hookpicker__name{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.84rem;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hookpicker__name mark{background:rgba(252,211,77,.55);color:inherit;padding:0 1px;border-radius:2px}.hookpicker__crumb{flex:0 0 auto;font-size:0.7rem;color:#64748b;font-weight:600;white-space:nowrap}.hookpicker__empty{padding:30px 16px;text-align:center;color:#64748b;font-size:0.86rem}.hookpicker__empty strong{color:#0f172a}.hookpicker-target{position:relative;z-index:1}.hookpicker-target::before{content:"";position:absolute;z-index:-1;inset:-8px -14px -10px -16px;border-radius:12px;background:linear-gradient(135deg,rgba(20,184,166,.18) 0%,rgba(110,231,183,.08) 100%);border:1px solid rgba(20,184,166,.28);box-shadow:0 0 0 0 rgba(20,184,166,.35),0 8px 24px -10px rgba(20,184,166,.35);animation:hookpicker-pulse 2.4s var(--ease,cubic-bezier(.4,0,.2,1)) forwards}.hookpicker-target::after{content:"";position:absolute;left:-16px;top:-2px;bottom:-2px;width:3px;border-radius:999px;background:linear-gradient(180deg,#14b8a6 0%,#0d9488 100%);animation:hookpicker-rail 2.4s var(--ease,cubic-bezier(.4,0,.2,1)) forwards}@keyframes hookpicker-pulse{0%{opacity:0;transform:scale(.98);box-shadow:0 0 0 0 rgba(20,184,166,.35),0 8px 24px -10px rgba(20,184,166,0)}18%{opacity:1;transform:scale(1);box-shadow:0 0 0 8px rgba(20,184,166,.12),0 8px 24px -10px rgba(20,184,166,.35)}60%{opacity:1;box-shadow:0 0 0 0 rgba(20,184,166,0),0 8px 24px -10px rgba(20,184,166,.25)}100%{opacity:0;box-shadow:none}}@keyframes hookpicker-rail{0%{opacity:0;transform:scaleY(.6)}22%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.hookpicker-target::before,.hookpicker-target::after{animation-duration:.01ms;opacity:1}}@media (min-width:769px){.hookpicker{position:sticky;top:80px;z-index:20;background:linear-gradient(180deg,var(--bg,#fff) 80%,transparent 100%);padding-bottom:8px;margin-top:-8px}}