:root{--bg: #faf9f6;--bg-strong: #f4f0e8;--surface: #ffffff;--surface-warm: #fff7f1;--ink: #15171a;--ink-soft: #3d4147;--muted: #73706a;--border: #e8e1d8;--border-strong: #d9cfc4;--orange: #ec5b2c;--orange-dark: #c84718;--orange-soft: #fdeee6;--green: #14804a;--green-soft: #e8f7ee;--amber: #b76b08;--amber-soft: #fff3d6;--red: #be2a2a;--red-soft: #fff0ef;--shadow: 0 14px 40px rgba(28, 22, 17, .1), 0 2px 8px rgba(28, 22, 17, .06);--shadow-soft: 0 6px 18px rgba(28, 22, 17, .08);--radius: 22px;--font: "Aptos Display", "Trebuchet MS", Verdana, sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% -10%,rgba(236,91,44,.18),transparent 34%),linear-gradient(180deg,#fffaf5 0%,var(--bg) 38%,#f3eee6 100%);color:var(--ink);font-family:var(--font)}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.order-page{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:18px 14px 110px}.hero{animation:rise .42s ease both}.brand-row,.brand-lockup,.context-strip,.item-tags,.cart-bar,.review-row,.total-row,.timeline{display:flex;align-items:center}.brand-row{justify-content:space-between;gap:12px;padding:6px 2px 14px}.brand-lockup{gap:10px}.brand-lockup span,.eyeline{display:block;color:var(--orange);font-size:.72rem;font-weight:800;letter-spacing:.11em;margin:0 0 4px;text-transform:uppercase}.brand-lockup strong{display:block;font-size:.95rem;line-height:1.1}.dwell-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));box-shadow:0 9px 18px #ec5b2c3d;color:#fff;font-weight:950}.live-pill{border:1px solid rgba(236,91,44,.28);border-radius:999px;background:var(--orange-soft);color:var(--orange-dark);font-size:.78rem;font-weight:850;padding:8px 11px}.table-card{display:grid;grid-template-columns:1fr auto;gap:14px;overflow:hidden;position:relative;border:1px solid var(--border);border-radius:30px;background:linear-gradient(135deg,#fffffff0,#fff7f1eb),radial-gradient(circle at 80% 12%,rgba(236,91,44,.28),transparent 35%);box-shadow:var(--shadow);padding:22px}.table-card:after{content:"";position:absolute;right:-48px;bottom:-58px;width:160px;height:160px;border:22px solid rgba(236,91,44,.1);border-radius:999px}.table-card h1,.center-card h1,.review-panel h2,.status-panel h2{margin:0;color:var(--ink);font-size:clamp(2rem,11vw,3.8rem);letter-spacing:-.08em;line-height:.9}.table-card p,.center-card p,.status-panel p,.variation-sheet p{margin:10px 0 0;color:var(--ink-soft);line-height:1.45}.menu-count{z-index:1;min-width:88px;align-self:end;border:1px solid rgba(236,91,44,.22);border-radius:22px;background:#ffffffbd;padding:12px;text-align:center}.menu-count span,.menu-count small{display:block;color:var(--muted);font-size:.72rem;font-weight:750}.menu-count strong{display:block;color:var(--orange-dark);font-size:2.1rem;line-height:1}.context-strip{justify-content:space-between;gap:8px;margin:12px 0 16px}.context-strip span{flex:1;border:1px solid var(--border);border-radius:17px;background:#ffffffb8;color:var(--muted);font-size:.78rem;padding:10px 8px;text-align:center}.context-strip b{color:var(--ink)}.search-card,.review-panel,.status-panel,.center-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow-soft)}.search-card{position:sticky;top:0;z-index:3;padding:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.search-card label,.field{display:grid;gap:8px}.search-card span,.field span{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.search-card input,.field input,.field textarea{width:100%;border:1px solid var(--border);border-radius:17px;outline:none;background:var(--bg);color:var(--ink);padding:14px 15px}.field textarea{min-height:92px;resize:vertical}.search-card input:focus,.field input:focus,.field textarea:focus{border-color:#ec5b2c80;box-shadow:0 0 0 4px #ec5b2c1f}.category-rail{display:flex;gap:9px;overflow-x:auto;margin:13px -14px 8px;padding:0 14px 8px;scrollbar-width:none}.category-rail::-webkit-scrollbar{display:none}.category-rail button{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:999px;background:#ffffffd1;color:var(--ink-soft);cursor:pointer;font-weight:850;padding:10px 12px}.category-rail b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:var(--bg-strong);color:var(--muted);font-size:.72rem}.category-rail button.active{border-color:#ec5b2c66;background:var(--orange);color:#fff}.category-rail button.active b{background:#ffffff38;color:#fff}.menu-list{display:grid;gap:12px}.menu-card{display:grid;grid-template-columns:1fr auto;gap:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 3px #14161c0a;padding:16px;animation:rise .42s ease both}.item-tags{flex-wrap:wrap;gap:6px;margin-bottom:9px}.item-tags span,.item-tags small{border-radius:999px;background:var(--bg-strong);color:var(--muted);font-size:.7rem;font-weight:800;padding:5px 8px}.item-tags small:first-of-type{background:var(--orange-soft);color:var(--orange-dark)}.item-main h2{margin:0;font-size:1.08rem;letter-spacing:-.03em}.item-main p{margin:7px 0 0;color:var(--muted);font-size:.92rem;line-height:1.4}.item-action{display:grid;justify-items:end;align-content:space-between;gap:12px;min-width:84px}.item-action>strong{color:var(--orange-dark);white-space:nowrap}.add-button,.primary-button,.ghost-button,.cart-bar button{border:0;border-radius:16px;cursor:pointer;font-weight:900}.add-button{background:var(--orange-soft);color:var(--orange-dark);padding:10px 15px}.stepper{display:inline-grid;grid-template-columns:34px 34px 34px;align-items:center;border:1px solid var(--border);border-radius:15px;overflow:hidden}.stepper button{width:34px;height:34px;border:0;background:var(--orange-soft);color:var(--orange-dark);cursor:pointer;font-weight:950}.stepper b{text-align:center}.cart-bar{position:fixed;right:max(14px,calc((100vw - 520px)/2 + 14px));bottom:max(16px,env(safe-area-inset-bottom));left:max(14px,calc((100vw - 520px)/2 + 14px));z-index:6;justify-content:space-between;gap:12px;border:1px solid rgba(236,91,44,.24);border-radius:22px;background:#15171af0;box-shadow:var(--shadow);color:#fff;padding:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:lift .26s ease both}.cart-bar span{display:block;color:#ffffffb8;font-size:.86rem;margin-top:2px}.cart-bar button{background:var(--orange);color:#fff;padding:13px 16px}.review-panel,.status-panel,.center-card{display:grid;gap:16px;padding:18px;animation:rise .32s ease both}.center-card{min-height:calc(100dvh - 140px);place-items:center;align-content:center;text-align:center}.center-card .dwell-mark{width:54px;height:54px;border-radius:18px;font-size:1.3rem}.loader{width:52px;height:52px;border:4px solid var(--orange-soft);border-top-color:var(--orange);border-radius:999px;animation:spin .82s linear infinite}.error-card{border-color:#be2a2a33;background:linear-gradient(180deg,#fff,var(--red-soft))}.section-heading{display:grid;gap:5px}.section-heading h2,.status-panel h2{font-size:clamp(2rem,10vw,3rem)}.section-heading span{color:var(--muted);font-weight:800}.review-list{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg)}.review-list.compact{width:100%}.review-row{justify-content:space-between;gap:12px;padding:13px}.review-row+.review-row{border-top:1px solid var(--border)}.review-row span{display:block;color:var(--muted);font-size:.86rem;margin-top:3px}.review-row b{color:var(--orange-dark);white-space:nowrap}.total-row{justify-content:space-between;border-top:1px solid var(--border);padding-top:4px}.total-row strong{color:var(--orange-dark);font-size:1.45rem}.primary-button{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;min-height:52px}.primary-button:disabled{cursor:wait;opacity:.72}.ghost-button{border:1px solid var(--border-strong);background:#fff;color:var(--ink);min-height:48px;padding:0 18px}.text-button{width:fit-content;border:0;background:transparent;color:var(--orange-dark);cursor:pointer;font-weight:900;padding:0}.text-button.full{width:100%;justify-content:center;padding:12px}.status-panel{justify-items:center;text-align:center}.status-orb{display:grid;width:76px;height:76px;place-items:center;border-radius:999px;background:var(--amber-soft)}.status-orb span{display:block;width:32px;height:32px;border:5px solid var(--amber);border-top-color:transparent;border-radius:999px;animation:spin 1s linear infinite}.tone-good .status-orb{background:var(--green-soft)}.tone-good .status-orb span{width:34px;height:18px;border:0;border-left:6px solid var(--green);border-bottom:6px solid var(--green);border-radius:0;transform:rotate(-45deg) translate(2px,-2px);animation:none}.tone-bad .status-orb{background:var(--red-soft)}.tone-bad .status-orb span{width:34px;height:6px;border:0;border-radius:999px;background:var(--red);animation:none}.eta{border-radius:999px;background:var(--orange-soft);color:var(--orange-dark);padding:9px 12px}.timeline{width:100%;justify-content:space-between;gap:8px}.timeline span{flex:1;border-radius:999px;background:var(--bg-strong);color:var(--muted);font-size:.76rem;font-weight:850;padding:9px 6px}.timeline span.active{background:var(--green-soft);color:var(--green)}.empty-state{display:grid;gap:5px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:#ffffffa8;color:var(--muted);padding:22px;text-align:center}.empty-state strong{color:var(--ink)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;align-items:end;background:#15171a52}.variation-sheet{display:grid;width:min(100%,520px);gap:10px;margin:0 auto;border-radius:28px 28px 0 0;background:var(--surface);box-shadow:0 -18px 50px #1c161133;padding:12px 16px max(18px,env(safe-area-inset-bottom));animation:sheet .24s ease both}.sheet-handle{justify-self:center;width:48px;height:5px;border-radius:999px;background:var(--border-strong);margin-bottom:4px}.variation-sheet h2{margin:0;letter-spacing:-.04em}.variation-sheet button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:17px;background:var(--bg);color:var(--ink);cursor:pointer;font-weight:850;padding:14px}.variation-sheet button b{color:var(--orange-dark)}@media(min-width:720px){.order-page{padding-top:30px}.menu-card:hover,.search-card:hover{border-color:#ec5b2c47}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lift{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
