.search-overlay{z-index:100;justify-content:center;align-items:flex-start;padding:10vh 16px 32px;display:flex;position:fixed;inset:0}.search-overlay__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1a3780;position:absolute;inset:0}.search-overlay__panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);width:min(100%,620px);max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.search-overlay__panel:before{content:"";background:var(--brand-gradient);height:3px;position:absolute;inset:0 0 auto}.search-overlay__input-row{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.search-overlay__icon{color:var(--brand-blue);flex-shrink:0}.search-overlay__input{min-width:0;color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-overlay__input:focus-visible{outline:none}.search-overlay__input::placeholder{color:var(--color-text-muted)}.search-overlay__esc{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-subtle);color:var(--color-text-muted);font-family:var(--font-sans);padding:3px 8px;font-size:11.5px;font-weight:600}.search-overlay__results{flex:1;min-height:0;padding:6px 8px 8px;overflow-y:auto}.search-overlay__results-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:8px 10px 6px;font-size:10.5px;font-weight:700;display:flex}.search-overlay__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.search-overlay__result{border-radius:var(--radius-md);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;padding:9px 12px;display:flex}.search-overlay__result--active{border-color:var(--brand-blue-100);background:var(--brand-blue-50)}.search-overlay__result-main{min-width:0}.search-overlay__result-heading{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.search-overlay__result-title{color:var(--color-ink);font-size:13.5px;font-weight:650}.search-overlay__result--active .search-overlay__result-title{color:var(--brand-blue-dark)}.search-overlay__result-breadcrumb{color:var(--color-text-muted);font-size:11.5px}.search-overlay__result-description{-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;margin-top:3px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.search-overlay__result-description mark{color:var(--color-ink);background:#ffe9a8;border-radius:3px;padding:0 2px}.search-overlay__badge{text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex-shrink:0;max-width:150px;padding:2px 8px;font-size:11px;font-weight:600;overflow:hidden}.search-overlay__badge--blue{background:var(--brand-blue-50);color:var(--brand-blue-dark)}.search-overlay__badge--purple{color:#6f3aa3;background:#f5eefc}.search-overlay__badge--pink{color:#c23a6b;background:#fdeef3}.search-overlay__badge--orange{color:#c4451f;background:#fff0eb}.search-overlay__badge--indigo{color:#3e48b0;background:#eef0fc}.search-overlay__empty{color:var(--color-text-secondary);text-align:center;padding:32px 16px;font-size:14px}.search-overlay__footer{border-top:1px solid var(--color-border);background:var(--color-background-subtle);color:var(--color-text-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;font-size:11.5px;display:flex}.search-overlay__hints{gap:16px;display:flex}.search-overlay__hint{align-items:center;gap:6px;display:inline-flex}.search-overlay__hint kbd{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:var(--font-sans);padding:1px 6px;font-size:11px}@media (width<=600px){.search-overlay{padding-top:6vh}.search-overlay__hints{display:none}}:root{--brand-blue:#1664df;--brand-blue-dark:#114fb4;--brand-blue-50:#f0f5ff;--brand-blue-100:#dde9ff;--brand-purple:#8c4dc6;--brand-pink:#f36494;--brand-orange:#ff6a46;--brand-indigo:#515dd3;--brand-gradient:linear-gradient(90deg, #ff6a46 0%, #f36494 34%, #8c4dc6 68%, #1664df 100%);--color-background:#fff;--color-background-subtle:#f6f8fc;--color-background-muted:#eef2f9;--color-background-inverse:#0a1a37;--color-ink:#0b1b3a;--color-text-primary:#1a2540;--color-text-secondary:#4a5673;--color-text-muted:#7a869f;--color-text-inverse:#fff;--color-border:#dfe4ee;--color-border-light:#e9edf5;--color-border-strong:#c5cde0;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0b1b3a0d;--shadow-md:0 4px 14px #0b1b3a12;--shadow-lg:0 16px 40px #0b1b3a29;--header-height:56px;--container-width:1120px;--page-gutter:20px;--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand:Urbanist, var(--font-sans);--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-text-primary);margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,p{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}::selection{background:var(--brand-blue-100)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--brand-blue), var(--brand-purple) 60%, var(--brand-pink)) padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{border-width:1px}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--brand-purple) transparent}}.container{width:min(100% - 2 * var(--page-gutter), var(--container-width));margin:0 auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
