:root{--search-bg: rgba(255, 255, 255, .85);--search-border: rgba(255, 255, 255, .4);--search-accent: #059669;--search-accent-soft: rgba(5, 150, 105, .1);--search-text: #2c3e50;--search-muted: #64748b;--search-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15)}body.dark-mode{--search-bg: rgba(15, 23, 42, .9);--search-border: rgba(255, 255, 255, .1);--search-text: #f1f5f9;--search-muted: #94a3b8}.search-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:none;opacity:0;transition:opacity .3s ease;align-items:flex-start;justify-content:center;padding-top:100px}.search-overlay.active{display:flex;opacity:1}.search-modal{width:100%;max-width:650px;background:var(--search-bg);border:1px solid var(--search-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:var(--search-shadow);overflow:hidden;transform:translateY(-20px) scale(.98);transition:transform .3s cubic-bezier(.34,1.56,.64,1);margin:0 16px}.search-overlay.active .search-modal{transform:translateY(0) scale(1)}.search-modal-header{display:flex;align-items:center;padding:18px 24px;border-bottom:1px solid var(--search-border);gap:16px}.search-modal-header i{color:var(--search-accent);font-size:1.25rem}.search-modal-input{flex:1;background:transparent;border:none;outline:none;font-size:1.1rem;color:var(--search-text);font-family:inherit}.search-modal-close{padding:8px 12px;background:var(--search-accent-soft);color:var(--search-accent);border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;border:none;transition:all .2s}.search-modal-close:hover{background:var(--search-accent);color:#fff}.search-results-viewport{max-height:500px;overflow-y:auto;padding:12px 0}.search-group-title{padding:12px 24px 8px;font-size:.75rem;font-weight:700;color:var(--search-accent);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.search-item{display:flex;align-items:center;padding:12px 24px;gap:16px;text-decoration:none;color:inherit;transition:background .2s,transform .2s;cursor:pointer}.search-item:hover,.search-item.selected{background:var(--search-accent-soft)}.search-item.selected{border-left:3px solid var(--search-accent);padding-left:21px}.search-item-icon{width:40px;height:40px;background:var(--search-accent-soft);color:var(--search-accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.search-item-info{flex:1;min-width:0}.search-item-title{font-weight:600;font-size:.95rem;color:var(--search-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.search-item-path{font-size:.75rem;color:var(--search-muted);display:block;margin-top:2px}.search-empty{padding:40px 24px;text-align:center;color:var(--search-muted)}.search-empty i{font-size:2.5rem;margin-bottom:12px;display:block;opacity:.5}.search-modal-footer{padding:12px 24px;background:#00000005;border-top:1px solid var(--search-border);display:flex;gap:20px;font-size:.7rem;color:var(--search-muted)}.kb-hint{display:flex;align-items:center;gap:6px}.kb-key{background:var(--search-border);padding:2px 6px;border-radius:4px;font-weight:700;font-family:monospace;border-bottom:2px solid rgba(0,0,0,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.search-item{animation:slideUp .3s ease forwards}@media(max-width:640px){.search-overlay{padding-top:0}.search-modal{max-width:none;height:100%;margin:0;border-radius:0}.search-results-viewport{max-height:none}}