.doc-search{position:relative;width:100%;max-width:600px}.doc-search-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.doc-search-input-wrapper:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-glass)}.doc-search-icon{width:var(--icon-md);height:var(--icon-md);color:var(--text-tertiary);flex-shrink:0}.doc-search-input{flex:1 1;border:none;background:transparent;font-size:var(--text-body);color:var(--text-primary);outline:none}.doc-search-input::placeholder{color:var(--text-tertiary)}.doc-search-clear{padding:var(--space-xs);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius);transition:all .2s ease}.doc-search-clear:hover{background:var(--error-glass);color:var(--error)}.doc-search-kbd{padding:var(--space-xs) var(--space-sm);background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);font-size:var(--text-body-xs);font-family:monospace;color:var(--text-tertiary)}.doc-search-results{position:absolute;top:calc(100% + var(--space-sm));left:0;right:0;max-height:500px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-glass);overflow:hidden;z-index:var(--z-popover);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.doc-search-results-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--separator-subtle);font-size:var(--text-body-sm);color:var(--text-secondary);font-weight:600}.doc-search-results-list{list-style:none;padding:0;margin:0;max-height:450px;overflow-y:auto}.doc-search-result-item{display:block;padding:var(--space-md);border-bottom:1px solid var(--separator-subtle);transition:background .2s ease;cursor:pointer;text-decoration:none}.doc-search-result-item:hover{background:var(--purple-glass)}.doc-search-result-item:last-child{border-bottom:none}.doc-search-result-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.doc-search-result-title{font-size:var(--text-body);font-weight:600;color:var(--text-primary)}.doc-search-result-excerpt{font-size:var(--text-body-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-search-result-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.doc-search-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);font-size:var(--text-body-xs);font-weight:600;text-transform:capitalize}.doc-search-badge.beginner{background:var(--success-glass);color:var(--success)}.doc-search-badge.intermediate{background:var(--warning-glass);color:var(--warning)}.doc-search-badge.advanced{background:var(--error-glass);color:var(--error)}.doc-search-time{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-body-xs);color:var(--text-tertiary)}.doc-search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md);color:var(--text-secondary)}.doc-search-spinner{width:24px;height:24px;border:3px solid var(--purple-glass);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.doc-search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--text-secondary)}.doc-search-empty p{margin:0}@media (max-width:768px){.doc-search{max-width:100%}.doc-search-kbd{display:none}.doc-search-results{max-height:400px}.doc-search-result-item{padding:var(--space-sm)}}