.sp-backdrop{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,var(--bg) 60%,rgba(0,0,0,.35));backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:8vh 1rem 1rem;animation:sp-fade .12s ease-out}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}.sp-panel{width:100%;max-width:640px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;overflow:hidden;max-height:min(70vh,640px);animation:sp-rise .16s ease-out}@keyframes sp-rise{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.sp-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.sp-icon{width:18px;height:18px;color:var(--text-dim);flex-shrink:0}.sp-input{flex:1;background:transparent;border:0;outline:0;color:var(--text);font-size:1rem;font-family:inherit;padding:.25rem 0}.sp-input::placeholder{color:var(--text-dim)}.sp-kbd,.sp-foot kbd{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);background:var(--surface, color-mix(in srgb, var(--bg) 70%, var(--border)));border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;line-height:1.4}.sp-results{overflow-y:auto;padding:.4rem .5rem .6rem}.sp-empty{padding:1.4rem 1rem;color:var(--text-dim);text-align:center;font-size:.9rem}.sp-group+.sp-group{margin-top:.4rem}.sp-group-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:.6rem .7rem .3rem;margin:0}.sp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.sp-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.55rem .7rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s}.sp-row.is-active{background:var(--accent-glow);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.sp-row-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sp-title{color:var(--text);font-size:.95rem;font-weight:600;letter-spacing:-.005em}.sp-sub{color:var(--text-dim);font-size:.8rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-row mark{background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit;padding:0 1px;border-radius:2px}.sp-kind{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:.2rem .45rem;border-radius:4px;border:1px solid var(--border);color:var(--text-dim);background:color-mix(in srgb,var(--bg) 60%,transparent);white-space:nowrap}.sp-kind-chapter{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.sp-go{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);opacity:0;transition:opacity .12s}.sp-row.is-active .sp-go{opacity:1;color:var(--accent)}.sp-foot{display:flex;flex-wrap:wrap;gap:.9rem;padding:.55rem 1rem;border-top:1px solid var(--border);color:var(--text-dim);font-size:.72rem;background:color-mix(in srgb,var(--bg) 50%,transparent)}.sp-foot kbd+kbd{margin-left:2px}.nav-search-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 70%,transparent);color:var(--text-dim);font-size:.8rem;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.nav-search-trigger:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-elevated)}.nav-search-trigger svg{width:14px;height:14px}.nav-search-trigger .nav-search-label{font-weight:500}.nav-search-trigger .nav-search-kbd{font-family:var(--font-mono);font-size:.65rem;padding:.1rem .35rem;border-radius:4px;border:1px solid var(--border);color:var(--text-dim);line-height:1.3}@media(max-width:768px){.sp-backdrop{padding:4vh .6rem .6rem}.sp-panel{max-height:84vh}.sp-input{font-size:16px}.sp-foot,.nav-search-trigger .nav-search-label,.nav-search-trigger .nav-search-kbd{display:none}.nav-search-trigger{padding:.4rem}}