.recipe-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.recipe-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.recipe-image-container{height:200px;position:relative;overflow:hidden}.recipe-image-container img{object-fit:cover;width:100%;height:100%}.recipe-difficulty-badge{color:#fff;background:#4caf50e6;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:12px;right:12px}.recipe-content{padding:20px}.recipe-title{color:#333;margin-bottom:8px;font-size:1.25rem;font-weight:600;line-height:1.4}.recipe-description{color:#666;margin-bottom:16px;font-size:.9rem;line-height:1.5}.recipe-meta{border-bottom:1px solid #eee;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.meta-item{color:#555;align-items:center;gap:4px;font-size:.85rem;display:flex}.icon{font-size:1rem}.recipe-macros{justify-content:space-between;margin-bottom:16px;display:flex}.macro{text-align:center}.macro-label{color:#888;margin-bottom:2px;font-size:.7rem;display:block}.macro-value{color:#333;font-size:.9rem;font-weight:600;display:block}.recipe-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tag{color:#666;background:#f5f5f5;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:500}.more-tag{color:#1976d2;background:#e3f2fd}.view-recipe-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:background .3s}.view-recipe-btn:hover{background:linear-gradient(135deg,#45a049 0%,#3d8b40 100%)}
.filter-bar{padding:2rem 0}.search-container{margin-bottom:2rem}.search-input{border:2px solid #e5e7eb;border-radius:9999px;width:100%;max-width:500px;padding:.75rem 1.5rem;font-size:1rem;transition:all .2s}.search-input:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1a}.filter-section{margin-bottom:2rem}.filter-title{text-transform:uppercase;color:#6b7280;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.category-filters{flex-wrap:wrap;gap:.5rem;display:flex}.category-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.category-btn:hover{background:#e5e7eb}.category-btn.active{color:#fff;background:#16a34a}.tag-filters{flex-wrap:wrap;gap:.5rem;display:flex}.tag-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;transition:all .2s}.tag-btn:hover{color:#374151;background:#e5e7eb}.tag-btn.active{color:#166534;background:#dcfce7}