.search-panel{padding:var(--space-6);margin-bottom:var(--space-8)}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;align-items:center;display:flex;position:absolute}#site-search{width:100%;padding:var(--space-4) var(--space-12);font-size:var(--text-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast)}#site-search:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent)}#site-search:focus:not(:focus-visible){outline:none}.search-shortcut{right:var(--space-4);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);pointer-events:none;position:absolute}.search-controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.search-filters{gap:var(--space-2);display:flex}.filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.filter-count{font-size:var(--text-xs);background:color-mix(in srgb, currentColor 15%, transparent);border-radius:var(--radius-full);padding:2px 6px;font-weight:600}.search-summary{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.results-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.result-card{height:100%;min-height:220px;padding:var(--space-5);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex}.result-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px)}.result-card:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 40%, transparent);outline-offset:2px}.result-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);margin-bottom:var(--space-2);border:1px solid #0000;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.result-type.blog{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);border-color:color-mix(in srgb, var(--color-primary) 25%, transparent)}.result-type.project{background:color-mix(in srgb, var(--color-success) 10%, transparent);color:var(--color-success-text);border-color:color-mix(in srgb, var(--color-success) 25%, transparent)}.result-type svg{stroke-width:2.5px;flex-shrink:0;width:12px;height:12px}.result-title{font-size:var(--text-base);margin:0 0 var(--space-2);font-weight:650;line-height:1.35}.result-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.result-description{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:auto;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.result-tags{gap:var(--space-2);padding-top:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.result-tag{font-size:var(--text-xs);background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-muted);white-space:nowrap;padding:3px 10px}.result-tag-more{background:0 0;border-style:dashed;font-weight:500}.empty-state,.initial-state{text-align:center;padding:var(--space-10) 0;color:var(--color-text-muted)}.empty-icon,.initial-icon{margin-bottom:var(--space-4);color:var(--color-text-muted);opacity:.6}.empty-state h3{margin-bottom:var(--space-2)}.search-tips{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.search-tips .tip{font-size:var(--text-sm)}.search-tips kbd{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);padding:2px 6px}.no-js-note{text-align:center;padding:var(--space-6);color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:var(--radius-lg)}@media (width<=640px){.search-controls{flex-direction:column;align-items:flex-start}.search-shortcut{display:none}}