@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg: #f5f7f9;--bg-card: #ffffff;--text: #1a1e26;--text-muted: #8b95a5;--accent: #8de02c;--accent-light: #a3e652;--accent-bg: rgba(141, 224, 44, .15);--border: #eaecf0;--yellow-card: #fcc21b;--blue-card: #141b34;--teal-card: #3cb899;--dark-btn: #1f2533}*{box-sizing:border-box;margin:0;padding:0}body{background:#d1d5db;color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.app-container{max-width:414px;margin:0 auto;background:var(--bg);min-height:100vh;min-height:100dvh;box-shadow:0 0 50px #00000026;display:flex;flex-direction:column;position:relative;overflow:hidden}.scrollarea{flex:1;overflow-y:auto;padding-bottom:30px}.scrollarea::-webkit-scrollbar{display:none}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .3s ease}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:transparent;z-index:10}.back-btn{background:transparent;border:none;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}.top-actions{display:flex;gap:16px;color:var(--text)}.onboarding{padding:24px;display:flex;flex-direction:column;height:100vh}.brand-title{font-size:2.8rem;font-weight:800;line-height:1.1;margin-bottom:40px;color:#111;margin-top:40px}.card-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;flex:1}.menu-card{grid-column:span 2;background:var(--yellow-card);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;box-shadow:0 10px 20px #fcc21b33;min-height:160px}.menu-card-title{font-size:1.3rem;font-weight:700}.icon-circle{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a}.pay-card{background:var(--blue-card);border-radius:20px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;min-height:140px}.feed-card{background:var(--teal-card);border-radius:20px;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;min-height:140px}.bottom-btn{background:var(--dark-btn);color:#fff;padding:18px;border-radius:14px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;border:none;cursor:pointer}.menu-header{display:flex;padding:0 20px;gap:10px}.cat-scroll{display:flex;gap:12px;overflow-x:auto;padding:20px;scrollbar-width:none}.cat-scroll::-webkit-scrollbar{display:none}.cat-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--bg-card);padding:12px 20px;border-radius:20px;min-width:80px;box-shadow:0 2px 8px #0000000a;cursor:pointer;border:2px solid transparent}.cat-item.active{background:var(--accent);color:var(--text);box-shadow:0 8px 16px var(--accent-bg)}.cat-emoji{font-size:1.5rem}.cat-name{font-size:.8rem;font-weight:600}.deals-banner{margin:0 20px 20px;background:linear-gradient(135deg,#ffc5c5,#ffb1b1);border-radius:20px;padding:20px;color:#8c1e1e}.deals-banner h2{font-size:1.2rem;font-weight:800}.deals-banner p{font-size:.75rem;margin-top:4px;font-weight:500}.section-title-wrapper{margin:0 20px 16px;font-size:1.2rem;font-weight:700}.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 20px}.food-card{background:var(--bg-card);border-radius:20px;padding:0;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000000a;overflow:hidden;cursor:pointer}.food-img-ph{height:120px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:3rem}.food-info{padding:14px;display:flex;flex-direction:column;flex:1}.food-price{font-size:1rem;font-weight:800;margin-bottom:4px}.food-name{font-size:.85rem;font-weight:700;line-height:1.2;margin-bottom:6px}.food-desc{font-size:.7rem;color:var(--text-muted);line-height:1.3;margin-bottom:12px;flex:1}.add-btn{background:var(--accent);border:none;border-radius:10px;padding:8px;font-size:.85rem;font-weight:700;color:#000;cursor:pointer;transition:transform .1s}.add-btn:active{transform:scale(.95)}.customize-screen{background:#d6e1ed;min-height:100vh;display:flex;flex-direction:column}.cust-header{padding:20px 20px 0}.cust-header h1{font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:8px}.cust-header p{font-size:.85rem;color:#4b5563;line-height:1.4}.cust-panel{flex:1;background:#fff;border-radius:30px 30px 0 0;margin-top:20px;padding:24px;box-shadow:0 -10px 30px #0000000d;display:flex;flex-direction:column}.cust-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 4px 10px #00000005}.cust-title{font-size:1.1rem;font-weight:700;margin-bottom:16px}.cust-option{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:.95rem;font-weight:500;cursor:pointer}.cust-option:last-child{border-bottom:none;padding-bottom:0}.cust-option input[type=radio],.cust-option input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.opt-price{margin-left:auto;color:var(--text-muted);font-weight:400}.cust-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-top:1px solid var(--border)}.qty-ctrl{display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:10px;padding:8px 12px}.qty-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-muted)}.qty-btn:active{color:var(--text)}.qty-val{font-weight:700;font-size:1.1rem}.bottom-add{display:flex;align-items:center;gap:20px}.tot-price-block{text-align:right}.tot-lbl{font-size:.75rem;color:var(--text-muted)}.tot-val{font-size:1.4rem;font-weight:800}.btn-large{background:var(--accent);padding:14px 40px;border-radius:14px;border:none;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px var(--accent-bg)}.checkout-screen{background:#d6e1ed;min-height:100vh;display:flex;flex-direction:column}.chk-panel{flex:1;background:#fff;border-radius:30px 30px 0 0;margin-top:30px;padding:24px 24px 100px;box-shadow:0 -10px 30px #0000000d}.order-items{border-bottom:2px dashed var(--border);padding-bottom:20px;margin-bottom:20px}.chk-item{display:flex;justify-content:space-between;margin-bottom:16px}.chk-item-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.chk-item-mods{font-size:.75rem;color:var(--text-muted)}.chk-item-price{font-weight:800;font-size:1rem}.tip-section{margin-bottom:24px}.tip-section h3{font-size:1rem;font-weight:700;margin-bottom:12px}.tip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tip-btn{background:var(--bg);border:1px solid var(--border);padding:10px 0;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;text-align:center}.tip-btn.active{background:var(--accent);border-color:var(--accent)}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.pm-card{border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;background:var(--bg-card)}.pm-card.active{border-color:var(--accent);background:var(--accent-bg)}.summary-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:12px;color:var(--text-muted)}.summary-row.bold{font-size:1.2rem;font-weight:800;color:var(--text);border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.floating-btn{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:374px;background:var(--accent);color:#000;border:none;padding:18px;border-radius:16px;font-size:1.05rem;font-weight:800;box-shadow:0 8px 20px var(--accent-bg);cursor:pointer}.cart-float{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:30px;background:var(--dark-btn);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0003;cursor:pointer;z-index:50;animation:slideUp .3s}.cart-float .badge{position:absolute;top:0;right:0;background:var(--accent);color:#000;width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}