*{box-sizing:border-box;margin:0;padding:0}body{color:#f5f5f5;background:#0f0f0f;font-family:Inter,sans-serif}.app{min-height:100vh;padding:40px 24px}.meals-container{max-width:1400px;margin:0 auto}.title{text-align:center;letter-spacing:1px;color:#fff;margin-bottom:35px;font-size:2.7rem;font-weight:700}.loading{text-align:center;color:#cfcfcf;margin-top:40px;font-size:1.2rem}.navbar{justify-content:center;align-items:center;gap:18px;margin-bottom:35px;display:flex}.nav-btn{color:#fff;cursor:pointer;background:#1f1f1f;border:1px solid #333;border-radius:12px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:all .25s}.nav-btn:hover{background:#2b2b2b;border-color:#555;transform:translateY(-2px)}.page-text{color:#d1d1d1;font-size:1rem;font-weight:600}.meals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.meal-card{background:linear-gradient(145deg,#181818,#111);border:1px solid #2a2a2a;border-radius:22px;transition:all .3s;overflow:hidden;box-shadow:0 8px 20px #00000059}.meal-card:hover{border-color:#444;transform:translateY(-6px);box-shadow:0 12px 28px #00000073}.image-wrapper{overflow:hidden}.meal-image{object-fit:cover;width:100%;height:230px;transition:transform .4s}.meal-card:hover .meal-image{transform:scale(1.06)}.meal-content{padding:20px}.meal-tags{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tag{color:#d9d9d9;background:#262626;border:1px solid #3a3a3a;border-radius:999px;padding:6px 12px;font-size:.8rem}.meal-title{color:#fff;min-height:65px;margin-bottom:20px;font-size:1.25rem;line-height:1.4}.watch-btn{color:#111;background:#fff;border-radius:12px;padding:11px 18px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.watch-btn:hover{background:#d9d9d9;transform:scale(1.03)}@media (width<=768px){.title{font-size:2rem}.navbar{flex-direction:column}.meal-image{height:210px}}