:root{--c-brown:#3c261c;--c-orange:#b64e28;--c-orange-press:#963f1f;--c-orange-tint:#f8e6dc;--c-cream:#f3e6d3;--c-ink:#2a1c15;--c-muted:#7a6a5e;--c-faint:#a89888;--c-line:#e2d6c6;--c-line-strong:#cfbfab;--c-paper:#f5eee5;--c-paper-deep:#ede3d6;--c-card:#fffdf9;--c-scrim:#2a1c1561;--c-success:#2f7a55;--c-success-tint:#e0f0e7;--c-danger:#a3263e;--c-danger-tint:#f8e3e7;--c-warning:#7a5a12;--c-warning-tint:#f4eacb;--f-body:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--f-num:"Roboto Slab", "Noto Sans TC", Georgia, serif;--f-display:"Chiron Sung HK", "Noto Serif TC", serif;--t-xs:.75rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.5rem;--t-hero:5rem;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-pill:999px;--shadow-sheet:0 -6px 24px #2a1c1524;--shadow-pop:0 8px 28px #2a1c152e;--topbar-h:58px;--rail-w:375px;--tap:48px;--tap-main:56px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--c-paper);color:var(--c-ink);font:400 var(--t-md)/1.5 var(--f-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}html{overscroll-behavior:none;touch-action:manipulation}input,textarea{-webkit-user-select:text;user-select:text}.grid-scroll,.cart-lines,.sheet-body,.pay-body,.form-scroll,.detail-scroll,.order-side,.pay-summary{overscroll-behavior:contain}::selection{background:var(--c-orange-tint);color:var(--c-brown)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--c-orange);outline-offset:2px}h1,h2{color:var(--c-brown);margin:0}p{margin:0}.muted{color:var(--c-muted)}.small{font-size:var(--t-sm)}.ink{color:var(--c-ink)}.icon{flex:none;display:block}*{scrollbar-width:thin;scrollbar-color:var(--c-line-strong) transparent}.money{font-family:var(--f-num);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--c-brown);align-items:baseline;display:inline-flex}.money-cur{color:var(--c-muted);margin-right:.12em;font-size:.62em;font-weight:500}.money-num{font-weight:800}.money-sign{margin-right:.1em;font-weight:800}.money-sm{font-size:var(--t-sm)}.money-md{font-size:var(--t-lg)}.money-lg{font-size:var(--t-2xl)}.money-xl{font-size:var(--t-3xl);letter-spacing:-.01em}.money-hero{font-size:var(--t-hero);letter-spacing:-.02em;line-height:1}.money-hero .money-cur{font-size:.5em}.mono-num{font-family:var(--f-num);font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);color:var(--c-brown);font-weight:700;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-brown)}.btn:active:not(:disabled){background:var(--c-paper-deep);transform:scale(.98)}.btn:disabled{opacity:.45}.btn-primary{background:var(--c-orange);border-color:var(--c-orange);color:var(--c-card)}.btn-primary:hover:not(:disabled){background:var(--c-orange-press);border-color:var(--c-orange-press)}.btn-primary:active:not(:disabled){background:var(--c-orange-press)}.btn-primary .money,.btn-primary .money-cur{color:var(--c-card)}.btn-main{min-height:var(--tap-main);font-size:var(--t-lg);width:100%}.btn-sm{min-height:40px;padding:0 var(--s-3);font-size:var(--t-sm)}.btn-danger{color:var(--c-danger);border-color:var(--c-danger)}.btn-danger-fill{background:var(--c-danger);border-color:var(--c-danger);color:var(--c-card)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--c-brown);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover{background:var(--c-paper-deep)}.link{padding:var(--s-2);color:var(--c-brown);align-items:center;gap:var(--s-1);background:0 0;border:0;min-height:40px;font-weight:700;display:inline-flex}.link:hover{color:var(--c-orange)}.link.left{justify-self:start;padding-left:0}.chip{min-height:40px;padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-card);font-size:var(--t-sm);color:var(--c-brown);font-weight:500}.chip-lg{min-height:var(--tap);font-size:var(--t-md)}.chip.on{background:var(--c-orange-tint);border-color:var(--c-orange);color:var(--c-orange-press);font-weight:700}.chips{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.pill{min-height:26px;padding:0 var(--s-2);border-radius:var(--r-sm);font-size:var(--t-xs);background:var(--c-paper-deep);color:var(--c-brown);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.pill-danger,.pill-pay-unpaid{background:var(--c-danger-tint);color:var(--c-danger)}.pill-pay-partial{background:var(--c-warning-tint);color:var(--c-warning)}.pill-pay-paid{background:var(--c-success-tint);color:var(--c-success)}.pill-pay-refund_due{background:var(--c-orange-tint);color:var(--c-orange-press)}.field{gap:var(--s-1);font-size:var(--t-sm);color:var(--c-brown);font-weight:700;display:grid}.field input,.field textarea,.input{width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);font-size:var(--t-lg);color:var(--c-ink);font-weight:400}.field input:disabled{background:var(--c-paper-deep);color:var(--c-muted)}.field textarea{resize:none}.input-inline{width:auto;min-width:150px}.req{color:var(--c-orange);font-style:normal;font-weight:500;font-size:var(--t-xs);margin-left:var(--s-1)}.form-error{color:var(--c-danger);min-height:1.5em;font-weight:700}::placeholder{color:var(--c-faint)}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.app>.topbar,.app>.banner,.app>.cart-bar{flex:none}.topbar{height:var(--topbar-h);align-items:center;gap:var(--s-3);padding:0 var(--s-4);padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;background:var(--c-card);border-bottom:1px solid var(--c-line);display:flex}.topbar-mark{background:0 0;border:0;place-items:center;padding:0;display:grid}.topbar-main{gap:var(--s-2);display:flex}.topbar-side{align-items:center;gap:var(--s-2);margin-left:auto;display:flex}.btn-top{min-height:46px;padding:0 var(--s-4)}.btn-icon{width:46px;padding:0}.count{border-radius:var(--r-pill);background:var(--c-orange);min-width:22px;height:22px;color:var(--c-card);font:700 var(--t-xs)/22px var(--f-num);padding:0 6px}.clock{color:var(--c-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.who{align-items:center;gap:var(--s-2);min-height:46px;padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);display:flex}.who .link{min-height:0;color:var(--c-muted);font-weight:500;font-size:var(--t-sm);padding:0}.lang-switch{border:1px solid var(--c-line-strong);border-radius:var(--r-md);display:inline-flex;overflow:hidden}.lang-switch button{min-width:46px;min-height:44px;padding:0 var(--s-3);background:var(--c-card);color:var(--c-muted);border:0;font-weight:700}.lang-switch button.on{background:var(--c-brown);color:var(--c-cream)}.lang-corner{top:calc(var(--s-4) + env(safe-area-inset-top,0px));right:var(--s-4);position:absolute}.banner{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);font-weight:700;font-size:var(--t-sm);flex-wrap:wrap;display:flex}.banner-warning{background:var(--c-warning-tint);color:var(--c-warning);border-bottom:1px solid var(--c-line)}.banner input{border:1px solid var(--c-line-strong);border-radius:var(--r-sm);min-height:40px;padding:0 var(--s-2);background:var(--c-card)}.banner.inline{border-radius:var(--r-md);margin:0 var(--s-4) var(--s-3);border:0}.workspace{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.workspace.with-rail{grid-template-columns:minmax(0, 1fr) var(--rail-w)}.stage{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.rail{background:var(--c-card);border-left:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex}.grid-scroll{min-height:0;padding:var(--s-4);flex:1;overflow-y:auto}.product-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.product-tile{text-align:left;min-height:140px;padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-card);flex-direction:column;align-items:flex-start;transition:border-color .15s,transform 80ms;display:flex;position:relative}.product-tile:active{transform:scale(.98)}.product-tile.in-cart{border:2px solid var(--c-orange);padding:calc(var(--s-4) - 1px)}.tile-name{font-size:var(--t-xl);color:var(--c-brown);padding-right:44px;font-weight:700;line-height:1.25}.tile-sub{font-size:var(--t-sm);color:var(--c-muted);margin-top:2px}.tile-price{padding-top:var(--s-3);align-items:baseline;gap:2px;margin-top:auto;display:flex}.tile-price .money-md{font-size:var(--t-xl)}.per{color:var(--c-muted);font-size:var(--t-sm)}.badge{top:var(--s-3);right:var(--s-3);min-width:32px;height:32px;padding:0 var(--s-2);border-radius:var(--r-pill);background:var(--c-orange);color:var(--c-card);font:800 var(--t-sm)/1 var(--f-num);place-items:center;display:grid;position:absolute}.tile-temp{justify-content:center;align-items:center;gap:var(--s-2);border:1.5px dashed var(--c-line-strong);color:var(--c-muted);background:0 0;flex-direction:row;font-weight:700}.cart{flex-direction:column;flex:1;min-height:0;display:flex}.cart-head{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line);justify-content:space-between;align-items:center;min-height:56px;display:flex}.cart-head h2{font-size:var(--t-lg)}.cart-head h2 .muted{font-size:var(--t-sm);margin-left:var(--s-1);font-weight:500}.cart-lines{flex:1;min-height:0;overflow-y:auto}.empty-hint{padding:var(--s-8) var(--s-4);text-align:center;color:var(--c-muted)}.cart-line{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line);gap:var(--s-2);display:grid}.cart-line.readonly{grid-template-columns:minmax(0,1fr) auto;align-items:center}.line-top{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.line-main{min-width:0;display:grid}.line-main strong{font-size:var(--t-lg);color:var(--c-brown)}.stepper{grid-template-columns:var(--tap-main) minmax(0, 1fr) var(--tap-main);border:1px solid var(--c-line-strong);border-radius:var(--r-md);max-width:220px;display:grid;overflow:hidden}.stepper button{min-height:var(--tap);background:var(--c-paper);color:var(--c-brown);border:0;place-items:center;display:grid}.stepper button:active{background:var(--c-paper-deep)}.stepper .stepper-value{background:var(--c-card);border-inline:1px solid var(--c-line-strong);font-size:var(--t-lg);white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.stepper .stepper-value .icon{color:var(--c-muted)}.stepper-value .muted{font-size:var(--t-sm)}.cart-foot{padding:var(--s-4);border-top:1px solid var(--c-line);gap:var(--s-2);background:var(--c-card);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));display:grid}.total-row{margin-bottom:var(--s-1);color:var(--c-muted);justify-content:space-between;align-items:baseline;font-weight:500;display:flex}.cart-bar{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-3);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px));background:var(--c-card);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-sheet);display:flex;position:relative}.grabber{border-radius:var(--r-pill);background:var(--c-line-strong);width:40px;height:4px;margin-left:-20px;position:absolute;top:6px;left:50%}.cart-bar-sum{align-items:center;gap:var(--s-3);text-align:left;min-width:0;min-height:var(--tap-main);padding:var(--s-1) var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-paper);flex:1;display:flex}.cart-bar-sum:active:not(:disabled){background:var(--c-paper-deep)}.cart-bar-icon{color:var(--c-brown);place-items:center;display:grid;position:relative}.cart-bar-icon .count{position:absolute;top:-8px;right:-10px}.cart-bar-text{line-height:1.2;display:grid}.cart-bar-hint{font-size:var(--t-sm);color:var(--c-orange-press);align-items:center;gap:2px;font-weight:700;display:inline-flex}.cart-bar.empty .cart-bar-hint{color:var(--c-muted);font-weight:500}.cart-bar .btn-main{flex:none;width:auto;min-width:112px}.panel-head{align-items:center;gap:var(--s-2) var(--s-3);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--c-line);background:var(--c-card);flex-wrap:wrap;min-height:56px;display:flex}.panel-head h1{font-size:var(--t-lg)}.back{padding-left:0}.label{font-size:var(--t-sm);color:var(--c-muted);font-weight:700}.pay{flex-direction:column;flex:1;min-height:0;display:flex}.pay-body{gap:var(--s-3) var(--s-5);min-height:0;padding:var(--s-4);flex:1;grid-template:"summary keys"minmax(0,1fr)"summary action"/minmax(0,1fr) minmax(0,1fr);display:grid}.pay-body>.pay-summary{grid-area:summary}.pay-body>.pay-keys{grid-area:keys}.pay-body>.pay-action{grid-area:action}.pay-body.adjust-body{grid-template-areas:"summary keys""action keys"}.pay-summary{flex-direction:column;gap:0;min-height:0;display:flex;overflow-y:auto}.pay-summary.adjust{gap:var(--s-3)}.sum-row{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--c-line);color:var(--c-muted);display:flex}.sum-row.adj>span:first-child{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:inline-flex}.sum-row.strong{color:var(--c-brown);font-weight:700;font-size:var(--t-lg)}.sum-row.big{font-size:var(--t-xl);border-bottom:0}.x-btn{border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-card);width:32px;height:32px;color:var(--c-muted);place-items:center;display:grid}.tender-value{align-items:center;display:inline-flex}.caret{background:var(--c-orange);width:2px;height:1.4em;margin-left:3px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.change-card{min-height:140px;margin:var(--s-4) 0;padding:var(--s-5);justify-content:center;gap:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-card);flex-direction:column;flex:1;display:flex}.change-card.ok{background:var(--c-success-tint);border-color:#0000}.change-card.warn{background:var(--c-warning-tint);border-color:#0000}.change-label{color:var(--c-brown);font-weight:700}.adj-buttons{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.pay-keys{gap:var(--s-3);flex-direction:column;justify-content:flex-end;min-height:0;display:flex}.keypad{gap:var(--s-2);flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(56px,1fr);max-height:480px;display:grid}.key{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-card);font:500 var(--t-2xl)/1 var(--f-num);color:var(--c-brown);place-items:center;display:grid}.key:active{background:var(--c-paper-deep)}.key-fn{background:var(--c-paper-deep);font:700 var(--t-md) var(--f-body)}.btn-confirm{padding:0 var(--s-5);justify-content:space-between;min-height:64px}.segmented{border:1px solid var(--c-line-strong);border-radius:var(--r-md);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segmented button{min-height:var(--tap);background:var(--c-card);color:var(--c-muted);border:0;font-weight:700}.segmented button.on{background:var(--c-brown);color:var(--c-cream)}.rate-grid{gap:var(--s-2);grid-template-columns:repeat(4,1fr);display:grid}.reason-grid{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.choice{min-height:var(--tap-main);padding:var(--s-2);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);color:var(--c-brown);place-items:center;gap:0;font-weight:700;line-height:1.25;display:grid}.choice span{font:500 var(--t-sm) var(--f-num);color:var(--c-muted)}.choice.on{background:var(--c-orange-tint);border:2px solid var(--c-orange);color:var(--c-orange-press)}.choice.on span{color:var(--c-orange-press)}.amount-field{min-height:60px;padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);color:var(--c-muted);justify-content:space-between;align-items:center;display:flex}.amount-field.active{border-color:var(--c-orange);box-shadow:0 0 0 1px var(--c-orange)}.adjust-total{gap:2px var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);background:var(--c-card);border:1px solid var(--c-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.at-main{justify-content:space-between;align-items:baseline;gap:var(--s-3);color:var(--c-brown);font-weight:700;display:flex}.at-detail{font-size:var(--t-xs);color:var(--c-muted);grid-column:1;line-height:1.4}.roundoff-toggle{align-items:center;gap:var(--s-1);min-height:var(--tap);padding:0 var(--s-3);border:1.5px dashed var(--c-line-strong);border-radius:var(--r-md);background:var(--c-paper);color:var(--c-brown);white-space:nowrap;grid-area:1/2/span 2;font-weight:700;display:inline-flex}.roundoff-toggle.on{border:2px solid var(--c-orange);background:var(--c-orange-tint);color:var(--c-orange-press)}.roundoff-toggle:disabled{opacity:.45}.seg-badge{margin-left:var(--s-1);font:700 var(--t-xs) var(--f-num);opacity:.85}.roundoff{align-items:center;gap:var(--s-2);text-align:left;min-height:var(--tap-main);padding:var(--s-2) var(--s-4);border:1px dashed var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);color:var(--c-brown);margin-top:var(--s-2);grid-template-columns:auto auto 1fr;font-weight:700;display:grid}.roundoff.on{background:var(--c-orange-tint);border:2px solid var(--c-orange)}.roundoff:disabled{opacity:.6}.adjust-actions{gap:var(--s-3);grid-template-columns:1fr 2fr;display:grid}.adjust-actions .btn-primary{gap:var(--s-3)}.paid{justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-6);text-align:center;flex-direction:column;flex:1;display:flex}.paid-check{background:var(--c-success-tint);width:76px;height:76px;color:var(--c-success);border-radius:50%;place-items:center;display:grid}.paid h1{font-size:var(--t-2xl)}.paid-back{max-width:340px;margin-top:var(--s-3)}.picker-row{align-items:center;gap:var(--s-3);width:100%;min-height:var(--tap-main);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);color:var(--c-brown);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.picker-row:active{background:var(--c-paper-deep)}.picker-row.invalid{border-color:var(--c-danger)}.picker-label{font-size:var(--t-sm);color:var(--c-muted);white-space:nowrap;font-weight:700}.picker-value{font-weight:700;font-size:var(--t-lg);text-overflow:ellipsis;white-space:nowrap;justify-self:end;max-width:100%;overflow:hidden}.picker-value.empty{color:var(--c-faint);font-weight:500;font-size:var(--t-md)}.picker-row>.icon{color:var(--c-muted)}.choice-grid{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice-grid.cols-1{grid-template-columns:minmax(0,1fr)}.choice-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid.compact .choice{min-height:var(--tap);font-size:var(--t-sm)}.spec-stepper{grid-template-columns:var(--tap-main) minmax(0, 1fr) var(--tap-main);gap:var(--s-2);align-items:stretch;display:grid}.spec-stepper>button{border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-paper);color:var(--c-brown);place-items:center;display:grid}.spec-stepper .number-display{justify-content:center}.center{text-align:center}.wide-block{display:block}.phone-block{display:none}.form-panel{flex-direction:column;flex:1;min-height:0;display:flex}.form-scroll{min-height:0;padding:var(--s-4);flex:1;overflow-y:auto}.form-grid{gap:var(--s-3) var(--s-4);grid-template-columns:1fr 1fr;align-items:end;max-width:720px;display:grid}.span-2{grid-column:1/-1}.form-actions{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-line);background:var(--c-card);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px));grid-template-columns:1fr 1fr;display:grid}.suggest{gap:var(--s-2);display:grid}.suggest-row{gap:var(--s-3);min-height:var(--tap);padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-card);text-align:left;align-items:center;display:flex}.sheet-layer{z-index:20;background:var(--c-scrim);animation:.16s ease-out fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--c-card);min-height:0;box-shadow:var(--shadow-pop);flex-direction:column;display:flex}.sheet-left{width:min(460px,100%);height:100%;animation:.2s cubic-bezier(.2,.8,.2,1) from-left}.sheet-right{width:min(380px,100%);height:100%;margin-left:auto;animation:.2s cubic-bezier(.2,.8,.2,1) from-right}.sheet-center{border-radius:var(--r-lg);width:min(460px,100% - 32px);max-height:calc(100% - 48px);margin:auto}.sheet-bottom{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;height:92%;box-shadow:var(--shadow-sheet);margin-top:auto;animation:.22s cubic-bezier(.2,.8,.2,1) from-bottom;position:relative}.sheet-x{top:var(--s-1);right:var(--s-2);z-index:1;position:absolute}.sheet-bottom .cart-head{padding-right:64px}@keyframes from-left{0%{opacity:0;transform:translate(-30px)}}@keyframes from-right{0%{opacity:0;transform:translate(30px)}}@keyframes from-bottom{0%{opacity:0;transform:translateY(40px)}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);padding-top:calc(var(--s-2) + env(safe-area-inset-top,0px));border-bottom:1px solid var(--c-line);display:flex}.sheet-center .sheet-head{padding-top:var(--s-2)}.sheet-head h2{font-size:var(--t-lg)}.sheet-body{min-height:0;padding:var(--s-4);align-content:start;gap:var(--s-3);flex:1;display:grid;overflow-y:auto}.sheet-foot{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-top:1px solid var(--c-line);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px));display:flex}.sheet-center .sheet-foot{padding-bottom:var(--s-3)}.number-display{justify-content:flex-end;align-items:baseline;gap:var(--s-1);min-height:64px;padding:0 var(--s-4);border:1px solid var(--c-orange);border-radius:var(--r-md);font:800 var(--t-3xl)/64px var(--f-num);color:var(--c-brown);display:flex}.sheet-center .keypad{grid-auto-rows:60px}.search-input{position:sticky;top:0}.order-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.order-card{gap:var(--s-3);text-align:left;width:100%;min-height:76px;padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-card);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;display:grid}.order-card:active{background:var(--c-paper)}.order-card.overdue{border-color:var(--c-danger)}.oc-time{font-family:var(--f-num);justify-items:start;gap:2px;display:grid}.oc-time strong{font-size:var(--t-lg);color:var(--c-brown)}.oc-main{min-width:0;display:grid}.oc-main strong{color:var(--c-brown)}.oc-items{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-side{gap:var(--s-1);justify-items:end;display:grid}.order-view{grid-template-columns:minmax(0, 1fr) var(--rail-w);flex:1;min-height:0;display:grid}.order-detail{flex-direction:column;min-height:0;display:flex}.detail-scroll{min-height:0;padding:var(--s-4);align-content:start;gap:var(--s-4);flex:1;display:grid;overflow-y:auto}.facts{gap:var(--s-3);padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-card);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;display:grid}.facts .wide{grid-column:1/-1}.facts dt{font-size:var(--t-xs);color:var(--c-muted);font-weight:700}.facts dd{color:var(--c-ink);margin:0}.item-list{border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-card);margin:0;padding:0;list-style:none}.item-row{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;display:grid}.item-row:last-child{border-bottom:0}.history h2{font-size:var(--t-md);margin-bottom:var(--s-2)}.history ul{gap:var(--s-1);margin:0;padding:0;list-style:none;display:grid}.history li{gap:var(--s-2);font-size:var(--t-sm);grid-template-columns:90px minmax(0,1fr) auto;display:grid}.order-side{background:var(--c-card);border-left:1px solid var(--c-line);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sum-rows{padding:var(--s-2) var(--s-4)}.side-actions{padding:var(--s-4);gap:var(--s-2);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));margin-top:auto;display:grid}.other-actions{gap:var(--s-2);padding-top:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}.mini-stats{gap:var(--s-2) var(--s-4);padding:var(--s-2) 0 var(--s-3);font-size:var(--t-sm);color:var(--c-muted);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.mini-stats span{justify-content:space-between;gap:var(--s-2);display:flex}.mini-stats strong{color:var(--c-brown);font-family:var(--f-num)}.closing .change-card{flex:none;min-height:120px}.menu{gap:var(--s-2);display:grid}.menu-row{justify-content:space-between;align-items:center;gap:var(--s-3);color:var(--c-brown);padding-bottom:var(--s-2);font-weight:700;display:flex}.menu-who{align-items:center;gap:var(--s-2);color:var(--c-muted);padding:var(--s-2) 0;border-top:1px solid var(--c-line);display:flex}.menu-item{min-height:var(--tap-main);padding:0 var(--s-4);text-align:left;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-card);color:var(--c-brown);font-weight:700}.menu-item:active{background:var(--c-paper)}.menu-item.danger{color:var(--c-danger);margin-top:var(--s-4)}.center-screen,.lock-screen{justify-content:center;align-items:center;gap:var(--s-4);height:100%;padding:var(--s-6) var(--s-4);text-align:center;flex-direction:column;display:flex;position:relative;overflow-y:auto}.center-logo{width:150px;height:auto}.center-screen h1{font-size:var(--t-xl)}.login{gap:var(--s-3);text-align:left;width:min(380px,100%);display:grid}.lock-device{align-items:center;gap:var(--s-1);color:var(--c-muted);display:flex}.lock-title{font-family:var(--f-display);font-weight:900;font-size:var(--t-2xl)}.pin-dots{gap:var(--s-4);display:flex}.pin-dots span{border:2px solid var(--c-brown);border-radius:50%;width:18px;height:18px}.pin-dots span.filled{background:var(--c-brown)}.pin-dots.shake{animation:.36s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.lock-keypad{width:min(320px,100%)}.lock-keypad .keypad{grid-auto-rows:64px}.boot{place-items:center;height:100%;display:grid}.boot img{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.toasts{z-index:40;left:50%;top:calc(var(--topbar-h) + var(--s-2) + env(safe-area-inset-top,0px));gap:var(--s-2);pointer-events:none;width:min(520px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);box-shadow:var(--shadow-pop);font-weight:700;animation:.2s ease-out from-bottom}.toast-error{background:var(--c-danger);color:var(--c-card)}.toast-ok{background:var(--c-brown);color:var(--c-cream)}@media (width<=899px){:root{--topbar-h:56px}.wide-only{display:none!important}.topbar{gap:var(--s-2);padding:0 var(--s-3)}.topbar-mark img{width:34px;height:34px}.btn-top{padding:0 var(--s-3);min-height:44px}.grid-scroll{padding:var(--s-3)}.product-grid{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-tile{min-height:116px;padding:var(--s-3)}.product-tile.in-cart{padding:calc(var(--s-3) - 1px)}.tile-name{font-size:var(--t-lg)}.pay-body{gap:var(--s-3);padding:var(--s-3) var(--s-3) 0;flex-direction:column;display:flex;overflow-y:auto}.pay-body>*{flex:none}.pay-summary{overflow:visible}.pay-body>.pay-action{z-index:2;padding:var(--s-3) 0 calc(var(--s-3) + env(safe-area-inset-bottom,0px));background:var(--c-paper);border-top:1px solid var(--c-line);margin-top:auto;position:sticky;bottom:0}.change-card{min-height:0;margin:var(--s-3) 0;padding:var(--s-4);flex-direction:row;flex:none;justify-content:space-between;align-items:center}.change-card .money-hero{font-size:var(--t-3xl)}.keypad{flex:none;grid-auto-rows:54px}.order-view{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.order-side{border-left:0;border-top:1px solid var(--c-line);max-height:52%}.sum-rows .sum-row{padding:var(--s-2) 0}.form-grid{grid-template-columns:minmax(0,1fr)}.sheet-left,.sheet-right{width:100%}.money-hero{font-size:3.75rem}.wide-block{display:none}.phone-block{display:block}.closing .change-card{min-height:0}.pay-summary.adjust{gap:var(--s-2)}.sum-row{padding:var(--s-2) 0}.change-card{margin:var(--s-2) 0}.form-scroll{padding:var(--s-3)}.form-grid{gap:var(--s-2)}.sheet-center{width:calc(100% - 24px);max-height:calc(100% - 24px)}.sheet-center .keypad{grid-auto-rows:52px}}@media (width<=899px) and (height<=700px){.keypad{grid-auto-rows:46px}.key{font-size:var(--t-xl)}.btn-main,.picker-row,.amount-field{min-height:var(--tap)}.center-logo{width:110px}.lock-keypad .keypad{grid-auto-rows:52px}}@media (width<=380px){.btn-top span:not(.count){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}