.search-btn{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);width:auto;height:40px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);border-radius:var(--radius-full);transition:all var(--transition-fast);margin-left:var(--spacing-lg);font-size:.85rem;position:relative}.search-btn:hover{background:var(--color-bg-hover);border-color:var(--color-accent);color:var(--color-text-primary);transform:translateY(-1px)}.search-btn svg{flex-shrink:0}.search-shortcut{display:none;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 6px;border-radius:4px;font-family:var(--font-body);letter-spacing:.05em}@media (min-width:769px){.search-shortcut{display:inline-block}}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(13,13,15,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2000;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);display:flex;flex-direction:column;overflow-y:auto}.search-overlay.active{opacity:1;visibility:visible}.search-container{max-width:900px;width:100%;margin:0 auto;padding:var(--spacing-3xl) var(--container-padding) var(--spacing-xl)}.search-header{margin-bottom:var(--spacing-2xl);position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);transition:all var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search-input-wrapper svg{color:var(--color-accent);flex-shrink:0}.search-input{flex:1;background:0 0;border:none;font-family:var(--font-body);font-size:1.25rem;color:var(--color-text-primary);outline:0;padding:0}.search-input::placeholder{color:var(--color-text-muted)}.search-close{background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.search-close:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-bg-elevated);transform:rotate(90deg)}.search-hint{margin-top:var(--spacing-md);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-sm)}.search-hint kbd{background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:2px 6px;border-radius:4px;font-family:var(--font-body);font-size:.75rem;color:var(--color-text-secondary)}.suggested-tags-container{margin-bottom:var(--spacing-2xl)}.suggested-tags-container h3{font-family:var(--font-body);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-weight:600}.suggested-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-btn{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;transition:all var(--transition-fast);font-family:var(--font-body)}.tag-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft);transform:translateY(-2px)}.search-results{min-height:200px}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.search-results-count{font-size:.9rem;color:var(--color-text-muted);font-family:var(--font-body)}.search-result-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);text-decoration:none;cursor:pointer}.search-result-item:hover{transform:translateY(-2px);border-color:var(--color-accent);background:var(--color-bg-hover);box-shadow:var(--shadow-md)}.result-image{width:140px;height:100px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--color-bg-elevated)}.result-image img{width:100%;height:100%;object-fit:cover}.result-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.result-category{font-size:.75rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-block;width:fit-content}.result-content h4{font-family:var(--font-body);font-size:1.15rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.result-content p{font-size:.9rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;line-height:1.5}.no-results{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--color-text-muted)}.no-results svg{width:64px;height:64px;margin:0 auto var(--spacing-lg);opacity:.5;color:var(--color-text-muted)}.no-results h3{font-family:var(--font-body);font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.no-results p{font-size:.95rem;color:var(--color-text-secondary)}@media (max-width:768px){.search-btn{width:40px;padding:0;margin-left:var(--spacing-md)}.search-shortcut{display:none}.search-container{padding:var(--spacing-xl) var(--container-padding)}.search-input{font-size:1.1rem}.search-input-wrapper{padding:var(--spacing-md) var(--spacing-lg)}.search-result-item{flex-direction:column;gap:var(--spacing-md)}.result-image{width:100%;height:180px}.search-hint{font-size:.8rem}}