@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pacifico-latin-400-normal-7HIToT7q.woff2)format("woff2"),url(/assets/pacifico-latin-400-normal-DArfF-vd.woff)format("woff")}html:has(.customer:not(.appearance-preview)){background:var(--brand-surface,#f6f7f9)}html:has(.customer:not(.appearance-preview)) body{margin:0}@media (prefers-reduced-motion:no-preference){html:has(.customer:not(.appearance-preview)){scroll-behavior:smooth}}.customer{--p:var(--brand-primary,#1a56db);--on:var(--brand-on-primary,#fff);--s:var(--brand-surface,#f6f7f9);--c:var(--brand-card,#fff);--t:var(--brand-text,#111827);--r:var(--brand-radius,12px);--muted:color-mix(in srgb, var(--t) 70%, transparent);--line:color-mix(in srgb, var(--t) 12%, transparent);--edge:color-mix(in srgb, var(--t) 24%, transparent);--tint:color-mix(in srgb, var(--p) 14%, var(--c));--r-inner:max(2px, calc(var(--r) - 4px));--shadow:0 0 0 1px color-mix(in srgb, var(--t) 5%, transparent), 0 1px 2px #0000000a, 0 6px 18px -6px #0000001f;--ok:#1a7f37;--danger:#b00020;--on-status:#fff;--danger-text:color-mix(in srgb, #d0021b 55%, var(--t));box-sizing:border-box;background:var(--s);min-block-size:100dvh;max-inline-size:640px;color:var(--t);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin-inline:auto;padding-block:16px 112px;padding-inline:16px;font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.45}.customer *,.customer :before,.customer :after{box-sizing:border-box}.customer img{max-inline-size:100%}.customer h1,.customer h2,.customer .item__text>strong{font-family:var(--brand-heading-font,"Inter", system-ui, sans-serif);font-synthesis:none}.customer h1{letter-spacing:-.01em;margin-block:0 12px;font-size:1.625rem;font-weight:700;line-height:1.2}.customer h2{margin-block:24px 10px;font-size:1.25rem;font-weight:700;line-height:1.25}.customer a,.customer .btn,.customer .input,.customer .choice{min-block-size:44px}.customer a{color:inherit;align-items:center;display:inline-flex}.customer :focus-visible{outline:3px solid var(--p);outline-offset:2px}.customer .menu-cover{aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--r) * 1.5);background:var(--line);max-block-size:220px;inline-size:100%;display:block}.customer .venue-header{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block-end:8px;display:flex}.customer .venue-header h1{flex:7rem;min-inline-size:0;margin:0}.customer .menu-logo{object-fit:cover;border:3px solid var(--s);border-radius:var(--r);background:var(--c);flex:none;block-size:68px;inline-size:68px;position:relative;box-shadow:0 4px 12px #0000001f}.customer .menu-logo[data-shape=round]{border-radius:50%}.customer .menu-cover+.venue-header{align-items:flex-start;margin-block-start:12px}.customer .menu-cover+.venue-header .menu-logo{margin-block-start:-46px;margin-inline-start:12px}.customer .menu-cover+.venue-header h1{padding-block-start:6px}.customer .venue-header>a,.customer .menu-tabs a{border:4px solid #0000;background:var(--c) padding-box;box-shadow:inset 0 0 0 1px var(--line);color:var(--t);white-space:nowrap;border-inline-width:0;border-radius:999px;flex:none;padding-inline:14px;font-size:.875rem;font-weight:600;text-decoration:none}.customer .venue-header>a{margin-inline-start:auto}.customer .menu{position:relative}.customer .menu-cover+.venue-header>a{position:absolute;inset-block-start:8px;inset-inline-end:8px}.customer .menu-welcome{color:var(--muted);margin-block:4px 12px}.customer .menu-tabs{z-index:5;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--s);gap:8px;margin-inline:-16px;padding:6px 16px;display:flex;position:sticky;inset-block-start:0;overflow-x:auto}.customer .menu-tabs::-webkit-scrollbar{display:none}.customer .menu-tabs a:active{background-color:var(--p);box-shadow:none;color:var(--on)}@media (hover:hover){.customer .menu-tabs a:hover,.customer .venue-header>a:hover{background-color:var(--tint)}}.customer .category{scroll-margin-block-start:64px;container-type:inline-size}.customer .items,.customer .lines{margin:0;padding:0;list-style:none}.customer .items{gap:10px;display:grid}.customer .item{border-radius:var(--r);background:var(--c);box-shadow:var(--shadow);align-items:center;gap:12px;padding:10px;display:flex}.customer .item__photo{object-fit:cover;border-radius:var(--r-inner);background:var(--line);flex:none;block-size:76px;inline-size:76px}.customer .item__text{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.customer .item__text>strong{font-size:1rem;font-weight:600;line-height:1.3}.customer .item__text p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.4}.customer .item__text>span:not(.badge){font-variant-numeric:tabular-nums;margin-block-start:4px;font-weight:700}.customer .item[data-available=false] .item__text{color:var(--muted)}.customer .item[data-available=false] .item__photo{filter:grayscale();opacity:.6}.customer .badge{background:var(--line);color:var(--t);border-radius:999px;align-self:flex-start;margin-block-start:4px;padding:2px 10px;font-size:.75rem;font-weight:600}.customer .menu[data-layout=grid] .items{grid-template-columns:minmax(0,1fr);gap:12px}@container (width>=288px){.customer .menu[data-layout=grid] .items{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width>=568px){.customer .menu[data-layout=grid] .items{grid-template-columns:repeat(3,minmax(0,1fr))}}.customer .menu[data-layout=grid] .item{grid-template:"photo photo""text text"1fr".add"/minmax(0,1fr) auto;align-items:end;gap:0;padding:0;display:grid;overflow:hidden}.customer .menu[data-layout=grid] .item__photo,.customer .menu[data-layout=grid] .item__placeholder{aspect-ratio:4/3;border-radius:0;grid-area:photo;block-size:auto;inline-size:100%}.customer .menu[data-layout=grid] .item__text{grid-area:text;align-self:stretch;padding:10px 12px 12px}.customer .menu[data-layout=grid] .item__add{grid-area:add;margin-block:-8px 8px;margin-inline-end:8px}.customer .menu[data-layout=grid] .item:has(>.item__photo,>.item__placeholder) .item__add{filter:drop-shadow(0 2px 4px #00000040);grid-area:photo;justify-self:end;margin:6px}.customer .item__placeholder{background:color-mix(in srgb, var(--p) 14%, var(--c));color:var(--p);font-family:var(--brand-heading-font,"Inter", system-ui, sans-serif);font-synthesis:none;place-items:center;font-size:2.25rem;font-weight:700;display:grid}.customer .btn{border:1px solid var(--edge);border-radius:var(--r);background:var(--c);min-block-size:48px;color:var(--t);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-weight:600;text-decoration:none;display:inline-flex}.customer .btn--primary{border-color:var(--p);background:var(--p);color:var(--on)}.customer .btn--quiet{min-block-size:44px;min-inline-size:44px;color:var(--muted);background:0 0;border-color:#0000;padding-inline:10px;font-size:1.25rem}.customer .btn:disabled{opacity:.45;cursor:not-allowed}.customer .item__add{background:var(--p) padding-box;block-size:44px;min-block-size:44px;inline-size:44px;color:var(--on);border:4px solid #0000;border-radius:50%;flex:none;padding:0;font-size:1.375rem;line-height:1}.customer .basket-bar{z-index:10;border-radius:calc(var(--r) + 4px);min-block-size:56px;max-inline-size:608px;margin-inline:auto;position:fixed;inset-block-end:16px;inset-inline:16px;box-shadow:0 10px 28px -8px #0006,0 2px 6px #0000001f}@media (hover:hover){.customer .btn:not(:disabled):hover{filter:brightness(.96)}.customer .btn--primary:not(:disabled):hover{filter:brightness(1.08)}}@media (prefers-reduced-motion:no-preference){.customer .btn{transition:transform .12s,filter .12s}.customer .btn:not(:disabled):active{transform:scale(.97)}}.customer .panel,.customer .order{flex-direction:column;gap:12px;display:flex}.customer .panel .btn{inline-size:100%}.customer .lines{border-radius:var(--r);background:var(--c);box-shadow:var(--shadow);padding-inline:16px}.customer .line{align-items:center;gap:12px;min-block-size:56px;padding-block:10px;display:flex}.customer .line+.line{border-block-start:1px solid var(--line)}.customer .line__text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.customer .line__note{color:var(--muted);font-size:.875rem}.customer .line>span:not(.line__text){font-variant-numeric:tabular-nums;font-weight:600}.customer .line>:not(.line__text){flex:none}.customer .panel .line .btn{inline-size:auto;margin-inline-end:-10px}.customer .total{justify-content:space-between;align-items:baseline;padding-inline:4px;font-size:1.125rem;font-weight:600;display:flex}.customer .total strong{font-variant-numeric:tabular-nums;font-size:1.25rem}.customer .field{border:0;flex-direction:column;gap:8px;min-inline-size:0;margin:0;padding:0;display:flex}.customer .field>span,.customer .field legend{font-size:.9375rem;font-weight:600}.customer .field legend{margin-block-end:8px;padding:0}.customer .field legend small{color:var(--muted);font-size:.875rem;font-weight:400;display:block}.customer .input{border:1px solid var(--edge);border-radius:var(--r);background:var(--c);min-block-size:48px;inline-size:100%;color:var(--t);font:inherit;padding-inline:14px;font-size:1rem}.customer .input:focus{border-color:var(--p)}.customer .input::placeholder{color:var(--muted)}.customer .choice{border:1px solid var(--edge);border-radius:var(--r);background:var(--c);cursor:pointer;align-items:center;gap:12px;min-block-size:52px;padding:10px 14px;display:flex}.customer .choice:has(input:checked){border-color:var(--p);background:var(--tint);box-shadow:inset 0 0 0 1px var(--p)}.customer .choice:has(input:disabled){opacity:.5;cursor:not-allowed}.customer .choice input{block-size:22px;inline-size:22px;accent-color:var(--p);flex:none;margin:0}.customer .hint{color:var(--muted);font-size:.875rem}.customer .notice{border-radius:var(--r);background:var(--tint);color:var(--t);padding:12px 16px}.customer .counter-code{text-align:center;justify-items:center;gap:6px;display:grid}.customer .counter-code>*{margin:0}.customer .counter-code .qr{border-radius:8px;block-size:140px;inline-size:140px}.customer .error{border-radius:var(--r);background:color-mix(in srgb, #d0021b 10%, var(--c));color:var(--danger-text);padding:10px 14px;font-weight:600}.customer .menu>.notice,.customer .menu>.error{margin-block:8px}.customer .panel>*,.customer .order>*,.customer .dialog>*{margin-block:0}.customer .order>.panel{margin-block-start:12px}.customer .dialog-backdrop{z-index:30;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.customer .dialog{overscroll-behavior:contain;background:var(--c);max-block-size:90dvh;inline-size:100%;max-inline-size:640px;color:var(--t);border-start-start-radius:calc(var(--r) + 8px);border-start-end-radius:calc(var(--r) + 8px);flex-direction:column;gap:14px;padding:20px 16px 24px;display:flex;overflow-y:auto;box-shadow:0 -8px 30px #0003}.customer .dialog:focus{outline:none}.customer .dialog__photo{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);flex:none;max-block-size:200px;inline-size:100%}@media (prefers-reduced-motion:no-preference){.customer .dialog-backdrop{animation:.16s ease-out customer-fade}.customer .dialog{animation:.22s cubic-bezier(.2,.8,.2,1) customer-sheet}}@keyframes customer-fade{0%{opacity:0}}@keyframes customer-sheet{0%{transform:translateY(32px)}}.customer .order-header{border-radius:calc(var(--r) + 4px);background:var(--c);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:24px 16px;display:flex}.customer .order-header__label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:600}.customer .order-number{letter-spacing:-.02em;margin:0;font-size:4rem;font-weight:700;line-height:1}.customer .status-pill{background:color-mix(in srgb, var(--p) 18%, var(--c));color:var(--t);border-radius:999px;margin-block-start:6px;padding:6px 16px;font-size:.9375rem;font-weight:700;display:inline-block}.customer .status-pill[data-status=ready]{background:var(--ok);color:var(--on-status)}.customer .status-pill[data-status=issue]{background:var(--danger);color:var(--on-status)}.customer .ready-alert{z-index:40;text-align:center;background:var(--ok);color:var(--on-status);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.customer .ready-alert__number{margin:0;font-size:5.5rem;font-weight:700;line-height:1}.customer .ready-alert__text{margin:0;font-size:1.75rem;font-weight:700}.customer .banner-layer{z-index:50;position:sticky;inset-block-start:0}.customer .banner-layer [role=status],.customer>[role=status]{border-radius:var(--r);background:var(--danger);color:var(--on-status);text-align:center;margin-block-end:12px;padding:10px 14px;font-weight:600}html:has(.staff,.staff-message){background:#f6f7f9}html:has(.staff,.staff-message) body{margin:0}.staff{--p:var(--brand-primary,#1a56db);--on:var(--brand-on-primary,#fff);--s:#f6f7f9;--c:#fff;--t:#111827;--muted:#4b5563;--line:#e5e7eb;--edge:#d1d5db;--tint:color-mix(in srgb, var(--p) 12%, #fff);--r:12px;--shadow:0 0 0 1px #1118270d, 0 1px 2px #0000000a, 0 6px 18px -6px #0000001f;--danger:#b42318;box-sizing:border-box;background:var(--s);min-block-size:100dvh;color:var(--t);-webkit-font-smoothing:antialiased;padding:16px;font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.45}.staff-message{color:#111827;margin:0;padding:16px;font-family:Inter,system-ui,sans-serif}.staff h1:where(:not(.customer *)){letter-spacing:-.01em;margin:0;font-size:1.375rem;font-weight:700;line-height:1.2}.staff h2:where(:not(.customer *)){margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.staff :focus-visible:where(:not(.customer *)){outline:3px solid var(--p);outline-offset:2px}.staff .btn:where(:not(.customer *)){box-sizing:border-box;border:1px solid var(--edge);border-radius:var(--r);background:var(--c);min-block-size:44px;color:var(--t);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding-inline:16px;font-weight:600;text-decoration:none;display:inline-flex}.staff .btn-primary:where(:not(.customer *)),.staff .btn--primary:where(:not(.customer *)){border-color:var(--p);background:var(--p);color:var(--on)}.staff .btn:disabled:where(:not(.customer *)){opacity:.45;cursor:not-allowed}@media (hover:hover){.staff .btn:not(:disabled):hover:where(:not(.customer *)){filter:brightness(.96)}.staff .btn-primary:not(:disabled):hover:where(:not(.customer *)),.staff .btn--primary:not(:disabled):hover:where(:not(.customer *)){filter:brightness(1.08)}}@media (prefers-reduced-motion:no-preference){.staff .btn:where(:not(.customer *)){transition:transform .12s,filter .12s}.staff .btn:not(:disabled):active:where(:not(.customer *)){transform:scale(.97)}}.staff-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.staff-header h1{flex:10rem}.staff-logo{border-radius:8px;block-size:40px;inline-size:auto}.staff-tabs{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.staff .staff-tab{box-sizing:border-box;background:var(--c);min-block-size:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--t);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding-inline:18px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.staff .staff-tab[aria-selected=true]{background:var(--p);box-shadow:none;color:var(--on)}@media (hover:hover){.staff .staff-tab:not([aria-selected=true]):hover{background:var(--tint)}}.staff [role=status]:where(:not(.customer *)){border-radius:var(--r);color:#1b1b1f;background:#fff3cd;margin-block:8px;padding:10px 14px}.staff .error:where(:not(.customer *)){color:var(--danger);font-weight:600}.overdue-banner{border-radius:var(--r);color:#fff;min-block-size:52px;inline-size:100%;font:inherit;cursor:pointer;background:#b42318;border:0;margin-block:8px;font-weight:700;animation:1s step-end infinite overdue-flash}@keyframes overdue-flash{50%{background:#7a1a12}}@keyframes overdue-pulse{50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.overdue-banner{animation:2.4s ease-in-out infinite overdue-pulse}}.staff .status-pill:where(:not(.customer *)){background:var(--line);color:var(--t);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.staff .status-pill[data-status=ready]:where(:not(.customer *)){color:#fff;background:#1a7f37}.staff .status-pill[data-status=issue]:where(:not(.customer *)){color:#fff;background:#b00020}.staff .badge:where(:not(.customer *)){background:var(--line);color:var(--t);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.orders-tab{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=699px){.orders-tab{grid-template-columns:minmax(0,1fr)}}.order-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.order-row{box-sizing:border-box;border-radius:var(--r);background:var(--c);min-block-size:56px;inline-size:100%;box-shadow:var(--shadow);color:var(--t);font:inherit;text-align:start;cursor:pointer;border:0;align-items:center;gap:8px;padding-inline:14px;display:flex}.order-row[aria-current=true]{background:var(--tint);box-shadow:inset 0 0 0 2px var(--p)}.order-row .timer{font-variant-numeric:tabular-nums;margin-inline-start:auto}.timer.overdue{color:#b42318;font-weight:700}.order-detail{background:var(--c);box-shadow:var(--shadow);border-radius:14px;gap:14px;padding:16px;display:grid}.order-detail header{align-items:center;gap:12px;display:flex}.order-detail h2{font-variant-numeric:tabular-nums;font-size:1.5rem}.order-detail .lines{margin:0;padding:0;list-style:none;display:grid}.line-block{padding-block:10px;display:grid}.line-block+.line-block{border-block-start:1px solid var(--line)}.line-option,.line-note{color:var(--muted);padding-inline-start:16px}.order-detail dl{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.order-detail dt{color:var(--muted)}.order-detail dd{margin:0;font-weight:600}.alert-state{color:var(--muted);margin:0}.order-actions{flex-wrap:wrap;gap:8px;display:flex}.pin-picker{background:var(--c);box-shadow:var(--shadow);border-radius:14px;margin-block:12px;padding:16px}.pin-names{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pin-pad{grid-template-columns:repeat(3,72px);gap:8px;margin-block:8px;display:grid}.pin-pad .btn{font-variant-numeric:tabular-nums;min-block-size:56px;font-size:1.3rem}.pin-actions{gap:8px;display:flex}.pin-dots{letter-spacing:.3em;min-block-size:1.5em;display:block}.done-list{background:var(--c);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:0 16px;list-style:none;display:grid}.done-row{flex-wrap:wrap;align-items:center;gap:12px;min-block-size:56px;padding-block:8px;display:flex}.done-row+.done-row{border-block-start:1px solid var(--line)}.refund-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff .input:where(:not(.customer *)){box-sizing:border-box;border:1px solid var(--edge);background:var(--c);min-block-size:44px;inline-size:7em;color:var(--t);font:inherit;border-radius:10px;padding-inline:12px;font-size:1rem}.staff .input:focus:where(:not(.customer *)){border-color:var(--p)}.staff .input:where(:not(.customer *))::placeholder{color:var(--muted)}.staff .field>.input:where(:not(.customer *)),.new-order__menu>.input{inline-size:100%}.staff .field:where(:not(.customer *)){border:0;gap:6px;min-inline-size:0;margin:0;padding:0;display:grid}.staff .field>span:where(:not(.customer *)),.staff .field>legend:where(:not(.customer *)){font-size:.9375rem;font-weight:600}.staff .field>legend:where(:not(.customer *)){margin-block-end:2px;padding:0}.staff .field>legend small:where(:not(.customer *)){color:var(--muted);font-size:.875rem;font-weight:400;display:block}.staff .choice:where(:not(.customer *)){border:1px solid var(--edge);border-radius:var(--r);background:var(--c);cursor:pointer;align-items:center;gap:12px;min-block-size:48px;padding:8px 14px;display:flex}.staff .choice:has(input:checked):where(:not(.customer *)){border-color:var(--p);background:var(--tint);box-shadow:inset 0 0 0 1px var(--p)}.staff .choice:has(input:disabled):where(:not(.customer *)){opacity:.5;cursor:not-allowed}.staff .choice input:where(:not(.customer *)){block-size:22px;inline-size:22px;accent-color:var(--p);flex:none;margin:0}.new-order{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}@media (width<=800px){.new-order{grid-template-columns:minmax(0,1fr)}}.new-order__menu{gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.staff .chip{box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:999px;font-size:.9375rem}.staff .chip[aria-pressed=true]{background:var(--p);box-shadow:none;color:var(--on)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.staff .item-tile{background:var(--c);block-size:100%;inline-size:100%;box-shadow:var(--shadow);text-align:start;border:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;padding:10px 12px 12px;font-weight:400}.staff .item-tile strong{font-weight:600;line-height:1.3}.staff .item-tile span:not(.badge){font-variant-numeric:tabular-nums;font-weight:700}.item-tile img{object-fit:cover;border-radius:8px;block-size:90px;inline-size:100%;margin-block-end:4px}.cart{background:var(--c);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:16px;display:grid}.cart>*{margin:0}.cart__lines{margin:0;padding:0;list-style:none;display:grid}.cart__lines li{justify-content:space-between;align-items:center;gap:8px;padding-block:8px;display:flex}.cart__lines li+li{border-block-start:1px solid var(--line)}.cart__lines li>div{flex:1;min-inline-size:0}.cart__lines li>div>div{color:var(--muted);font-size:.875rem}.cart__lines li>span{font-variant-numeric:tabular-nums;font-weight:600}.cart__total{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:1.125rem;display:flex}.cart__actions{gap:8px;display:grid}.staff .dialog-backdrop:where(:not(.customer *)){z-index:30;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.staff .dialog:where(:not(.customer *)){box-sizing:border-box;overscroll-behavior:contain;background:var(--c);max-block-size:90dvh;inline-size:100%;max-inline-size:560px;color:var(--t);border-start-start-radius:20px;border-start-end-radius:20px;flex-direction:column;gap:14px;padding:20px 16px 24px;display:flex;overflow-y:auto;box-shadow:0 -8px 30px #0003}.staff .dialog>:where(:not(.customer *)){margin-block:0}.staff .dialog:focus:where(:not(.customer *)){outline:none}.staff .dialog__photo:where(:not(.customer *)){aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);flex:none;max-block-size:200px;inline-size:100%}@media (width>=700px){.staff .dialog-backdrop:where(:not(.customer *)){align-items:center;padding:24px}.staff .dialog:where(:not(.customer *)){border-radius:20px;padding:24px}}.inventory{gap:12px;display:grid}.inventory>.btn{justify-self:start}.inventory__signin{gap:10px;max-inline-size:360px;display:grid}.inventory__list{background:var(--c);box-shadow:var(--shadow);border-radius:14px;margin:0;padding:0 16px;list-style:none;display:grid}.inventory__list:empty{display:none}.inventory__row{flex-wrap:wrap;align-items:center;gap:12px;min-block-size:56px;padding-block:6px;display:flex}.inventory__row+.inventory__row{border-block-start:1px solid var(--line)}.inventory__row strong{flex:1;min-inline-size:140px}.inventory__row label{align-items:center;gap:6px;min-block-size:44px;display:inline-flex}.inventory__row .input{inline-size:100px}.pair-screen{background:var(--c);box-shadow:var(--shadow);border-radius:14px;gap:12px;margin-block:12px;padding:16px;display:grid}.pair-screen>*,.pair-screen form>*{margin:0}.scan-panel{background:var(--c);box-shadow:var(--shadow);border-radius:14px;justify-items:start;gap:12px;margin-block:12px;padding:16px;display:grid}.scan-panel>*{margin:0}.scan-panel__video{aspect-ratio:4/3;object-fit:cover;background:#111827;border-radius:10px;inline-size:min(480px,100%)}.scan-panel__video--mirror{transform:scaleX(-1)}.scan-panel__actions{flex-wrap:wrap;gap:8px;display:flex}.scan-message{color:#78350f;background:#fef3c7;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-block:12px;padding:12px 16px;font-weight:600;display:flex}.pair-screen form,.staff-setup__form{gap:12px;max-inline-size:360px;display:grid}.staff-setup{align-content:start;gap:12px;display:grid}.staff-setup>*{margin:0}.refund-owed{color:var(--danger);font-weight:600}.display{--p:var(--brand-primary,#1a56db);--on:var(--brand-on-primary,#fff);--s:var(--brand-surface,#f6f7f9);--t:var(--brand-text,#111827);--panel:color-mix(in srgb, var(--t) 6%, var(--s));--line:color-mix(in srgb, var(--t) 14%, transparent);box-sizing:border-box;background:var(--s);min-block-size:100dvh;color:var(--t);-webkit-font-smoothing:antialiased;padding:4vmin;font-family:Inter,system-ui,sans-serif;font-size:clamp(2rem,4vmin,4rem);line-height:1.2}html:has(.display,.display-help) body{margin:0}.display h1,.display h2{letter-spacing:-.01em;margin:0;font-weight:700}.display [role=status]{color:#1b1b1f;background:#fff3cd;border-radius:1.5vmin;padding:1vmin 2vmin;font-size:1.5rem}.display-help{padding:4vmin;font-family:Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3vmin,3rem)}.display-pairing{text-align:center;align-content:center;justify-items:center;gap:3vmin;display:grid}.pairing-code{background:var(--panel);letter-spacing:.08em;font-variant-numeric:tabular-nums;border-radius:3vmin;margin:0;padding:2vmin 5vmin;font-size:clamp(6rem,22vmin,20rem);font-weight:700}.display-till{text-align:center;align-content:center;justify-items:center;gap:4vmin;display:grid}.display-logo{border-radius:2vmin;max-block-size:30vmin;max-inline-size:60vmin}.display-name{font-size:clamp(3rem,10vmin,10rem)}.display-message{max-inline-size:30ch;margin:0;font-size:clamp(2rem,5vmin,5rem)}.display-lines{background:var(--panel);text-align:start;border-radius:3vmin;margin:0;padding:1vmin 4vmin;font-size:clamp(2rem,5vmin,5rem);list-style:none}.display-lines li{margin:0;padding-block:1.5vmin}.display-lines li+li{border-block-start:.3vmin solid var(--line)}.display-option{opacity:.8;font-size:.6em}.display-total{font-variant-numeric:tabular-nums;justify-content:space-between;gap:3vmin;margin-block-start:4vmin;font-size:clamp(3rem,8vmin,8rem);font-weight:700;display:flex}.display-placed{justify-items:center;gap:4vmin;display:grid}.display-number{font-variant-numeric:tabular-nums;font-size:clamp(5rem,18vmin,18rem);font-weight:700}.qr{block-size:auto;inline-size:min(50vmin,100%)}.display-idle-qr .qr{inline-size:min(32vmin,100%)}.display-board{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4vmin;display:grid}.display-board>[role=status]{grid-column:1/-1}@media (width<=599px){.display-board{grid-template-columns:minmax(0,1fr)}}.board-column{background:var(--panel);border-radius:3vmin;padding:3vmin}.board-column h2{border-block-end:.5vmin solid var(--t);padding-block-end:2vmin;font-size:clamp(2.5rem,6vmin,6rem)}.board-column--ready h2{color:var(--p);border-color:var(--p)}.board-numbers{flex-wrap:wrap;gap:2vmin;margin:0;padding:0;padding-block-start:3vmin;list-style:none;display:flex}.board-numbers li{font-variant-numeric:tabular-nums;border-radius:2vmin;padding-inline:2vmin;font-size:clamp(4rem,14vmin,14rem);font-weight:700}.board-column--ready .board-numbers li{color:var(--p)}.board-numbers li.board-number--new{background:var(--p);color:var(--on);animation:1.2s ease-in-out infinite board-pulse}@keyframes board-pulse{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.board-numbers li.board-number--new{animation:none}}.display-button{border:.4vmin solid var(--t);background:var(--s);min-block-size:44px;color:var(--t);font:inherit;cursor:pointer;border-radius:2vmin;padding-block:1.5vmin;padding-inline:4vmin;font-weight:600}.admin{max-inline-size:960px;margin-inline:auto}.staff .admin-nav.active{background:var(--p);box-shadow:none;color:var(--on)}.admin-section{gap:16px;display:grid}.admin-section>*{margin:0}.admin-form{gap:12px;max-inline-size:480px;display:grid}.admin-form>*{margin-block:0}.admin-form fieldset{border:0;gap:12px;min-inline-size:0;margin:0;padding:0;display:grid}.admin-form .field:where(:not(.customer *)),.admin-inline-form .field:where(:not(.customer *)){gap:6px;display:grid}.admin-form .input:where(:not(.customer *)),.admin-inline-form .input:where(:not(.customer *)){box-sizing:border-box;inline-size:100%}.admin-form textarea.input:where(:not(.customer *)){padding-block:10px}.admin-form .field>small:where(:not(.customer *)){color:var(--muted);font-size:.875rem}.admin-form .check{cursor:pointer;align-items:center;gap:10px;min-block-size:44px;display:flex}.admin-form .check input{block-size:20px;inline-size:20px;accent-color:var(--p);flex:none;margin:0}.admin-form h3{margin:0}.colour-row{align-items:center;gap:8px;display:flex}.colour-row input[type=color]{border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:10px;flex:none;block-size:44px;inline-size:48px;padding:0}.admin .error:where(:not(.customer *)){color:#b42318}.admin-form>fieldset,.appearance__controls>.segmented,.appearance__controls>.field,.appearance__switches{background:var(--c);box-shadow:var(--shadow);border-radius:14px;padding:16px}.admin-form:not(:has(>fieldset)){background:var(--c);box-shadow:var(--shadow);border-radius:14px;padding:16px}.admin-form>fieldset>legend{float:inline-start;inline-size:100%;margin:0;padding:0;font-size:1rem;font-weight:700}.admin-file{cursor:pointer;align-items:center;display:inline-flex}.admin-file input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.admin-file:focus-within{outline:3px solid var(--p);outline-offset:2px}.admin-logo{border-radius:8px;block-size:48px;inline-size:auto;max-inline-size:100%}.admin-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-row{box-sizing:border-box;border-radius:var(--r);background:var(--c);min-block-size:56px;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 14px;display:flex}.admin-row__main{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.admin-row__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-inline-form{align-items:end;gap:8px;inline-size:100%;display:flex}.admin-code{background:var(--c);max-inline-size:480px;box-shadow:inset 0 0 0 2px var(--p), var(--shadow);border-radius:14px;gap:12px;padding:16px;display:grid}.admin-code>*{margin:0}.admin-code .qr{block-size:220px;inline-size:220px;max-inline-size:100%}.admin-code__value{font-family:ui-monospace,monospace}.menu-category{border-block-end:1px solid var(--edge);gap:8px;padding-block:12px 16px;display:grid}.menu-category h3{margin:0}.menu-item{gap:8px;display:grid}.menu-options{gap:8px;padding-inline-start:16px;display:grid}.menu-group{gap:8px;display:grid}.menu-group>.admin-list{padding-inline-start:16px}.menu-form textarea.input{resize:vertical}.appearance{grid-template-columns:minmax(0,1fr) 395px;align-items:start;gap:24px;display:grid}.admin-form.appearance__controls{max-inline-size:none}.appearance__side{position:sticky;inset-block-start:12px}@media (width<=899px){.appearance{grid-template-columns:minmax(0,1fr)}.appearance__side{position:static}}.appearance__colours{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.appearance__file-row,.appearance__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-cover{aspect-ratio:16/9;object-fit:cover;border-radius:8px;inline-size:160px;max-inline-size:100%}.palette-card input,.segmented__options input{opacity:0;block-size:1px;inline-size:1px;margin:0;position:absolute}.palette-card:has(input:focus-visible){outline:3px solid var(--p);outline-offset:2px}.segmented__options label:has(input:focus-visible){outline:3px solid var(--p);outline-offset:2px}.palette-cards{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.palette-card{border:2px solid var(--line);background:var(--c);text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:10px 8px;font-size:.875rem;font-weight:600;display:grid;position:relative}.palette-card:has(input:checked){border-color:var(--p);background:var(--tint)}.palette-card__swatches{gap:4px;display:flex}.palette-card__swatches i{border:1px solid #0000001a;border-radius:50%;block-size:18px;inline-size:18px}.admin-form .segmented{gap:8px;display:grid}.admin-form .segmented>legend{float:inline-start;inline-size:100%;margin:0;padding:0;font-size:1rem;font-weight:700}.admin-form fieldset .segmented>legend{font-size:.9375rem;font-weight:600}.segmented__options{border:1px solid var(--edge);background:var(--c);border-radius:10px;display:flex;overflow:hidden}.segmented__options label{text-align:center;cursor:pointer;flex:1 1 0;place-items:center;min-block-size:44px;min-inline-size:0;padding:4px 6px;font-size:.9375rem;display:grid;position:relative}.segmented__options label+label{border-inline-start:1px solid var(--edge)}.segmented__options label:has(input:checked){background:var(--t);color:var(--c)}.appearance__switches{padding-block:4px;display:grid}.switch+.switch{border-block-start:1px solid var(--line)}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-block-size:48px;display:flex}.switch input{appearance:none;cursor:pointer;background:#d1d5db;border-radius:999px;flex:none;block-size:26px;inline-size:44px;margin:0;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;block-size:20px;inline-size:20px;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 2px #0000004d}.switch input:checked{background:var(--p)}.switch input:checked:after{inset-inline-start:21px}.switch input:focus-visible{outline:3px solid var(--p);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.switch input:after{transition:inset-inline-start .12s}}.customer.appearance-preview{overscroll-behavior:contain;scrollbar-width:thin;border:10px solid #111;border-radius:34px;block-size:720px;min-block-size:0;max-block-size:calc(100dvh - 24px);inline-size:100%;max-inline-size:395px;padding-block:16px;overflow:auto;transform:translateZ(0)}