:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f2f4f8;--surface:#fff;--surface-2:#e7ebf2;--ink:#101828;--muted:#4a5568;--line:#d3d9e4;--brand:#2446e8;--brand-ink:#fff;--brand-press:#1a35c0;--ticket:#ffd84d;--ticket-ink:#101828;--ok:#0b7a55;--danger:#b4232a;--danger-bg:#fdecec;--info-bg:#e6ecff;--focus:#1a35c0;--shadow:0 1px 2px #10182814, 0 4px 14px #1018280f;--font:"Avenir Next", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--radius:6px;--radius-lg:10px;--gutter:16px;--tap:48px;--step--1:.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.625rem;--step-3:2.125rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d1220;--surface:#171f33;--surface-2:#212b45;--ink:#eef1f8;--muted:#a9b3c8;--line:#2d3856;--brand:#8097ff;--brand-ink:#0a1030;--brand-press:#a3b3ff;--ok:#55d6a5;--danger:#ff9196;--danger-bg:#3a1a20;--info-bg:#1b2750;--focus:#b6c3ff;--shadow:0 1px 2px #0006}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:400 var(--step-0) / 1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}h1{font-size:var(--step-3);letter-spacing:-.025em;font-weight:800;line-height:1.1}img{max-width:100%;display:block}a{color:var(--brand);text-underline-offset:3px}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.site-header{padding:calc(env(safe-area-inset-top) + 12px) var(--gutter) 12px;justify-content:space-between;align-items:center;gap:12px;max-width:72rem;margin:0 auto;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;min-height:32px;text-decoration:none;display:flex}.mark{flex:none;width:28px;height:28px}.brand-name{font-size:var(--step-1);letter-spacing:-.02em;font-weight:800}.page{max-width:72rem;padding:8px var(--gutter) 40px;margin:0 auto}.page.narrow{flex-direction:column;gap:20px;max-width:34rem;display:flex}.page.has-bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.back{margin-top:8px}.empty{text-align:center;color:var(--muted);font-size:var(--step-1);padding:48px 0}.btn{min-height:var(--tap);border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-align:center;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn-primary:active:not(:disabled){background:var(--brand-press);border-color:var(--brand-press)}.btn-quiet{color:var(--ink);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn-block{width:100%;display:flex}.btn-big{min-height:60px;font-size:var(--step-1)}.btn-confirm{background:var(--ticket);border-color:var(--ink);color:var(--ticket-ink)}.notice{border-radius:var(--radius);background:var(--info-bg);border-left:6px solid var(--brand);flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.notice.error{background:var(--danger-bg);border-left-color:var(--danger)}.notice.dev{border-left-color:var(--ticket);background:var(--surface-2)}.row{flex-wrap:wrap;gap:10px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width:960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.card-media{aspect-ratio:1;background:var(--surface-2);position:relative}.product-img,.img-ph{object-fit:cover;width:100%;height:100%}.img-ph{color:var(--muted);background:repeating-linear-gradient(135deg, var(--surface-2) 0 14px, color-mix(in srgb, var(--surface-2), var(--line) 45%) 14px 28px);place-items:center;display:grid}.img-ph svg{width:44%;max-width:96px}.card-body{flex-direction:column;gap:2px;padding:10px 12px 14px;display:flex}.card-name{font-size:var(--step-0);letter-spacing:-.01em;font-weight:700;line-height:1.25}.card-desc{font-size:var(--step--1);color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.price{font-weight:800;font-size:var(--step-1);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:4px}.qty-add,.stepper{position:absolute;bottom:8px;right:8px}.qty-add{border-radius:var(--radius);background:var(--brand);width:52px;height:52px;color:var(--brand-ink);touch-action:manipulation;border:0;place-items:center;padding:0 0 3px;font-size:2rem;font-weight:600;line-height:1;display:grid;box-shadow:0 2px 8px #1018284d}.stepper{border-radius:var(--radius);background:var(--brand);height:52px;color:var(--brand-ink);grid-template-columns:48px minmax(32px,auto) 48px;align-items:center;display:grid;overflow:hidden;box-shadow:0 2px 8px #1018284d}.stepper button{height:100%;color:inherit;touch-action:manipulation;background:0 0;border:0;font-size:1.75rem;font-weight:600;line-height:1}.stepper button:active{background:var(--brand-press)}.stepper :focus-visible,.qty-add:focus-visible{outline-color:var(--ink);outline-offset:-4px}.stepper output{text-align:center;min-width:32px;font-weight:800;font-size:var(--step-1);font-variant-numeric:tabular-nums}.skeleton .card-media{background:var(--surface-2)}.sk-line{background:var(--surface-2);border-radius:4px;height:14px;margin:6px 0}.sk-line.short{width:45%}.sk-block{padding:8px 0}.cart-bar{z-index:10;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);position:fixed;inset:auto 0 0}.cart-bar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:72rem;margin:0 auto;display:flex}.cart-sum{font-variant-numeric:tabular-nums}.cart-sum strong{font-weight:800;font-size:var(--step-1)}.cart-bar .btn-primary{background:var(--ticket);border-color:var(--ticket);min-width:140px;color:var(--ticket-ink)}.cart-bar :focus-visible{outline-color:var(--ticket)}.summary{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:4px 16px 16px}.summary .sk-block{padding:16px 0 4px}.lines li{border-bottom:1px solid var(--line);grid-template-columns:2.4em 1fr auto;gap:8px;padding:12px 0;display:grid}.qty{font-variant-numeric:tabular-nums;font-weight:800}.line-price{font-variant-numeric:tabular-nums}.total{font-size:var(--step-1);justify-content:space-between;align-items:baseline;padding-top:14px;display:flex}.total strong{font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:800}.pay{flex-direction:column;gap:14px;display:flex}.pay[aria-disabled=true]{opacity:.85}.or{text-align:center;color:var(--muted);font-size:var(--step--1)}.is-hidden{display:none}.gpay{min-height:var(--tap)}.gpay[data-busy]{pointer-events:none;opacity:.5}.card-box{min-height:90px}.apple-pay-button{-webkit-appearance:-apple-pay-button;appearance:auto;-apple-pay-button-type:buy;-apple-pay-button-style:black;width:100%;height:var(--tap);border-radius:var(--radius);cursor:pointer;border:0}.apple-pay-button:disabled{opacity:.5}.btn-pay{min-height:56px;font-size:var(--step-1)}.pickup .lede{font-size:var(--step-1);text-align:center;font-weight:700}.pickup h1{text-align:center}.ticket-wrap{container-type:inline-size}.ticket{background:var(--ticket);color:var(--ticket-ink);border-radius:var(--radius);--notch:14px;-webkit-mask:radial-gradient(circle var(--notch) at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 50%, #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle var(--notch) at 100% 50%, #0000 98%, #000) right / 51% 100% no-repeat;place-items:center;padding:4cqw 2cqw;animation:.42s cubic-bezier(.2,1.2,.4,1) both stamp;display:grid;position:relative}.ticket-code{font-family:var(--font-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:min(33cqw,11rem);font-weight:800;line-height:1}@keyframes stamp{0%{opacity:0;transform:scale(.92)rotate(-1.5deg)}to{opacity:1;transform:none}}.pulse-bar{background:linear-gradient(90deg, var(--surface-2) 0 30%, var(--brand) 30% 60%, var(--surface-2) 60%) 0 0 / 300% 100%;border-radius:3px;height:6px;animation:1.4s linear infinite slide}@keyframes slide{to{background-position:-300% 0}}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}input[type=text],input[type=password],input[type=search]{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);width:100%;min-height:56px;font-weight:500;font-size:var(--step-1);padding:0 14px}.vol-header{border-bottom:2px solid var(--ink);max-width:none;padding-left:max(var(--gutter), calc((100vw - 72rem) / 2 + var(--gutter)));padding-right:max(var(--gutter), calc((100vw - 72rem) / 2 + var(--gutter)));margin:0}.vol-who{align-items:center;gap:6px;display:flex}.vol-name{font-weight:800}.vol-main{flex-direction:column;gap:16px;padding-top:16px;display:flex}.vol-tools{z-index:5;background:var(--bg);flex-direction:column;gap:12px;padding:8px 0;display:flex;position:sticky;top:0}.search{align-items:center;gap:8px;display:flex}.search input{font-family:var(--font-mono);font-size:var(--step-2);letter-spacing:.12em;font-weight:700}.search input::placeholder{font-family:var(--font);font-size:var(--step-0);letter-spacing:0;font-weight:500}.tabs{border:2px solid var(--ink);border-radius:var(--radius);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.tabs button{min-height:var(--tap);background:var(--surface);border:0;font-weight:700}.tabs button+button{border-left:2px solid var(--ink)}.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.orders{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));align-items:start;gap:14px;display:grid}.order{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:16px;display:flex}.order.done{border-color:var(--line);opacity:.9}.order-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.order-code{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:var(--ticket);color:var(--ticket-ink);border-radius:var(--radius);padding:4px 10px;font-size:3.5rem;font-weight:800;line-height:1}.order-time{color:var(--muted);text-align:right;font-weight:600}.order-items li{font-size:var(--step-1);align-items:baseline;gap:10px;padding:4px 0;display:flex}.order-items .qty{min-width:2.2em;font-size:var(--step-2);line-height:1.1}.toast{left:var(--gutter);right:var(--gutter);bottom:calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius);background:var(--danger);max-width:32rem;color:var(--bg);z-index:20;margin:0 auto;padding:14px 16px;font-weight:700;position:fixed;box-shadow:0 6px 24px #00000059}