.search-container{max-width:1000px;margin:40px auto;text-align:center;padding:20px;display:flex;justify-content:center;flex-direction:column;background:#ffffff14;border-radius:20px;box-shadow:0 4px 25px #0000001a}.title{color:#fff;font-size:2rem;font-weight:600;margin-bottom:20px}.search-input{width:90%;padding:12px 18px;border-radius:25px;border:none;outline:none;font-size:1rem;background:#fff3;color:#fff;transition:all .3s ease}.search-input::placeholder{color:#ddd}.search-input:focus{background:#ffffff4d;box-shadow:0 0 10px #ffffff4d}.loading-text{margin-top:20px;color:#aaa;font-size:1.1rem}.meals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px;padding:10px}.meal-card{background:#ffffff1a;margin:10px;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;position:relative}.meal-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #fff3}.meal-img{width:100%;height:150px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.1)}.meal-info{padding:10px 0}.meal-name{font-size:1rem;font-weight:500;color:#fff}@media (max-width: 500px){.search-input{width:90%}.title{font-size:1.5rem}.search-container{min-width:250px}}.meal-details-container{max-width:1000px;margin:40px auto;padding:20px;color:#fff;font-family:Poppins,sans-serif;min-width:270px;display:flex;align-items:center;justify-content:center}.no-meal-text{text-align:center;font-size:1.2rem;color:#ccc;margin-top:60px}.meal-details-card{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center;background:#ffffff14;border-radius:20px;padding:30px}.meal-details-img{width:300px;height:300px;border-radius:15px;object-fit:cover;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}.meal-details-img:hover{transform:scale(1.05);box-shadow:0 8px 25px #fff3}.meal-details-content{flex:1;text-align:left}.meal-details-title{font-size:2rem;font-weight:600;margin-bottom:10px;color:#fff}.meal-category{font-size:.95rem;color:#aaa;margin-bottom:20px}.meal-details-instructions{line-height:1.7;font-size:1rem;color:#eee;margin-bottom:25px;text-align:justify;max-width:700px}.watch-video-btn{display:inline-block;padding:12px 20px;background:linear-gradient(135deg,#ff6b6b,#f06595);border:none;border-radius:25px;color:#fff;font-weight:500;text-decoration:none;transition:all .3s ease}.watch-video-btn:hover{background:linear-gradient(135deg,#f06595,#cc5de8);transform:translateY(-2px);box-shadow:0 4px 15px #fff3}@media (max-width: 768px){.meal-details-card{flex-direction:column;align-items:center;text-align:center}.meal-details-img{width:250px;height:250px}.meal-details-title{font-size:1.5rem}}.favorite-btn{background:linear-gradient(135deg,#ff6b6b,#f06595);color:#fff;font-weight:500;border:none;border-radius:25px;padding:10px 18px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;box-shadow:0 4px 15px #ffffff26;outline:none}.favorite-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fff3}.favorite-btn:active{transform:scale(.97);background:linear-gradient(135deg,#f06595,#cc5de8)}.favorite-btn:disabled{opacity:.7;cursor:not-allowed}.favorites-container{margin-top:40px;text-align:center;color:#fff;font-family:Poppins,sans-serif;min-width:350px}.favorites-title{font-size:1.8rem;font-weight:600;margin-bottom:20px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;justify-items:center}.favorite-card{background:#ffffff14;border-radius:16px;overflow:hidden;width:160px;text-align:center;position:relative;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 15px #00000026}.favorite-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #fff3}.favorite-img{width:100%;height:110px;object-fit:cover}.favorite-name{padding:10px;font-size:.95rem;font-weight:500;color:#fff;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.remove-btn{position:absolute;top:6px;right:6px;background:#f00c;color:#fff;border:none;border-radius:50%;font-size:.8rem;width:22px;height:22px;cursor:pointer;opacity:0;transition:all .3s ease}.favorite-card:hover .remove-btn{opacity:1;transform:scale(1.1)}.remove-btn:hover{background:#ff4d4d}@media (max-width: 600px){.favorites-title{font-size:1.5rem}.favorite-card{width:140px}.favorite-name{font-size:.85rem}}body{background:linear-gradient(135deg,#232526,#414345)}