:root{color-scheme:light;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;--red: #c8102e;--red-dark: #a00d24;--gold: #f5a623;--cream: #fff8f0;--warm-gray: #f5f0eb;--text: #2d2d2d;--text-light: #6b6b6b;--shadow: 0 2px 12px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--cream);color:var(--text)}.app-header{background:var(--red);color:#fff;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.logo-area{display:flex;align-items:center;gap:.75rem}.logo-icon{width:44px;height:44px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:var(--red);font-weight:900;letter-spacing:-.05em}.logo-text h1{font-size:1.35rem;font-weight:800;letter-spacing:.02em;line-height:1.1}.logo-text span{font-size:.7rem;opacity:.85;letter-spacing:.15em;text-transform:uppercase}.cart-btn{position:relative;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.cart-btn:hover{background:#ffffff40}.cart-badge{background:var(--gold);color:var(--text);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700}.hero{background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);color:#fff;text-align:center;padding:3rem 1.5rem}.hero h2{font-size:2rem;font-weight:800;margin-bottom:.5rem}.hero p{font-size:1.05rem;opacity:.9;max-width:500px;margin:0 auto}.category-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem;overflow-x:auto;background:#fff;border-bottom:1px solid #eee;position:sticky;top:58px;z-index:90}.category-tabs::-webkit-scrollbar{display:none}.cat-tab{padding:.5rem 1.2rem;border-radius:2rem;border:none;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;background:var(--warm-gray);color:var(--text-light)}.cat-tab.active{background:var(--red);color:#fff}.cat-tab:hover:not(.active){background:#e8e3de}.menu-section{max-width:1100px;margin:0 auto;padding:1.5rem}.section-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.menu-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.menu-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.card-img{height:160px;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:grid;place-items:center;font-size:3.5rem;position:relative}.card-img.chicken{background:linear-gradient(135deg,#f6d365,#fda085)}.card-img.pork{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.card-img.fish{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.card-img.side{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.card-img.drink{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.card-img.dessert{background:linear-gradient(135deg,#fccb90,#d57eeb)}.card-popular{position:absolute;top:.5rem;left:.5rem;background:var(--red);color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .6rem;border-radius:1rem}.card-body{padding:1rem;flex:1;display:flex;flex-direction:column}.card-body h3{font-size:1rem;font-weight:700;margin-bottom:.25rem}.card-body .desc{font-size:.8rem;color:var(--text-light);flex:1;margin-bottom:.75rem}.card-footer{display:flex;align-items:center;justify-content:space-between}.price{font-size:1.1rem;font-weight:800;color:var(--red)}.add-btn{background:var(--red);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:1.3rem;cursor:pointer;display:grid;place-items:center;transition:background .2s;line-height:1}.add-btn:hover{background:var(--red-dark)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;justify-content:flex-end;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{background:#fff;width:380px;max-width:90vw;height:100%;display:flex;flex-direction:column;animation:slideIn .25s ease-out;box-shadow:-4px 0 20px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #eee}.cart-header h2{font-size:1.2rem;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);padding:.25rem}.cart-items{flex:1;overflow-y:auto;padding:1rem 1.5rem}.cart-empty{text-align:center;padding:3rem 1rem;color:var(--text-light)}.cart-empty .empty-icon{font-size:3rem;margin-bottom:.75rem}.cart-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.cart-item-emoji{font-size:2rem;width:50px;height:50px;background:var(--warm-gray);border-radius:.5rem;display:grid;place-items:center;flex-shrink:0}.cart-item-info{flex:1}.cart-item-info h4{font-size:.9rem;font-weight:600}.cart-item-info .item-price{font-size:.8rem;color:var(--text-light)}.qty-controls{display:flex;align-items:center;gap:.5rem}.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background:#fff;font-size:1rem;cursor:pointer;display:grid;place-items:center;color:var(--text);transition:all .15s}.qty-btn:hover{background:var(--warm-gray)}.qty-btn.remove{border-color:var(--red);color:var(--red)}.qty-btn.remove:hover{background:#fee}.qty-count{font-weight:700;font-size:.95rem;min-width:20px;text-align:center}.cart-footer{border-top:2px solid #eee;padding:1.25rem 1.5rem}.cart-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.checkout-btn{width:100%;background:var(--red);color:#fff;border:none;padding:.9rem;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.checkout-btn:hover{background:var(--red-dark)}.checkout-btn:disabled{background:#ccc;cursor:not-allowed}.order-confirm{text-align:center;padding:2rem;animation:fadeIn .3s}.order-confirm .check-icon{font-size:4rem;margin-bottom:1rem}.order-confirm h2{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--red)}.order-confirm p{color:var(--text-light);margin-bottom:1.5rem}.order-number{background:var(--warm-gray);display:inline-block;padding:.5rem 1.5rem;border-radius:.5rem;font-size:1.2rem;font-weight:800;letter-spacing:.1em;margin-bottom:1.5rem;color:var(--red)}.new-order-btn{background:var(--red);color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.new-order-btn:hover{background:var(--red-dark)}.promo-banner{background:linear-gradient(135deg,#f5a623,#f7c948);color:var(--text);text-align:center;padding:.75rem;font-weight:600;font-size:.9rem}.app-footer{background:var(--text);color:#ffffffb3;text-align:center;padding:2rem 1.5rem;margin-top:2rem}.app-footer p{font-size:.85rem;margin-bottom:.25rem}.app-footer .brand{color:#fff;font-weight:700;font-size:1rem;margin-bottom:.5rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-size:.9rem;font-weight:600;z-index:300;animation:toastIn .3s ease-out,toastOut .3s 1.7s ease-in forwards;box-shadow:0 4px 12px #0003}@keyframes toastIn{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@media(max-width:600px){.hero h2{font-size:1.5rem}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card-img{height:120px;font-size:2.5rem}.category-tabs{top:54px}}