@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d0d14;--bg-card:#141420;--bg-surface:#ffffff0f;--accent:#ff6b35;--accent-2:#f7c94b;--text-primary:#fff;--text-muted:#ffffff73;--border:#ffffff14;--radius-sm:10px;--radius-md:16px;--radius-lg:24px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,sans-serif}#main-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:.5px solid var(--border);background:#0d0d14eb;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}#main-header #title{align-items:center;gap:10px;display:flex}#main-header #title img{object-fit:contain;border:1.5px solid var(--accent);border-radius:10px;width:38px;height:38px}#main-header button{background:var(--bg-surface);border:.5px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;padding:8px 16px;font-family:Inter,sans-serif;font-size:1rem;transition:background .2s}#main-header button:hover{color:var(--accent);background:#ff6b3526;border-color:#ff6b3566}h1{color:var(--text-primary);letter-spacing:-.5px;text-transform:none;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:800}#meals{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;width:100%;max-width:900px;margin:1.5rem auto;padding:0 16px 100px;list-style:none;display:grid}.meal-item{background:var(--bg-card);border-radius:var(--radius-md);border:.5px solid var(--border);transition:transform .2s,border-color .2s;animation:.3s both slide-up;overflow:hidden}.meal-item:hover{border-color:#ff6b354d;transform:translateY(-3px)}.meal-item:active{transform:scale(.97)}.meal-item article{flex-direction:column;justify-content:space-between;height:100%;display:flex}.meal-item img{object-fit:cover;width:100%;height:140px}.meal-item h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;padding:10px 12px 4px;font-size:.95rem;font-weight:600;overflow:hidden}.meal-item-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0 12px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.meal-item-price{color:var(--accent);background:0 0;margin:0;padding:6px 12px 0;font-size:1rem;font-weight:700;display:inline-block}.meal-item-actions{justify-content:space-between;align-items:center;padding:10px 12px 14px;display:flex}.button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;padding:9px 18px;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .1s}.button:hover{opacity:.88}.button:active{opacity:.8;transform:scale(.96)}.button-danger{font:inherit;cursor:pointer;color:#ff6b6b;border-radius:var(--radius-sm);background:#ff3c3c26;border:.5px solid #ff3c3c4d;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.button-danger:hover{background:#ff3c3c40;border-color:#ff3c3c80}.text-button{font:inherit;cursor:pointer;color:#ffffff80;background:0 0;border:none;padding:9px 16px;font-size:.9rem;font-weight:500;transition:color .2s}.text-button:hover,.text-button:active{color:#fff}.modal{color:#fff;background:#1a1a2e;border:.5px solid #ffffff1f;border-radius:20px;width:92%;max-width:500px;margin:auto;padding:2rem;animation:.25s forwards slide-up;box-shadow:0 32px 80px #000000e6}.modal::backdrop{-webkit-backdrop-filter:blur(10px);background:#000c}.modal h2{color:#fff;border-bottom:.5px solid #ffffff14;margin-bottom:1.2rem;padding-bottom:.8rem;font-size:1.3rem;font-weight:700}.modal-actions{border-top:.5px solid #ffffff14;justify-content:flex-end;align-items:center;gap:10px;margin-top:1.5rem;padding-top:1rem;display:flex}@media (width<=768px){.modal-actions{flex-direction:column;align-items:stretch;gap:8px}.modal-actions .text-button{text-align:center;border:.5px solid var(--border);border-radius:var(--radius-sm);order:3;padding:12px}.modal-actions>div{order:1;gap:8px;display:flex}.modal-actions>div .button,.modal-actions>div .button-danger{text-align:center;flex:1;padding:12px}}@media (width<=480px){.modal-actions{flex-direction:column;align-items:stretch;gap:8px}.modal-actions>div{flex-direction:column;gap:8px;display:flex}.modal-actions>div .button,.modal-actions>div .button-danger{text-align:center;width:100%;padding:14px;font-size:1rem}.modal-actions .text-button{text-align:center;border:.5px solid var(--border);border-radius:var(--radius-sm);order:3;width:100%;padding:14px;font-size:1rem}}.cart h2{color:var(--text-primary);border-bottom:.5px solid var(--border);margin:0 0 1.2rem;padding-bottom:.8rem;font-size:1.3rem;font-weight:700}.cart ul{max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.cart-total{border-top:.5px solid var(--border);color:var(--accent);justify-content:space-between;align-items:center;margin:1.2rem 0 0;padding-top:1rem;font-size:1.1rem;font-weight:700;display:flex}.cart-item{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cart-item p{color:var(--text-primary);margin:0;font-size:.9rem}.cart-item-actions{align-items:center;gap:10px;display:flex}.cart-item-actions button{cursor:pointer;border:.5px solid var(--border);background:var(--bg-surface);width:28px;height:28px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;transition:background .15s;display:flex}.cart-item-actions button:hover{background:#ff6b3533;border-color:#ff6b3566}.control{flex-direction:column;gap:6px;margin:.75rem 0;display:flex}.control label{color:var(--text-muted);font-size:.85rem;font-weight:600}.control input{width:100%;font:inherit;border-radius:var(--radius-sm);border:.5px solid var(--border);background:var(--bg-surface);color:var(--text-primary);padding:11px 14px;font-size:.95rem;transition:border-color .2s}.control input::placeholder{color:var(--text-muted)}.control input:focus{border-color:var(--accent);background:#ff6b350d;outline:none}.control-row{flex-wrap:wrap;gap:12px;display:flex}.control-row .control{flex:1;min-width:120px}.error{color:#ff6b6b;border-radius:var(--radius-md);background:#ff3c3c1a;border:.5px solid #ff3c3c40;width:90%;max-width:400px;margin:2rem auto;padding:1rem 1.25rem}.error h2{margin:0 0 4px;font-size:1rem;font-weight:700}.error p{opacity:.85;margin:0;font-size:.85rem}.center{justify-content:center;align-items:center;height:100vh;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){#main-header{padding:12px 14px}h1{font-size:1.1rem}#meals{grid-template-columns:repeat(2,1fr);gap:10px;margin:1rem auto;padding:0 12px 90px}.meal-item img{height:110px}.meal-item h3{padding:8px 10px 2px;font-size:.85rem}.meal-item-price{padding:4px 10px 0;font-size:.9rem}.meal-item-actions{padding:8px 10px 12px}.button{padding:8px 14px;font-size:.8rem}.modal{border-radius:var(--radius-md);width:96%;max-width:100%;margin:auto 8px;padding:1.25rem}.modal h2{font-size:1.1rem}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions .button,.modal-actions .button-danger{text-align:center;flex:1;padding:12px}.modal-actions .text-button{text-align:center;width:100%}.control-row{flex-direction:column;gap:0}.cart-item{padding:10px 0}.cart-item p{font-size:.82rem}.cart-item-actions button{width:32px;height:32px}.cart-total{margin-top:1rem;font-size:1rem}}@media (width<=380px){#meals{grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 90px}.meal-item img{height:90px}h1{font-size:1rem}}@media (width>=900px){#meals{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){#meals{grid-template-columns:repeat(4,1fr)}}.modal-actions{justify-content:space-between}