.search-wrapper{width:100%;max-width:680px;margin:0;position:relative}.search-input-container{align-items:center;gap:var(--space-sm,.75rem);background:var(--color-paper-2);border:1.5px solid var(--color-navy-raw);border-radius:var(--radius-pill,9999px);padding:var(--space-xs,.5rem) var(--space-xl,1.25rem);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);box-sizing:border-box;min-height:48px;display:flex;position:relative;box-shadow:0 4px 16px #0b132914}.search-input-container:focus-within{background:var(--color-paper-2);border-color:var(--color-cyan-raw);box-shadow:0 0 0 3.5px #00d4b838,0 8px 24px #0b13291f}.search-input-icon{color:var(--color-ink-3);transition:color var(--dur-fast) var(--ease-out);flex-shrink:0}.search-input-container:focus-within .search-input-icon{color:var(--color-cyan-raw)}.search-input{min-width:0;font-size:var(--text-base,16px);color:var(--color-ink);font-weight:500;font-family:var(--font-body);padding:var(--space-3xs,.25rem) 0;background:0 0;border:none;outline:none;flex:1;line-height:1.35}.search-input::placeholder{color:var(--color-placeholder);opacity:.85;font-size:var(--text-sm,.88rem);font-weight:400}.search-clear-btn{cursor:pointer;color:var(--color-ink-3);border-radius:var(--radius-pill,9999px);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;line-height:1;display:inline-flex}.search-clear-btn:hover{background:var(--color-rule);color:var(--color-ink)}.search-results{top:calc(100% + var(--space-xs,8px));background:var(--color-paper-2);border:1.5px solid var(--color-navy-raw);border-radius:var(--radius-lg,14px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:420px;animation:searchDropdownFadeIn var(--dur-fast) var(--ease-out);margin:0;padding:0;list-style:none;position:absolute;left:0;right:0;overflow:hidden auto;box-shadow:0 20px 48px #0b132938,0 8px 18px #0b13291a;z-index:99999!important}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.search-results::-webkit-scrollbar{width:5px}.search-results::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:var(--radius-pill,9999px)}.result-item{cursor:pointer;transition:background var(--dur-fast) var(--ease-out);box-sizing:border-box;padding:var(--space-md,.85rem) var(--space-xl,1.25rem)!important;border-bottom:1px solid var(--color-rule-2)!important;color:var(--color-ink)!important;justify-content:space-between!important;align-items:center!important;gap:var(--space-md,.85rem)!important;text-decoration:none!important;display:flex!important}.result-item:last-child{border-bottom:none!important}.result-item:hover,.result-item:focus-visible{outline:none;background:var(--color-paper)!important}.result-item .ri-info{gap:var(--space-3xs,.2rem);flex-direction:column;flex:1;min-width:0;display:flex}.result-item .ri-name{font-weight:600;font-size:var(--text-sm,.92rem);color:var(--color-navy-raw);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.result-item .ri-sci{color:var(--color-ink-3);font-size:var(--text-xs,.82rem);text-overflow:ellipsis;white-space:nowrap;font-style:italic;font-weight:500;line-height:1.3;overflow:hidden}.vol-badge{transition:all var(--dur-fast) var(--ease-out);background:var(--color-navy-raw);color:var(--color-cyan-raw);border:1px solid #0000;padding:var(--space-3xs,.25rem) var(--space-sm,.65rem)!important;border-radius:var(--radius-sm,6px)!important;font-family:var(--font-outlier,monospace)!important;font-size:var(--text-xs,.74rem)!important;letter-spacing:.04em!important;white-space:nowrap!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-weight:700!important;line-height:1.2!important;display:inline-flex!important}.vol-badge.v-plant{color:#047857!important;background:#10b9811f!important;border:1px solid #10b98147!important}.vol-badge.v-crustacean{color:#b45309!important;background:#f59e0b24!important;border:1px solid #f59e0b52!important}.vol-badge.v-coral{color:#be123c!important;background:#f43f5e1f!important;border:1px solid #f43f5e47!important}.vol-badge.v-mollusk{color:#6d28d9!important;background:#8b5cf61f!important;border:1px solid #8b5cf647!important}.vol-badge.v-echinoderm{color:#4338ca!important;background:#6366f11f!important;border:1px solid #6366f147!important}.vol-badge.v-reptile{color:#0f766e!important;background:#0d94881f!important;border:1px solid #0d948847!important}.vol-badge.v-toxic{color:#b91c1c!important;background:#dc262624!important;border:1px solid #dc26264d!important}.search-state-msg{padding:var(--space-xl,1.5rem);text-align:center;font-size:var(--text-sm,.88rem);color:var(--color-muted);line-height:1.45}.search-state-msg--error{color:var(--color-error)}[data-theme=dark] .search-input-container{background:#070d1d!important;border-color:#00d4b859!important;box-shadow:0 4px 20px #00000080!important}[data-theme=dark] .search-input-container:focus-within{border-color:var(--color-cyan-on-navy,#00f0d0)!important;box-shadow:0 0 0 3.5px #00f0d040,0 8px 24px #0009!important}[data-theme=dark] .search-input{color:var(--color-ink-on-navy,#f8fafc)!important}[data-theme=dark] .search-input::placeholder{color:var(--color-neutral,#64748b)!important}[data-theme=dark] .search-clear-btn{color:var(--color-placeholder,#94a3b8)!important}[data-theme=dark] .search-clear-btn:hover{color:var(--color-ink-on-navy,#f8fafc)!important;background:#ffffff1a!important}[data-theme=dark] .search-results{background:#0c152d!important;border-color:#00d4b852!important;box-shadow:0 20px 48px #000000bf,0 0 20px #00d4b81f!important}[data-theme=dark] .search-results::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .result-item{color:var(--color-ink-on-navy,#f8fafc)!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .result-item:hover,[data-theme=dark] .result-item:focus-visible{background:#00d4b81a!important}[data-theme=dark] .result-item .ri-name{color:var(--color-ink-on-navy,#f8fafc)!important}[data-theme=dark] .result-item .ri-sci{color:var(--color-placeholder,#94a3b8)!important}[data-theme=dark] .vol-badge{color:var(--color-cyan-on-navy,#00f0d0)!important;background:#070d1d!important;border-color:#00f0d04d!important}[data-theme=dark] .vol-badge.v-plant{color:#34d399!important;background:#10b98133!important;border-color:#10b98166!important}[data-theme=dark] .vol-badge.v-crustacean{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b66!important}[data-theme=dark] .vol-badge.v-coral{color:#fb7185!important;background:#f43f5e33!important;border-color:#f43f5e66!important}[data-theme=dark] .vol-badge.v-mollusk{color:#a78bfa!important;background:#8b5cf633!important;border-color:#8b5cf666!important}[data-theme=dark] .vol-badge.v-echinoderm{color:#818cf8!important;background:#6366f133!important;border-color:#6366f166!important}[data-theme=dark] .vol-badge.v-reptile{color:#2dd4bf!important;background:#14b8a633!important;border-color:#14b8a666!important}[data-theme=dark] .vol-badge.v-toxic{color:#f87171!important;background:#ef444440!important;border-color:#ef444473!important}@media (max-width:640px){.search-input-container{padding:var(--space-3xs,.4rem) var(--space-md,.95rem);min-height:44px}.search-input{font-size:16px}.result-item{padding:var(--space-sm,.75rem) var(--space-md,.95rem)!important;gap:var(--space-xs,.65rem)!important}.result-item .ri-name{font-size:var(--text-xs,.86rem)}.result-item .ri-sci{font-size:.8rem}.vol-badge{padding:.2rem var(--space-xs,.5rem)!important;font-size:.8rem!important}}.result-item.is-active{background:var(--color-paper-cyan)}.result-item .ri-hint{color:var(--color-ink-3);font-style:normal;font-size:var(--text-2xs)}.result-item--all{font-weight:600;font-size:var(--text-sm);color:var(--color-ink);border-top:1px solid var(--color-rule);justify-content:center}