.meal-card{background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal)}.meal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.meal-card__image{width:100%;height:200px;object-fit:cover;display:block}.meal-card__image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f7f1,#e8f0e4);font-size:3.5rem}.meal-card__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:.6rem;flex:1 1}.meal-card__header{display:flex;justify-content:space-between;align-items:center}.meal-card__type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .65rem;border-radius:var(--radius-full)}.meal-card__type--1{color:#92400e;background:#fef3c7}.meal-card__type--2{color:#065f46;background:#d1fae5}.meal-card__type--3{color:#3730a3;background:#e0e7ff}.meal-card__type--4{color:#9d174d;background:#fce7f3}.meal-card__age{font-size:.78rem;color:var(--color-text-muted);font-weight:600;background:var(--color-bg);padding:.2rem .6rem;border-radius:var(--radius-full)}.meal-card__name{margin:.15rem 0 0;font-size:1.1rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;line-height:1.3}.meal-card__desc{margin:0;font-size:.88rem;color:var(--color-text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meal-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.meal-card__tag{background:rgba(74,124,89,.1);color:var(--color-primary-dark);font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full);letter-spacing:.01em}.meal-card__nutrition{display:flex;gap:.75rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border)}.meal-card__nutrient{display:flex;flex-direction:column;align-items:center;min-width:0}.meal-card__nutrient-value{font-size:.85rem;font-weight:800;color:var(--color-primary)}.meal-card__nutrient-label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.meal-card__allergens{margin:.15rem 0 0;font-size:.78rem;color:var(--color-error);font-weight:500}.meal-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(26,26,46,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:mealOverlayIn var(--duration-normal) var(--ease-out);padding:var(--space-lg)}@keyframes mealOverlayIn{0%{opacity:0}to{opacity:1}}.meal-modal{position:relative;width:100%;max-width:620px;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:mealSlideIn var(--duration-slow) var(--ease-out)}@keyframes mealSlideIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.meal-modal::-webkit-scrollbar{width:6px}.meal-modal::-webkit-scrollbar-track{background:transparent}.meal-modal::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.meal-modal__close{position:absolute;top:var(--space-md);right:var(--space-md);z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),transform var(--duration-fast);box-shadow:0 2px 8px rgba(0,0,0,.1)}.meal-modal__close:hover{background:#fff;color:var(--color-text);transform:rotate(90deg)}.meal-modal__hero{position:relative;width:100%;height:260px;overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.meal-modal__hero-img{width:100%;height:100%;object-fit:cover;display:block}.meal-modal__hero-fade{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--color-surface),transparent);pointer-events:none}.meal-modal__hero--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f7f1,#e8f0e4);height:180px}.meal-modal__hero-emoji{font-size:4rem;opacity:.5}.meal-modal__body{padding:var(--space-lg) var(--space-xl) var(--space-xl)}.meal-modal__badges{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--space-sm)}.meal-modal__type{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .65rem;border-radius:var(--radius-full)}.meal-modal__type--1{color:#92400e;background:#fef3c7}.meal-modal__type--2{color:#065f46;background:#d1fae5}.meal-modal__type--3{color:#3730a3;background:#e0e7ff}.meal-modal__type--4{color:#9d174d;background:#fce7f3}.meal-modal__age{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--color-text-muted);font-weight:600;background:var(--color-bg);padding:.25rem .7rem;border-radius:var(--radius-full)}.meal-modal__age svg{opacity:.6}.meal-modal__name{font-size:1.6rem;font-weight:800;color:var(--color-text);margin:0 0 var(--space-xs);letter-spacing:-.02em;line-height:1.2}.meal-modal__desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-md)}.meal-modal__dietary{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:var(--space-lg)}.meal-modal__dietary-tag{background:rgba(74,124,89,.1);color:var(--color-primary-dark);font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full);letter-spacing:.01em}.meal-modal__section{margin-bottom:var(--space-lg)}.meal-modal__section-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);letter-spacing:-.01em}.meal-modal__section-title svg{color:var(--color-primary);flex-shrink:0}.meal-modal__nutrition-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:.6rem;gap:.6rem}.meal-modal__nutrient-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;background:var(--color-bg);border-radius:var(--radius-md);border:1.5px solid var(--color-border);transition:border-color var(--duration-fast),transform var(--duration-fast)}.meal-modal__nutrient-card:hover{border-color:var(--color-primary-light);transform:translateY(-1px)}.meal-modal__nutrient-value{font-size:.95rem;font-weight:800;color:var(--color-primary)}.meal-modal__nutrient-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.meal-modal__ingredient-list{font-size:.88rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.meal-modal__ingredient-list strong{font-weight:700;color:var(--color-text)}.meal-modal__allergen-note{display:flex;align-items:center;gap:.4rem;margin:.6rem 0 0;font-size:.78rem;color:var(--color-text-muted)}.meal-modal__allergen-note svg{flex-shrink:0;color:var(--color-accent)}.meal-modal__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.meal-modal__step{display:flex;gap:.75rem;align-items:flex-start}.meal-modal__step-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:700;flex-shrink:0;margin-top:1px}.meal-modal__step-text{font-size:.88rem;color:var(--color-text-secondary);line-height:1.55;padding-top:.15rem}@media (max-width:640px){.meal-modal-overlay{padding:var(--space-sm);align-items:flex-end}.meal-modal{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.meal-modal__hero{height:200px}.meal-modal__body{padding:var(--space-md) var(--space-lg) var(--space-lg)}.meal-modal__name{font-size:1.35rem}.meal-modal__ingredient-list{font-size:.85rem}.meal-modal__nutrition-grid{grid-template-columns:repeat(3,1fr)}}