#search-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--c-bg)32%,transparent);backdrop-filter:blur(4px);z-index:1000}#search-overlay[hidden],#search-modal[hidden]{display:none}#search-modal{position:fixed;top:max(1rem,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(600px,calc(100vw - 2rem));max-height:calc(100dvh - max(1rem,env(safe-area-inset-top))- 1rem);background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,0.28);z-index:1001;padding:1rem;display:flex;flex-direction:column}#search-input-wrapper{display:flex;align-items:center;gap:0.75rem;border:1px solid var(--c-border);border-radius:4px;padding:0.5rem 0.625rem 0.5rem 0.75rem;background:var(--c-code-bg)}#search-input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;color:inherit;min-width:0;min-height:2.5rem}.search-hint{font-size:0.75em;color:var(--c-text-muted);white-space:nowrap;flex-shrink:0}.search-close{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:2.75rem;height:2.75rem;border:none;border-radius:0.5rem;background:transparent;color:var(--c-text-muted);cursor:pointer;transition:background-color 0.2s,color 0.2s}.search-close:hover{background:var(--c-bg);color:var(--c-text)}.search-close svg{width:1rem;height:1rem}#search-results{list-style:none;margin:0.75rem 0 0;padding:0;max-height:min(400px,calc(100dvh - 10rem));overflow-y:auto}#search-results li{border-radius:4px;cursor:pointer}#search-results li+li{margin-top:2px}#search-results li:hover,#search-results li[aria-selected="true"]{background:var(--c-code-bg)}#search-results a{display:block;padding:0.5rem 0.75rem;text-decoration:none;color:inherit}.search-result-title{display:block;font-weight:600}.search-result-summary{display:block;font-size:0.85em;color:var(--c-text-muted);margin-top:0.15em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-no-results{padding:0.5rem 0.75rem;color:var(--c-text-muted)}@media(max-width:640px){#search-modal{top:max(0.75rem,env(safe-area-inset-top));width:calc(100vw - 1rem);padding:0.75rem;border-radius:0.75rem}.search-hint{display:none}.search-close{display:inline-flex}}