.app-container{max-width:900px;margin:0 auto;padding:1.5rem;font-family:Segoe UI,Arial,sans-serif}h1{text-align:center;margin-bottom:2rem}.search-bar{display:flex;justify-content:center;margin-bottom:2rem}.search-bar input{width:100%;max-width:400px;padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.recipe-list{margin-top:1rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.recipe-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;cursor:pointer;transition:box-shadow .2s;display:flex;flex-direction:column}.recipe-card:hover{box-shadow:0 4px 16px #00000026}.recipe-image{width:100%;height:160px;object-fit:cover}.recipe-info{padding:1rem}.recipe-info h3{margin:0 0 .5rem}.category{display:inline-block;background:#f0f0f0;color:#333;font-size:.85rem;padding:.2rem .6rem;border-radius:12px;margin-top:.5rem}.recipe-detail{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:2rem;margin-top:2rem}.detail-image{width:100%;max-width:400px;height:220px;object-fit:cover;display:block;margin:1rem auto 2rem;border-radius:8px}.back-btn{background:#eee;border:none;border-radius:4px;padding:.5rem 1rem;margin-bottom:1rem;cursor:pointer;font-size:1rem}@media(max-width:600px){.app-container{padding:.5rem}.recipe-detail{padding:1rem}.detail-image{height:140px}}body{margin:0;background:#f7f7f7;color:#222;min-height:100vh}*{box-sizing:border-box}