*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ff;color:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}button{cursor:pointer}::selection{background:#38bdf84d}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{background-color:#eef2ff;color:#1f2937;color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}.App{background:radial-gradient(circle at top,#60a5fa29,#0000 38%),linear-gradient(180deg,#eef2ff,#f8fafc);min-height:100vh}.App-header{background:linear-gradient(135deg,#0f172a,#1e3a8a);box-shadow:0 18px 60px #0f172a2e;color:#f8fafc;padding:2rem 1.5rem;text-align:center}.App-header h1{font-size:clamp(2.4rem,4vw,3.6rem);letter-spacing:-.04em;margin:0}.App-header p{color:#f8fafccc;font-size:1rem;margin:1rem auto 0;max-width:40rem}.search-form{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:minmax(220px,1fr) auto;margin:1.5rem auto 0;max-width:640px}.search-form input{background:#ffffff1f;border:1px solid #ffffff52;border-radius:999px;color:#fff;outline:none;padding:1rem 1.1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-form input::placeholder{color:#ffffffc2}.search-form input:focus{border-color:#ffffffe6;box-shadow:0 0 0 4px #3b82f626}.search-form button{background:#38bdf8;border:none;border-radius:999px;color:#0f172a;cursor:pointer;font-weight:700;padding:1rem 1.3rem;transition:transform .2s ease,box-shadow .2s ease}.search-form button:hover{box-shadow:0 12px 22px #38bdf838;transform:translateY(-1px)}.app-main{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1.7fr .9fr;margin:0 auto;max-width:1180px;padding:1.5rem}.meals-section,.sidebar{background:#ffffffe6;border:1px solid #94a3b82e;border-radius:1.5rem;box-shadow:0 24px 70px #0f172a14;padding:1.5rem}.meals-section h2,.sidebar h2{font-size:1.4rem;margin-bottom:1rem;margin-top:0}.meals-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.meal-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b829;border-radius:1.5rem;display:flex;flex-direction:column;gap:.9rem;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.meal-card:hover{box-shadow:0 24px 48px #0f172a26;transform:translateY(-5px)}.meal-card-image{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.meal-card-body{display:flex;flex-direction:column;gap:.9rem;padding:1.1rem 1.2rem 1.25rem}.meal-card-body h3{font-size:1.15rem;margin:0}.meal-card-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.meal-card-actions button{border:none;border-radius:.95rem;cursor:pointer;font-weight:700;padding:.95rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.meal-card-actions button:hover{transform:translateY(-1px)}.meal-card-actions button:first-of-type{background:#1e293b;color:#fff}.meal-card-actions button:last-of-type{background:#e0f2fe;color:#0f172a}.favorite-list{display:flex;flex-direction:column;gap:1rem}.favorite-list ul{grid-gap:.75rem;display:grid;gap:.75rem;list-style:none;margin:0;padding:0}.favorite-list button{background:#6366f114;border:1px solid #6366f13d;border-radius:.95rem;cursor:pointer;padding:.95rem 1rem;text-align:left;transition:transform .2s ease,background-color .2s ease;width:100%}.favorite-list button:hover{background:#6366f129;transform:translateY(-1px)}.meal-modal-backdrop{align-items:center;background:#0f172aad;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:20}.meal-modal{background:#fff;border-radius:1.4rem;box-shadow:0 32px 80px #0f172a33;max-height:92vh;overflow:auto;padding:1.5rem;position:relative;width:min(760px,100%)}.close-button{background:#0f172a0d;border:none;border-radius:50%;color:#0f172a;cursor:pointer;font-size:1.35rem;height:2.4rem;position:absolute;right:1rem;top:1rem;width:2.4rem}.meal-modal-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:160px 1fr;margin-bottom:1.35rem}.meal-modal-header img{border-radius:1.1rem;height:100%;object-fit:cover;width:100%}.meal-modal-header h2{margin:0 0 .35rem}.meal-modal-header p{color:#475569;margin:0}.favorite-button{align-items:center;background:#38bdf8;border:none;border-radius:1rem;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;margin-bottom:1rem;padding:.95rem 1.15rem}.meal-tags{color:#475569;font-size:.95rem;margin:0 0 1rem}.meal-instructions{background:#f8fafc;border-radius:1rem;color:#334155;line-height:1.95;padding:1rem 1.15rem}.status-message{color:#475569;font-size:1rem;margin-top:1rem}.error{color:#dc2626}@media (max-width:900px){.app-main,.meal-modal-header{grid-template-columns:1fr}}@media (max-width:640px){.search-form{grid-template-columns:1fr}}
/*# sourceMappingURL=main.9cf99ac6.css.map*/