.app{background:var(--bg);flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 60px #0000001f}.app__bar{z-index:10;color:#fff;background:linear-gradient(95deg,#e23744 0%,#ff6a4d 100%);justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #e2374447}.brand{letter-spacing:-.3px;color:inherit;cursor:pointer;font-size:22px;font-weight:800;text-decoration:none}.app__bar-tag{background:#ffffff38;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}.app__main{flex:1;padding:22px}.start{animation:.4s both fade-up}.hero{text-align:center;padding:14px 0 6px}.hero__badge{background:linear-gradient(135deg,#ffe7d6,#ffd2d8);border-radius:26px;place-items:center;width:92px;height:92px;margin:0 auto 16px;font-size:42px;animation:.5s both pop;display:grid;box-shadow:0 12px 30px #e237442e}.hero__title{color:var(--red);letter-spacing:-.5px;margin:0;font-size:34px;font-weight:800}.hero__subtitle{color:var(--muted);margin:6px 0 0;font-size:16px}.card{background:#fff;border:1px solid #f0f0f2;border-radius:18px;padding:20px;box-shadow:0 12px 30px #1414280f}.form{flex-direction:column;gap:16px;margin-top:18px;animation:.45s both fade-up;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:#6b6b70;font-size:13px;font-weight:600}.field input{background:var(--field);width:100%;color:var(--ink);border:1.5px solid #0000;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.field input::placeholder{color:#a6a6ac}.field input:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 4px #e2374426}.field input:read-only{background:var(--field);color:var(--muted);cursor:not-allowed}.error{color:var(--red);margin:2px 0 0;font-size:14px}.btn{cursor:pointer;border:none;border-radius:14px;padding:16px 18px;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow .2s,opacity .2s,background .15s,color .15s}.btn:disabled{opacity:.6;cursor:default}.btn--block{width:100%}.btn--primary{color:#fff;background:linear-gradient(95deg,#e23744,#ff5a4d);box-shadow:0 12px 26px #e2374452}.btn--primary:hover:not(:disabled){box-shadow:0 14px 30px #e237446b}.btn--primary:active:not(:disabled){transform:translateY(1px)}.btn--ghost{color:var(--red);background:#fff;border:1px solid #f3e1e3;box-shadow:0 8px 20px #1414280d}.btn--add{color:var(--red);border:1.5px solid var(--red);background:#fff;border-radius:10px;padding:9px 18px;font-size:14px}.btn--add:hover{background:var(--red);color:#fff}.page{flex-direction:column;gap:14px;animation:.4s both fade-up;display:flex}.page__head{align-items:center;gap:12px;display:flex}.page__title{margin:0;font-size:24px;font-weight:800}.back{border:1px solid var(--border);color:var(--red);cursor:pointer;background:#fff;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px 8px 11px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow .2s,background .15s;display:inline-flex;box-shadow:0 6px 16px #1414280f}.back:hover{background:#fff5f5;box-shadow:0 8px 20px #1414281a}.back:active{transform:translateY(1px)}.muted{color:var(--muted);font-size:15px}.empty{text-align:center;flex-direction:column;gap:14px;display:flex}.menu{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.greet{padding:14px 18px;font-size:16px;font-weight:600}.greet__wave{font-size:18px}.greet--adding{color:#b25e00;background:#fff6e9;border:1px solid #ffe2b8;margin-top:10px;font-size:14px}.menu__group{flex-direction:column;gap:10px;display:flex}.menu__nav{scrollbar-width:none;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.menu__nav::-webkit-scrollbar{display:none}.menu__navbtn{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #e6e6ea;border-radius:999px;flex:none;padding:9px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.menu__navbtn:hover{border-color:var(--red);color:var(--red)}.menu__navbtn:active{background:var(--red);color:#fff;border-color:var(--red)}.menu__cat{margin:8px 0 2px;scroll-margin-top:12px;font-size:18px;font-weight:800}.item{background:#fff;border:1px solid #f0f0f2;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 8px 22px #1414280d}.item__img{object-fit:cover;background:var(--field);border-radius:12px;flex-shrink:0;width:64px;height:64px}.item__img--ph{place-items:center;font-size:26px;display:grid}.item__body{flex:1;min-width:0}.item__name{margin:0;font-size:16px;font-weight:700}.item__desc{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.item__meta{align-items:center;gap:10px;margin-top:6px;display:flex}.item__price{color:var(--red);font-weight:800}.item__rating{color:var(--green);font-size:12px}.item__action{flex-shrink:0}.stepper{background:var(--field);border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.stepper__btn{width:30px;height:30px;color:var(--red);cursor:pointer;background:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;line-height:1;box-shadow:0 1px 3px #00000014}.stepper__btn:active{transform:scale(.92)}.stepper__qty{text-align:center;min-width:20px;font-weight:700}.cartbar{bottom:calc(16px + env(safe-area-inset-bottom,0px));cursor:pointer;color:#fff;background:linear-gradient(95deg,#e23744,#ff5a4d);border:none;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:16px 20px;font-size:16px;font-weight:700;animation:.3s both fade-up;display:flex;position:sticky;box-shadow:0 14px 30px #e2374466}.cartbar__right{opacity:.95}.cart-line{border-bottom:1px solid #f0f0f2;align-items:center;gap:12px;padding:12px 0;display:flex}.cart-line:last-of-type{border-bottom:none}.cart-line__info{flex-direction:column;flex:1;gap:2px;display:flex}.cart-line__name{font-weight:700}.cart-line__price{color:var(--muted);font-size:14px}.cart-line__remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.cart-total{border-top:2px solid #f0f0f2;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;font-size:17px;font-weight:800;display:flex}.cart-total__amt{color:var(--red)}.order{gap:18px}.order__head{justify-content:space-between;align-items:baseline;display:flex}.order__title{margin:0;font-size:30px;font-weight:800}.order__table{color:var(--muted);font-size:16px}.timeline{justify-content:space-between;margin:6px 0 4px;display:flex;position:relative}.timeline__track,.timeline__progress{border-radius:2px;height:3px;position:absolute;top:16px;left:12.5%}.timeline__track{background:#e6e6ea;right:12.5%}.timeline__progress{background:var(--red);transition:width .5s}.timeline__step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.timeline__dot{color:#fff;background:#e6e6ea;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;transition:background .3s;display:grid}.timeline__dot.is-done{background:var(--red);animation:.35s pop;box-shadow:0 4px 12px #e2374466}.timeline__label{color:var(--muted);text-align:center;font-size:12.5px;font-weight:600}.timeline__label.is-done{color:var(--ink)}.status-msg{text-align:center;margin:0;font-size:16px;font-weight:700}.status-msg--good{color:var(--green)}.status-msg--warn{color:var(--amber)}.status-msg--bad{color:var(--red)}.countdown{text-align:center;flex-direction:column;gap:2px;display:flex}.countdown__time{color:var(--red);font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.countdown__label{color:var(--muted);font-size:14px}.prep-anim{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:8px 0;display:flex}.prep-anim__stage{justify-content:center;align-items:flex-end;height:56px;display:flex;position:relative}.prep-anim__food{transform-origin:bottom;will-change:transform, opacity;font-size:36px;line-height:1;animation:1.15s ease-in-out infinite prep-hop;display:inline-block}.prep-anim__shadow{background:#00000029;border-radius:50%;width:26px;height:6px;animation:1.15s ease-in-out infinite prep-shadow;position:absolute;bottom:1px}.prep-anim__label{color:var(--muted);font-size:14px}@keyframes prep-hop{0%{opacity:0;transform:translateY(0)scaleY(.82)scaleX(1.08)}14%{opacity:1;transform:translateY(-3px)scale(1)}50%{transform:translateY(-18px)scale(1)}86%{opacity:1}to{opacity:0;transform:translateY(0)scaleY(.82)scaleX(1.08)}}@keyframes prep-shadow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.22;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.prep-anim__food{animation:2s ease-in-out infinite prep-pulse}.prep-anim__shadow{display:none}}@keyframes prep-pulse{0%,to{opacity:.4}50%{opacity:1}}.rating{flex-direction:column;gap:14px;display:flex}.rating__title{margin:0;font-size:20px;font-weight:800}.rating__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.rating__name{font-weight:600}.rating__thanks{text-align:center;color:var(--green);margin:0;font-weight:700}.stars{gap:6px;display:inline-flex}.star{cursor:pointer;color:#d6d6da;background:0 0;border:none;padding:0;font-size:26px;line-height:1;transition:color .12s,transform .12s}.star:hover{transform:scale(1.12)}.star.is-on{color:#f5b50a}.payment{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.payment__title{margin:0;font-size:22px;font-weight:800}.payment__hint{color:var(--muted);margin:0;font-size:14px}.payment__qr{background:#fff;border:1px solid #f0f0f2;border-radius:14px;padding:10px;line-height:0}.payment__note{color:var(--muted);margin:0;font-size:12.5px}.summary{flex-direction:column;gap:10px;display:flex}.summary__title{margin:0 0 4px;font-size:20px;font-weight:800}.summary__row{justify-content:space-between;display:flex}.summary__group{color:#7a7a7e;margin:10px 0 2px;font-size:13px;font-weight:700}.summary__group:first-of-type{margin-top:4px}.summary__total{border-top:2px solid #f0f0f2;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;font-size:18px;font-weight:800;display:flex}.summary__amt{color:var(--red)}.loader{color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:60px 0;display:flex}.spinner{border:4px solid #ececf0;border-top-color:var(--red);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.app__bar{padding-top:calc(18px + env(safe-area-inset-top,0px))}@media (width<=480px){.app__bar{padding-left:16px;padding-right:16px}.app__main{padding:16px 16px 24px}.hero__title{font-size:28px}.hero__badge{width:80px;height:80px;font-size:36px}.hero__subtitle{font-size:15px}.page__title{font-size:22px}.order__title{font-size:26px}.card{border-radius:16px;padding:16px}.brand{font-size:20px}}@media (width>=720px){.app__main{padding:28px 28px 32px}}:root{--red:#e23744;--red-2:#ff5a4d;--green:#1ea672;--amber:#f0a020;--ink:#1c1c1e;--muted:#7a7a7e;--bg:#f4f4f6;--field:#f0f0f2;--border:#ececef;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:radial-gradient(circle at 50% 0,#e6e7eb,#cfd0d6)}button{font-family:inherit}a{text-decoration:none}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:6px}