.recipes-header{margin-top:var(--space-4);margin-bottom:var(--space-6)}.header-top{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.header-top h2{margin:0;font-size:2.25rem}.categories-bar-wrapper{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.categories-scroll{gap:var(--space-3);padding-bottom:var(--space-2);flex-wrap:wrap;flex-grow:1;display:flex}.category-pill{white-space:nowrap;background:var(--glass-bg);border:1px solid var(--glass-border);color:hsl(var(--color-text-secondary));transition:all var(--transition-fast);border-radius:9999px;padding:.35rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none}.category-pill:hover{background:hsl(var(--color-bg-surface-elevated));color:hsl(var(--color-text-primary))}.category-pill.active{background:hsl(var(--color-accent));color:#fff;border-color:hsl(var(--color-accent))}.manage-categories-btn{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;min-width:36px;height:36px;transition:all var(--transition-fast);margin-bottom:var(--space-2);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.manage-categories-btn:hover{background:hsl(var(--color-bg-surface-elevated))}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;max-width:400px;margin:0 auto;display:flex}.empty-state h3{font-size:1.5rem}.recipes-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.recipe-card{transition:transform var(--transition-normal);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.recipe-card:hover{transform:translateY(-4px)}.recipe-image{border-bottom:1px solid var(--glass-border);background-position:50%;background-size:cover;height:160px}.recipe-image-placeholder{background:hsl(var(--color-bg-surface-elevated));border-bottom:1px solid var(--glass-border);justify-content:center;align-items:center;height:160px;display:flex}.recipe-card-content{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex-grow:1;display:flex}.recipe-title{margin:0;font-size:1.125rem}.recipe-author{color:hsl(var(--color-text-secondary));font-size:.875rem}.view-recipe-btn{width:100%;margin-top:auto}@media (max-width:500px){.recipes-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.search-bar-container{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);width:100%;max-width:600px;transition:all var(--transition-normal);margin:0 auto;display:flex}.search-bar-container:focus-within{border-color:hsl(var(--color-accent));box-shadow:0 0 0 3px hsla(var(--color-accent) / .2)}.search-icon{color:hsl(var(--color-text-muted));-webkit-user-select:none;user-select:none;font-size:1.2rem}.search-input{color:hsl(var(--color-text-primary));font-family:var(--font-body);padding:var(--space-2) 0;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-input::placeholder{color:hsl(var(--color-text-muted))}.clear-button{background:hsla(var(--color-text-muted) / .1);width:24px;height:24px;color:hsl(var(--color-text-secondary));transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.clear-button:hover{background:hsla(var(--color-accent) / .2);color:hsl(var(--color-accent))}