.search-overlay{display:none;position:fixed;inset:0;z-index:var(--z-modal);align-items:flex-start;justify-content:center;padding-top:20vh;background:var(--color-surface-overlay);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),display var(--duration-fast) allow-discrete}.search-overlay.open{display:flex;opacity:1;transition:opacity var(--duration-normal) var(--ease-out),display var(--duration-normal) allow-discrete}@starting-style{.search-overlay.open{opacity:0}}.search-modal{width:100%;max-width:560px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-overlay);overflow:hidden;transform:translateY(-8px) scale(.98);opacity:0;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.search-overlay.open .search-modal{transform:translateY(0) scale(1);opacity:1;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}@starting-style{.search-overlay.open .search-modal{transform:translateY(-8px) scale(.98);opacity:0}}.search-input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.search-input-icon{flex-shrink:0;width:18px;height:18px;color:var(--color-text-tertiary)}.search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);line-height:1.5}.search-input::placeholder{color:var(--color-text-tertiary)}.search-results{max-height:360px;overflow-y:auto;padding:var(--space-2)}.search-results:empty{display:none}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) ease}.search-result-item:hover,.search-result-item.active{background:var(--color-surface-hover)}.search-result-item.active{background:var(--color-surface-active)}.search-result-icon{width:16px;height:16px;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-path{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-results{padding:var(--space-8) var(--space-4);text-align:center;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-tertiary)}.search-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-tertiary)}.search-footer kbd{font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:1px var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xs)}@media(prefers-reduced-motion:reduce){.search-overlay,.search-overlay.open,.search-modal,.search-overlay.open .search-modal{transition-duration:0ms!important;transform:none!important}}@media(max-width:768px){.search-overlay{padding-top:var(--space-4);padding-left:var(--space-4);padding-right:var(--space-4)}}