:root{--c-brown:#3c261c;--c-orange:#b64e28;--c-orange-press:#963f1f;--c-orange-tint:#f8e6dc;--c-orange-bright:#d6683e;--c-cream:#f3e6d3;--c-ink:#2a1c15;--c-ink-soft:#5a4b40;--c-muted:#7a6a5e;--c-faint:#a89888;--c-line:#e2d6c6;--c-line-strong:#cfbfab;--c-paper:#f5eee5;--c-paper-deep:#ede3d6;--c-card:#fffdf9;--c-on-orange:#fffdf9;--c-brown-raise:#4b3226;--c-brown-line:#5c4336;--c-cream-dim:#c9b8a4;--c-success:#2f7a55;--c-success-tint:#e0f0e7;--c-success-on-dark:#a9d9be;--c-danger:#a3263e;--c-danger-tint:#f8e3e7;--c-warning:#7a5a12;--c-warning-tint:#f4eacb;--c-series-teal:#2e7d78;--c-series-gold:#c48a1a;--c-series-blue:#4f73a8;--c-series-plum:#8e4f7d;--c-series-gray:#a89888;--c-scrim:#2a1c1561;--c-scrim-light:#2a1c1533;--f-body:"Noto Sans TC", "Noto Sans", "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;--fs-tag:.75rem;--fs-meta:.8125rem;--fs-body:.9375rem;--fs-main:1rem;--fs-money:1.0625rem;--fs-title:1.25rem;--fs-hero:2.25rem;--fs-cur:.62em;--fs-cur-hero:.45em;--lh-tight:1.2;--lh-snug:1.35;--lh-body:1.55;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-heavy:800;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-14:14px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-28:28px;--sp-32:32px;--r-6:6px;--r-8:8px;--r-10:10px;--r-12:12px;--r-14:14px;--r-16:16px;--r-pill:999px;--shadow-pop:0 8px 28px #2a1c152e;--shadow-sheet:0 -6px 24px #2a1c1524;--tap:48px;--tap-main:56px;--pill-h:34px;--ctl-h:44px;--btn-h:40px;--topbar-h:58px;--bar-h:0px;--rail-w:375px;--header-h:64px;--m-topbar-h:52px;--tabbar-h:60px;--side-w:232px;--drawer-w:480px;--row-h:56px;--page-pad:28px}.k-money{font-family:var(--f-num);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:var(--lh-tight);font-weight:var(--fw-medium);color:var(--c-ink)}.k-money.is-strong{font-weight:var(--fw-bold)}.k-money.is-muted{color:var(--c-faint);text-decoration:line-through}.k-money__cur{font-size:var(--fs-cur);color:var(--c-muted);font-weight:var(--fw-medium);margin-right:1px}.k-money__sign{margin-right:1px}.k-money--meta{font-size:var(--fs-meta)}.k-money--main{font-size:var(--fs-main)}.k-money--row{font-size:var(--fs-money)}.k-money--title{font-size:var(--fs-title)}.k-money--hero{font-size:var(--fs-hero);font-weight:var(--fw-heavy)}.k-money--hero .k-money__cur{font-size:var(--fs-cur-hero)}.k-chip{align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-8);border-radius:var(--r-pill);font-size:var(--fs-tag);font-weight:var(--fw-bold);white-space:nowrap;line-height:var(--lh-snug);display:inline-flex}.k-chip:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.k-chip--todo{background:var(--c-orange-tint);color:var(--c-orange-press)}.k-chip--wait{background:var(--c-warning-tint);color:var(--c-warning)}.k-chip--late{background:var(--c-danger-tint);color:var(--c-danger)}.k-chip--done{background:var(--c-success-tint);color:var(--c-success)}.k-chip--off{background:var(--c-paper-deep);color:var(--c-muted)}.k-chip--off:before{background:0 0;border:1.5px solid;width:5px;height:5px}.k-chip--plain{background:var(--c-paper-deep);color:var(--c-ink-soft)}.k-countdown{font-size:var(--fs-meta);color:var(--c-muted);white-space:nowrap}.k-countdown.is-late{color:var(--c-danger);font-weight:var(--fw-bold)}.k-fit{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;min-width:0;display:flex;overflow:hidden}.k-fit__it{flex:none}.k-fit__it+.k-fit__it:before{content:"・"}.k-fit__it.is-cut{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.k-fit__more{margin-left:var(--sp-6);font-family:var(--f-num);font-size:var(--fs-tag);font-weight:var(--fw-bold);color:var(--c-muted);background:var(--c-paper-deep);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);padding:0 var(--sp-6);line-height:var(--lh-body);flex:none}.k-orow{align-items:center;column-gap:var(--sp-10);row-gap:var(--sp-2);width:100%;padding:var(--sp-10) var(--sp-14);background:var(--c-card);border:0;border-bottom:1px solid var(--c-line);text-align:left;font:inherit;color:var(--c-ink);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;display:grid}.k-orow:hover{background:var(--c-paper)}.k-orow.is-selected{background:var(--c-orange-tint)}.k-orow>.k-money,.k-orow>.k-chip{justify-self:end}.k-orow__items{font-size:var(--fs-main);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.k-orow.is-ended .k-orow__items{font-weight:var(--fw-medium);color:var(--c-muted)}.k-orow__meta{align-items:baseline;gap:var(--sp-6);min-width:0;font-size:var(--fs-meta);color:var(--c-muted);white-space:nowrap;display:flex;overflow:hidden}.k-orow__meta>*+:before{content:"・";margin-right:var(--sp-6);color:var(--c-muted);font-weight:var(--fw-regular)}.k-orow__time{font-family:var(--f-num);font-weight:var(--fw-bold);color:var(--c-ink);font-variant-numeric:tabular-nums}.k-orow__who{text-overflow:ellipsis;min-width:0;overflow:hidden}.k-orow:focus-visible{outline:3px solid var(--c-orange);outline-offset:-3px}.k-dayhead{z-index:1;justify-content:space-between;gap:var(--sp-8);padding:var(--sp-6) var(--sp-16);background:var(--c-paper-deep);border-bottom:1px solid var(--c-line);font-size:var(--fs-meta);color:var(--c-muted);display:flex;position:sticky;top:0}.k-dayhead b{color:var(--c-ink)}.k-chipbar{align-items:center;gap:var(--sp-6);height:var(--tap);padding:0 var(--sp-12);background:var(--c-paper);border-bottom:1px solid var(--c-line);min-width:0;display:flex}.k-chipbar__scroll{gap:var(--sp-6);scrollbar-width:none;flex:1;min-width:0;display:flex;overflow-x:auto}.k-chipbar__scroll::-webkit-scrollbar{display:none}.k-pill{align-items:center;gap:var(--sp-4);height:var(--pill-h);padding:0 var(--sp-12);border-radius:var(--r-pill);border:1px solid var(--c-line-strong);background:var(--c-card);font:inherit;font-size:var(--fs-meta);font-weight:var(--fw-bold);color:var(--c-ink);cursor:pointer;white-space:nowrap;flex:none;display:inline-flex}.k-pill.is-on{background:var(--c-brown);border-color:var(--c-brown);color:var(--c-cream)}.k-pill__count{font-style:normal;font-weight:var(--fw-medium);font-family:var(--f-num);font-variant-numeric:tabular-nums;color:var(--c-muted)}.k-pill.is-on .k-pill__count{color:var(--c-cream-dim)}.k-chipbar__filter.is-set{border-color:var(--c-orange);color:var(--c-orange-press)}.sys-bars{z-index:60;position:fixed;top:0;left:0;right:0}.sys-bar{justify-content:center;align-items:center;gap:var(--sp-12);min-height:40px;padding:var(--sp-8) var(--sp-16);font-size:var(--fs-meta);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-align:center;display:flex}.sys-bar--offline{background:var(--c-danger);color:var(--c-card)}.sys-bar--update{background:var(--c-brown);color:var(--c-cream)}.sys-bar__btn{height:32px;padding:0 var(--sp-14);border-radius:var(--r-pill);color:inherit;font-size:var(--fs-meta);font-weight:var(--fw-bold);background:0 0;border:1px solid;flex:none}html[data-offline] [data-write]{opacity:.4;pointer-events:none;filter:grayscale()}.pwa-install{align-items:center;gap:var(--sp-8);margin-top:var(--sp-8);text-align:center;flex-direction:column;display:flex}.pwa-install__text{max-width:34ch;font-size:var(--fs-meta);line-height:var(--lh-snug);color:var(--c-ink-soft);margin:0}.pwa-install__btn{height:44px;padding:0 var(--sp-20);border:1px solid var(--c-line-strong);border-radius:var(--r-10);background:var(--c-card);color:var(--c-ink);font-size:var(--fs-body);font-weight:var(--fw-bold)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{padding-top:var(--bar-h,0px);background:var(--c-paper);color:var(--c-ink);font:400 var(--fs-main)/var(--lh-body) 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(--fs-meta)}.ink{color:var(--c-ink)}.icon{flex:none;display:block}*{scrollbar-width:thin;scrollbar-color:var(--c-line-strong) transparent}.mono-num{font-family:var(--f-num);font-variant-numeric:tabular-nums}.btn{justify-content:center;align-items:center;gap:var(--sp-8);min-height:var(--tap);padding:0 var(--sp-16);border:1px solid var(--c-line-strong);border-radius:var(--r-10);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 .k-money,.btn-primary .k-money__cur{color:var(--c-card)}.btn-main{min-height:var(--tap-main);font-size:var(--fs-money);width:100%}.btn-sm{min-height:40px;padding:0 var(--sp-12);font-size:var(--fs-meta)}.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-10);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(--sp-8);color:var(--c-brown);align-items:center;gap:var(--sp-4);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(--sp-16);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-card);font-size:var(--fs-meta);color:var(--c-brown);font-weight:500}.chip-lg{min-height:var(--tap);font-size:var(--fs-main)}.chip.on{background:var(--c-orange-tint);border-color:var(--c-orange);color:var(--c-orange-press);font-weight:700}.chips{gap:var(--sp-8);flex-wrap:wrap;align-items:center;display:flex}.pill{min-height:26px;padding:0 var(--sp-8);border-radius:var(--r-8);font-size:var(--fs-tag);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(--sp-4);font-size:var(--fs-meta);color:var(--c-brown);font-weight:700;display:grid}.field input,.field textarea,.input{width:100%;min-height:var(--tap);padding:var(--sp-8) var(--sp-12);border:1px solid var(--c-line-strong);border-radius:var(--r-10);background:var(--c-card);font-size:var(--fs-main);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(--fs-tag);margin-left:var(--sp-4)}.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(--sp-12);padding:0 var(--sp-16);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(--sp-8);display:flex}.topbar-side{align-items:center;gap:var(--sp-8);margin-left:auto;display:flex}.btn-top{min-height:46px;padding:0 var(--sp-16)}.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(--fs-tag)/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(--sp-8);min-height:46px;padding:0 var(--sp-12);border:1px solid var(--c-line-strong);border-radius:var(--r-10);display:flex}.who .link{min-height:0;color:var(--c-muted);font-weight:500;font-size:var(--fs-meta);padding:0}.lang-switch{border:1px solid var(--c-line-strong);border-radius:var(--r-10);display:inline-flex;overflow:hidden}.lang-switch button{min-width:46px;min-height:44px;padding:0 var(--sp-12);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(--sp-16) + env(safe-area-inset-top,0px));right:var(--sp-16);position:absolute}.banner{align-items:center;gap:var(--sp-12);padding:var(--sp-8) var(--sp-16);font-weight:700;font-size:var(--fs-meta);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-8);min-height:40px;padding:0 var(--sp-8);background:var(--c-card)}.banner.inline{border-radius:var(--r-10);margin:0 var(--sp-16) var(--sp-12);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(--sp-16);flex:1;overflow-y:auto}.product-grid{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.product-tile{text-align:left;min-height:140px;padding:var(--sp-16);border:1px solid var(--c-line);border-radius:var(--r-14);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(--sp-16) - 1px)}.tile-name{font-size:var(--fs-title);color:var(--c-brown);padding-right:44px;font-weight:700;line-height:1.25}.tile-sub{font-size:var(--fs-meta);color:var(--c-muted);margin-top:2px}.tile-price{padding-top:var(--sp-12);align-items:baseline;gap:2px;margin-top:auto;display:flex}.tile-price .k-money{font-size:var(--fs-title)}.per{color:var(--c-muted);font-size:var(--fs-meta)}.badge{top:var(--sp-12);right:var(--sp-12);min-width:32px;height:32px;padding:0 var(--sp-8);border-radius:var(--r-pill);background:var(--c-orange);color:var(--c-card);font:800 var(--fs-meta)/1 var(--f-num);place-items:center;display:grid;position:absolute}.tile-temp{justify-content:center;align-items:center;gap:var(--sp-8);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(--sp-12) var(--sp-16);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(--fs-title)}.cart-head h2 .muted{font-size:var(--fs-meta);margin-left:var(--sp-4);font-weight:500}.cart-lines{flex:1;min-height:0;overflow-y:auto}.empty-hint{padding:var(--sp-32) var(--sp-16);text-align:center;color:var(--c-muted)}.cart-line{padding:var(--sp-12) var(--sp-16);border-bottom:1px solid var(--c-line);gap:var(--sp-8);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(--sp-12);display:flex}.line-main{min-width:0;display:grid}.line-main strong{font-size:var(--fs-main);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-10);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(--fs-money);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(--fs-meta)}.cart-foot{padding:var(--sp-16);border-top:1px solid var(--c-line);gap:var(--sp-8);background:var(--c-card);padding-bottom:calc(var(--sp-16) + env(safe-area-inset-bottom,0px));display:grid}.total-row{margin-bottom:var(--sp-4);color:var(--c-muted);justify-content:space-between;align-items:baseline;font-weight:500;display:flex}.cart-bar{align-items:center;gap:var(--sp-12);padding:var(--sp-16) var(--sp-16) var(--sp-12);padding-bottom:calc(var(--sp-12) + env(safe-area-inset-bottom,0px));background:var(--c-card);border-radius:var(--r-14) var(--r-14) 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(--sp-12);text-align:left;min-width:0;min-height:var(--tap-main);padding:var(--sp-4) var(--sp-12);border:1px solid var(--c-line-strong);border-radius:var(--r-10);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(--fs-meta);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(--sp-8) var(--sp-12);padding:var(--sp-8) var(--sp-16);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(--fs-title)}.back{padding-left:0}.label{font-size:var(--fs-meta);color:var(--c-muted);font-weight:700}.pay{flex-direction:column;flex:1;min-height:0;display:flex}.pay-body{gap:var(--sp-12) var(--sp-20);min-height:0;padding:var(--sp-16);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(--sp-12)}.sum-row{justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-12) 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(--sp-8);flex-wrap:wrap;display:inline-flex}.sum-row.strong{color:var(--c-brown);font-weight:700;font-size:var(--fs-money)}.sum-row.big{font-size:var(--fs-title);border-bottom:0}.x-btn{border:1px solid var(--c-line-strong);border-radius:var(--r-8);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(--sp-16) 0;padding:var(--sp-20);justify-content:center;gap:var(--sp-12);border:1px solid var(--c-line);border-radius:var(--r-14);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(--sp-12);grid-template-columns:1fr 1fr;display:grid}.pay-keys{gap:var(--sp-12);flex-direction:column;justify-content:flex-end;min-height:0;display:flex}.keypad{gap:var(--sp-8);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-10);background:var(--c-card);font:500 var(--fs-hero)/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(--fs-main) var(--f-body)}.btn-confirm{padding:0 var(--sp-20);justify-content:space-between;min-height:64px}.segmented{border:1px solid var(--c-line-strong);border-radius:var(--r-10);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(--sp-8);grid-template-columns:repeat(4,1fr);display:grid}.reason-grid{gap:var(--sp-8);grid-template-columns:1fr 1fr;display:grid}.choice{min-height:var(--tap-main);padding:var(--sp-8);border:1px solid var(--c-line-strong);border-radius:var(--r-10);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(--fs-meta) 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(--sp-16);border:1px solid var(--c-line-strong);border-radius:var(--r-10);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(--sp-12);padding:var(--sp-12) var(--sp-16);border-radius:var(--r-14);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(--sp-12);color:var(--c-brown);font-weight:700;display:flex}.at-detail{font-size:var(--fs-tag);color:var(--c-muted);grid-column:1;line-height:1.4}.roundoff-toggle{align-items:center;gap:var(--sp-4);min-height:var(--tap);padding:0 var(--sp-12);border:1.5px dashed var(--c-line-strong);border-radius:var(--r-10);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(--sp-4);font:700 var(--fs-tag) var(--f-num);opacity:.85}.roundoff{align-items:center;gap:var(--sp-8);text-align:left;min-height:var(--tap-main);padding:var(--sp-8) var(--sp-16);border:1px dashed var(--c-line-strong);border-radius:var(--r-10);background:var(--c-card);color:var(--c-brown);margin-top:var(--sp-8);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(--sp-12);grid-template-columns:1fr 2fr;display:grid}.adjust-actions .btn-primary{gap:var(--sp-12)}.paid{justify-content:center;align-items:center;gap:var(--sp-12);padding:var(--sp-24);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(--fs-hero)}.paid-back{max-width:340px;margin-top:var(--sp-12)}.picker-row{align-items:center;gap:var(--sp-12);width:100%;min-height:var(--tap-main);padding:0 var(--sp-16);border:1px solid var(--c-line-strong);border-radius:var(--r-10);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(--fs-meta);color:var(--c-muted);white-space:nowrap;font-weight:700}.picker-value{font-weight:700;font-size:var(--fs-main);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(--fs-main)}.picker-row>.icon{color:var(--c-muted)}.choice-grid{gap:var(--sp-8);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(--fs-meta)}.spec-stepper{grid-template-columns:var(--tap-main) minmax(0, 1fr) var(--tap-main);gap:var(--sp-8);align-items:stretch;display:grid}.spec-stepper>button{border:1px solid var(--c-line-strong);border-radius:var(--r-10);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(--sp-16);flex:1;overflow-y:auto}.form-grid{gap:var(--sp-12) var(--sp-16);grid-template-columns:1fr 1fr;align-items:end;max-width:720px;display:grid}.span-2{grid-column:1/-1}.form-actions{gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border-top:1px solid var(--c-line);background:var(--c-card);padding-bottom:calc(var(--sp-12) + env(safe-area-inset-bottom,0px));grid-template-columns:1fr 1fr;display:grid}.suggest{gap:var(--sp-8);display:grid}.suggest-row{gap:var(--sp-12);min-height:var(--tap);padding:0 var(--sp-12);border:1px solid var(--c-line-strong);border-radius:var(--r-10);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-14);width:min(460px,100% - 32px);max-height:calc(100% - 48px);margin:auto}.sheet-bottom{border-radius:var(--r-14) var(--r-14) 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(--sp-4);right:var(--sp-8);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(--sp-12);padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-16);padding-top:calc(var(--sp-8) + env(safe-area-inset-top,0px));border-bottom:1px solid var(--c-line);display:flex}.sheet-center .sheet-head{padding-top:var(--sp-8)}.sheet-head h2{font-size:var(--fs-title)}.sheet-body{min-height:0;padding:var(--sp-16);align-content:start;gap:var(--sp-12);flex:1;display:grid;overflow-y:auto}.sheet-foot{gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border-top:1px solid var(--c-line);padding-bottom:calc(var(--sp-12) + env(safe-area-inset-bottom,0px));display:flex}.sheet-center .sheet-foot{padding-bottom:var(--sp-12)}.number-display{justify-content:flex-end;align-items:baseline;gap:var(--sp-4);min-height:64px;padding:0 var(--sp-16);border:1px solid var(--c-orange);border-radius:var(--r-10);font:800 var(--fs-hero)/64px var(--f-num);color:var(--c-brown);display:flex}.sheet-center .keypad{grid-auto-rows:60px}.search-input{position:sticky;top:0}.pos-orders{border:1px solid var(--c-line);border-radius:var(--r-12);background:var(--c-card);overflow:hidden}.pos-orders .k-dayhead{position:static}.pos-orders .k-orow:last-child{border-bottom:0}.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}.ov-head{gap:var(--sp-8);flex-wrap:nowrap}.ov-head>.k-chip{flex:none}.ov-who{gap:var(--sp-2);flex:1;min-width:0;display:grid}.ov-who>strong{font-size:var(--fs-main);color:var(--c-brown);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-scroll{min-height:0;padding:var(--sp-16);align-content:start;gap:var(--sp-16);flex:1;display:grid;overflow-y:auto}.item-list{border:1px solid var(--c-line);border-radius:var(--r-12);background:var(--c-card);margin:0;padding:0;list-style:none}.item-row{gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);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}.facts{gap:var(--sp-10) var(--sp-16);padding:var(--sp-12) var(--sp-16);border:1px solid var(--c-line);border-radius:var(--r-12);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(--fs-tag);color:var(--c-muted);font-weight:700}.facts dd{color:var(--c-ink);margin:0}.history h2{font-size:var(--fs-main);margin-bottom:var(--sp-8)}.history ul{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.history li{gap:var(--sp-8);font-size:var(--fs-meta);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(--sp-8) var(--sp-16) 0}.sum-rows .sum-row{padding:var(--sp-6) 0;font-size:var(--fs-meta)}.order-side>.os-due{padding:var(--sp-12) var(--sp-16);border-top:1px solid var(--c-line);align-items:baseline}.side-actions{padding:var(--sp-16);gap:var(--sp-8);padding-bottom:calc(var(--sp-16) + env(safe-area-inset-bottom,0px));margin-top:auto;display:grid}.other-actions{gap:var(--sp-8);padding-top:var(--sp-8);flex-wrap:wrap;justify-content:center;display:flex}.mini-stats{gap:var(--sp-8) var(--sp-16);padding:var(--sp-8) 0 var(--sp-12);font-size:var(--fs-meta);color:var(--c-muted);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.mini-stats span{justify-content:space-between;gap:var(--sp-8);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(--sp-8);display:grid}.menu-row{justify-content:space-between;align-items:center;gap:var(--sp-12);color:var(--c-brown);padding-bottom:var(--sp-8);font-weight:700;display:flex}.menu-who{align-items:center;gap:var(--sp-8);color:var(--c-muted);padding:var(--sp-8) 0;border-top:1px solid var(--c-line);display:flex}.menu-item{min-height:var(--tap-main);padding:0 var(--sp-16);text-align:left;border:1px solid var(--c-line);border-radius:var(--r-10);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(--sp-16)}.center-screen,.lock-screen{justify-content:center;align-items:center;gap:var(--sp-16);height:100%;padding:var(--sp-24) var(--sp-16);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(--fs-title)}.login{gap:var(--sp-12);text-align:left;width:min(380px,100%);display:grid}.lock-device{align-items:center;gap:var(--sp-4);color:var(--c-muted);display:flex}.lock-title{font-family:var(--f-display);font-weight:900;font-size:var(--fs-hero)}.pin-dots{gap:var(--sp-16);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(--sp-8) + env(safe-area-inset-top,0px));gap:var(--sp-8);pointer-events:none;width:min(520px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{padding:var(--sp-12) var(--sp-16);border-radius:var(--r-10);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(--sp-8);padding:0 var(--sp-12)}.topbar-mark img{width:34px;height:34px}.btn-top{padding:0 var(--sp-12);min-height:44px}.grid-scroll{padding:var(--sp-12)}.product-grid{gap:var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-tile{min-height:116px;padding:var(--sp-12)}.product-tile.in-cart{padding:calc(var(--sp-12) - 1px)}.tile-name{font-size:var(--fs-money)}.pay-body{gap:var(--sp-12);padding:var(--sp-12) var(--sp-12) 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(--sp-12) 0 calc(var(--sp-12) + 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(--sp-12) 0;padding:var(--sp-16);flex-direction:row;flex:none;justify-content:space-between;align-items:center}.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);box-shadow:var(--shadow-sheet);overflow:visible}.order-side>.os-due{padding:var(--sp-10) var(--sp-16) 0;border-top:0;order:1}.order-side>.sum-rows{gap:0 var(--sp-16);padding:0 var(--sp-16) var(--sp-8);flex-wrap:wrap;order:2;display:flex}.order-side>.sum-rows .sum-row{gap:var(--sp-6);border:0;padding:0}.order-side>.side-actions{padding:0 var(--sp-16) calc(var(--sp-12) + env(safe-area-inset-bottom,0px));order:3;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.side-actions>.btn-primary{grid-column:1/-1}.side-actions:has(>.btn-primary)>.btn:last-child:nth-child(2n){grid-column:auto}.side-actions:not(:has(>.btn-primary))>.btn:last-child:nth-child(odd){grid-column:1/-1}.side-actions>.btn-main:not(.btn-primary){min-height:var(--tap);font-size:var(--fs-main)}.side-actions>.other-actions{grid-column:1/-1;padding-top:0}.ov-back-text{display:none}.form-grid{grid-template-columns:minmax(0,1fr)}.sheet-left,.sheet-right{width:100%}.wide-block{display:none}.phone-block{display:block}.closing .change-card{min-height:0}.pay-summary.adjust{gap:var(--sp-8)}.sum-row{padding:var(--sp-8) 0}.change-card{margin:var(--sp-8) 0}.form-scroll{padding:var(--sp-12)}.form-grid{gap:var(--sp-8)}.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(--fs-title)}.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}}.shift-chip{align-items:center;gap:var(--sp-4);min-height:46px;padding:0 var(--sp-12);border:1px solid var(--c-line-strong);border-radius:var(--r-10);background:var(--c-card);color:var(--c-brown);white-space:nowrap;font-weight:700;display:inline-flex}.shift-chip.open{background:var(--c-success-tint);color:var(--c-success);border-color:#0000}.shift-chip.none,.shift-chip.stale{background:var(--c-warning-tint);color:var(--c-warning);border-color:#0000}.shift-card{max-width:560px;padding:var(--sp-12) var(--sp-16);border:1px solid var(--c-line);border-radius:var(--r-14);background:var(--c-card);gap:0;display:grid}.shift-actions{gap:var(--sp-12);max-width:560px;margin-top:var(--sp-16);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.cash-log{gap:0;display:grid}.cash-row.voided{opacity:.55;text-decoration:line-through}.cash-row.voided .pill{margin-left:var(--sp-8);text-decoration:none}.cash-row-amount{align-items:center;gap:var(--sp-12);display:inline-flex}.handover-pin{flex:1}.pair-screen{gap:var(--sp-12)}.pair-hint{max-width:420px}.pair-code{gap:var(--sp-8);display:flex}.pair-code span{border:2px solid var(--c-line-strong);border-radius:var(--r-10);background:var(--c-card);width:48px;height:60px;font:800 var(--fs-hero)/1 var(--f-num);color:var(--c-brown);place-items:center;display:grid}.pair-code span.filled{border-color:var(--c-brown)}.pair-go{width:min(320px,100%)}.form-actions.one{grid-template-columns:1fr}.more-btn{position:relative}.more-dot{background:var(--c-orange);border:2px solid var(--c-card);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}@media (width>=900px){.more-dot{display:none}}.menu-item .pill{margin-left:var(--sp-8)}