.search-bar-container{align-items:center;width:100%;max-width:600px;display:flex;position:relative}.search-icon{left:var(--space-4);color:var(--text-tertiary);position:absolute}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) * 2 + 18px);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition);font-size:.95rem}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.search-clear{right:var(--space-4);color:var(--text-tertiary);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:2px;display:flex;position:absolute}.search-clear:hover{background-color:var(--bg-tertiary);color:var(--text-secondary)}@media (width<=640px){.search-icon{left:var(--space-3)}.search-input{min-height:48px;padding-left:44px;padding-right:44px;font-size:1rem}.search-clear{right:var(--space-3)}}