@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Lato:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Raleway,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#29251c,#2c2306);color:#d9e2f1;min-height:100vh;overflow-x:hidden}#root{position:relative;isolation:isolate}.app-content{position:relative;z-index:1}.floating-food-icons{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.95}.floating-food-icons:before,.floating-food-icons:after{content:"";position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none}.floating-food-icons:before{background:radial-gradient(circle at 12% 18%,rgba(255,196,4,.2),transparent 36%),radial-gradient(circle at 84% 24%,rgba(255,171,4,.15),transparent 34%),radial-gradient(circle at 38% 78%,rgba(255,196,4,.13),transparent 40%);filter:blur(8px);animation:food-aurora 20s ease-in-out infinite alternate}.floating-food-icons:after{background:radial-gradient(circle at 24% 64%,rgba(255,196,4,.1),transparent 34%),radial-gradient(circle at 74% 86%,rgba(255,171,4,.1),transparent 36%);filter:blur(16px);animation:food-aurora 26s ease-in-out infinite alternate-reverse}.food-icon{position:absolute;left:var(--left, 50%);top:110%;font-size:clamp(.9rem,1.4vw,1.35rem);line-height:1;opacity:.24;color:#ffc404;transform:translateZ(0) scale(var(--scale, 1));filter:drop-shadow(0 0 6px rgba(255,196,4,.2));will-change:transform,opacity;animation:float-food-icons var(--duration, 20s) var(--delay, 0s) linear infinite,food-spin calc(var(--duration, 20s) * .7) var(--delay, 0s) ease-in-out infinite alternate}.food-icon--warm{opacity:.3}.food-icon--soft{opacity:.24;filter:drop-shadow(0 0 8px rgba(255,171,4,.22))}.food-icon--dim{opacity:.18;filter:blur(.2px) drop-shadow(0 0 4px rgba(255,196,4,.12))}#main-header{display:flex;justify-content:space-between;align-items:center;padding:3rem 10%;gap:1rem}#main-header #title{display:flex;gap:1rem;align-items:center}#main-header #title img{width:4rem;height:4rem;object-fit:contain;border-radius:50%;border:2px solid #ffc404}#main-header button{font-size:1.5rem;font-family:Lato,sans-serif}h1{font-family:Lato,sans-serif;font-weight:700;font-size:2rem;margin:0;color:#ffc404;letter-spacing:.2rem;text-transform:uppercase}#meals{width:90%;max-width:70rem;list-style:none;margin:2rem auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.25rem}.meal-item{background-color:#1d1a16bf;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);border-radius:1rem;overflow:hidden;text-align:center;box-shadow:0 1px 6px #0000004d}.meal-item article{height:100%;display:flex;flex-direction:column;justify-content:space-between}.meal-item img{width:100%;height:clamp(14rem,35vw,20rem);object-fit:cover}.meal-item h3{font-size:1.5rem;font-weight:700;margin:.75rem 0}.meal-item-description{margin:1rem}.meal-item-price{display:inline-block;background-color:#312c1d;color:#ffc404;font-size:.9rem;font-weight:700;padding:.5rem 2rem;margin:0;border-radius:4px}.meal-item-actions{margin-bottom:1.5rem}.cart h2{margin:1rem 0}.cart ul{list-style:none;margin:.5rem 0;padding:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.modal-actions .text-button{color:#1d1a16}.modal-actions .text-button:hover,.modal-actions .text-button:active{color:#312c1d}.cart-total{display:flex;justify-content:flex-end;margin:2rem 0;font-size:1.15rem;font-weight:700;color:#46443c}.cart-item{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;gap:1rem}.cart-item p{margin:0}.cart-item-actions{display:flex;gap:1rem;align-items:center}.cart-item-actions button{cursor:pointer;font-size:1rem;width:1.5rem;height:1.5rem;border-radius:50%;border:none;background-color:#312c1d;color:#ffc404;display:flex;justify-content:center;align-items:center}.cart-item-actions button:hover,.cart-item-actions button:active{background-color:#1d1a16;color:#ffab04}.control{margin:.5rem 0;display:flex;flex-direction:column}.control label{font-weight:700;margin-bottom:.5rem}.control input{width:100%;max-width:20rem;font:inherit;padding:.5rem;border-radius:4px;border:1px solid #ccc}.control-row{display:flex;justify-content:flex-start;gap:1rem}.control-row .control{flex:1}.control-row .control input{max-width:none}.button{font:inherit;cursor:pointer;background-color:#ffc404;border:1px solid #ffc404;color:#1f1a09;padding:.5rem 1.5rem;border-radius:4px}.button:hover,.button:active{background-color:#ffab04;border-color:#ffab04;color:#1f1a09}.text-button{font:inherit;cursor:pointer;background-color:transparent;border:none;color:#ffc404}.text-button:hover,.text-button:active{color:#ffab04}.modal{background-color:#e4ddd4;border-radius:6px;border:none;box-shadow:0 2px 8px #0009;padding:1rem;width:min(90%,40rem);max-width:40rem;max-height:calc(100vh - 2rem);overflow-y:auto;animation:fade-slide-up .3s ease-out forwards}.modal::backdrop{background-color:#0000008c}.center{text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20rem;gap:.75rem}.loading-spinner{font-size:4rem;animation:cooking-spin 1.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px rgba(255,196,4,.5))}.loading-title{font-size:1.5rem;font-weight:700;color:#ffc404;margin:0;letter-spacing:.02em}.loading-subtitle{font-size:1rem;color:#a8a29e;margin:0}@keyframes cooking-spin{0%{transform:rotate(-15deg) scale(1)}50%{transform:rotate(15deg) scale(1.15)}to{transform:rotate(-15deg) scale(1)}}.error{width:90%;max-width:25rem;margin:2rem auto;padding:1rem;background-color:#f9b8b8;color:#6d0b0b;border-radius:6px}.error h2,.error p{margin:0}@media (max-width: 900px){#main-header{padding:1.5rem 5%}#meals{width:95%;padding:.75rem;grid-template-columns:repeat(2,1fr);gap:1rem}.meal-item img{height:clamp(10rem,22vw,16rem)}}@media (max-width: 600px){#main-header{flex-direction:row;align-items:center;padding:.75rem 4%;gap:.5rem}#main-header #title{gap:.6rem;flex:1;min-width:0}#main-header #title img{width:2.5rem;height:2.5rem;flex-shrink:0}#main-header nav{flex-shrink:0}#main-header button{font-size:1rem;white-space:nowrap}h1{font-size:clamp(.85rem,4vw,1.3rem);letter-spacing:.06rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#meals{grid-template-columns:repeat(2,1fr);gap:.65rem;padding:.5rem;margin:.75rem auto}.meal-item img{height:clamp(7rem,28vw,11rem)}.meal-item h3{font-size:.85rem;margin:.4rem .3rem}.meal-item-price{font-size:.72rem;padding:.25rem .6rem}.meal-item-description{font-size:.72rem;margin:.35rem .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal-item-actions{margin-bottom:.65rem}.meal-item-actions .button{font-size:.78rem;padding:.3rem .7rem}}@media (max-width: 380px){h1{font-size:.8rem;letter-spacing:.04rem}#main-header #title img{width:2rem;height:2rem}.meal-item h3{font-size:.78rem}.meal-item-description{display:none}}@media (max-width: 560px){#meals{margin:1.5rem auto}.food-icon{opacity:.16}.meal-item h3{font-size:1.25rem}.meal-item-price{padding:.4rem 1.25rem}.meal-item-actions{margin-bottom:1rem}.cart-item{align-items:flex-start}.modal{padding:.85rem}}@media (max-width: 480px){.control-row{flex-direction:column;gap:0}.modal-actions{flex-direction:column-reverse;align-items:stretch;gap:.5rem}.modal-actions .button,.modal-actions .text-button{width:100%;text-align:center}.cart-total{margin:1.25rem 0;font-size:1rem}.cart-item-actions{gap:.5rem}.cart-item-actions button{width:1.35rem;height:1.35rem;font-size:.9rem}}@media (max-width: 360px){h1{font-size:1.3rem;letter-spacing:.08rem}#main-header #title{gap:.6rem}#main-header button{font-size:1rem}.food-icon{font-size:.85rem}}@media (prefers-reduced-motion: reduce){.food-icon,.floating-food-icons:before,.floating-food-icons:after{animation:none}.food-icon{opacity:.12}}@keyframes float-food-icons{0%{transform:translateZ(0) rotate(0) scale(var(--scale, 1));opacity:0}12%,82%{opacity:inherit}46%{transform:translate3d(var(--drift, 20px),-58vh,0) rotate(14deg) scale(calc(var(--scale, 1) + .08))}to{transform:translate3d(calc(var(--drift, 20px) * -.6),-132vh,0) rotate(28deg) scale(var(--scale, 1));opacity:0}}@keyframes food-spin{0%{filter:drop-shadow(0 0 4px rgba(255,196,4,.12))}to{filter:drop-shadow(0 0 10px rgba(255,196,4,.22))}}@keyframes food-aurora{0%{transform:translateZ(0) scale(1);opacity:.7}to{transform:translate3d(1%,-2%,0) scale(1.08);opacity:1}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}