:root{font-family:Archivo,sans-serif;font-size:15px;line-height:1.5;--qr-text: var(--color-text, #171714);--qr-bg: var(--color-bg, #f8f5ee);--qr-surface: var(--color-surface, #eeeae1);--qr-soft: var(--color-accent-100, #fff3e9);--qr-muted: #635d55;--qr-line: color-mix(in srgb, var(--qr-text) 40%, transparent);--qr-accent: var(--color-accent-700, #a53e00);color:var(--qr-text);background:var(--qr-bg)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit;border-radius:0}button{min-height:44px;border:0;background:transparent;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--qr-accent);outline-offset:-3px}.qr-page{max-width:520px;margin:0 auto;min-height:100vh;padding:0 16px 112px}.qr-head{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:2px solid var(--qr-text)}.qr-head h1{margin:0;font-size:18px;font-weight:800;line-height:1.2}.qr-head p{margin:2px 0 0;color:var(--qr-muted)}.qr-logo{width:48px;height:48px;object-fit:contain;flex:none}.qr-logo.placeholder{display:grid;place-items:center;background:var(--qr-text);color:var(--qr-bg);font-weight:800;letter-spacing:.04em}.qr-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.qr-chips button{flex:none;padding:0 14px;border:1px solid var(--qr-line);white-space:nowrap}.qr-chips button[aria-pressed=true]{background:var(--qr-text);color:var(--qr-bg);border-color:var(--qr-text)}.qr-menu,.qr-cart ul,.qr-summary ul,.qr-track{list-style:none;margin:0;padding:0}.qr-menu li{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--qr-line)}.qr-menu li.sold-out{opacity:.5}.qr-menu h3{margin:0;font-size:15px;font-weight:600}.qr-menu p{margin:0;color:var(--qr-muted);font-size:13px}.qr-tile{width:56px;height:56px;display:grid;place-items:center;background:var(--qr-surface);font-weight:800}img.qr-tile{object-fit:cover}.qr-add{min-width:48px;border:2px solid var(--qr-text);font-weight:800;padding:0 10px}.qr-badge{font-size:13px;color:var(--qr-muted)}.qr-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--qr-bg);border-top:1px solid var(--qr-line)}.qr-bar .qr-button{width:100%;max-width:488px;margin:0 auto;display:flex;justify-content:space-between}.qr-button{min-height:52px;padding:0 18px;background:var(--qr-text);color:var(--qr-bg);font-weight:800;justify-content:center}.qr-button.secondary{background:transparent;color:var(--qr-text);border:2px solid var(--qr-text)}.qr-link{padding:0;color:var(--qr-accent);text-decoration:underline}.qr-state,.qr-pay,.qr-done{display:grid;gap:12px;padding:24px 0;justify-items:start}.qr-pay,.qr-done{justify-items:center;text-align:center}.qr-state h2,.qr-done h2{margin:0}.qr-notice{margin:12px 0;padding:10px 12px;border-left:4px solid var(--qr-accent);background:var(--qr-soft)}.qr-offline{margin:12px 0;padding:10px 12px;background:var(--qr-text);color:var(--qr-bg)}.qr-offline p{margin:0 0 4px}.qr-offline .qr-link{color:var(--qr-bg)}.qr-muted{margin:0;color:var(--qr-muted);font-size:13px}.qr-amount{margin:0;font-size:34px;font-weight:800;font-variant-numeric:tabular-nums}.payment-qr{display:block;width:min(100%,300px);aspect-ratio:1;background:#fff}.qr-cart h2{margin:12px 0}.qr-cart li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--qr-line)}.qr-cart li>div:first-child{display:grid}.qr-cart small,.qr-summary small{display:block;color:var(--qr-muted)}.qr-qty{display:flex;align-items:center;gap:4px}.qr-qty button{width:44px;border:1px solid var(--qr-line);font-weight:800}.qr-qty output{min-width:24px;text-align:center}.qr-field{display:grid;gap:4px;margin:12px 0;font-weight:600}.qr-field input{min-height:44px;padding:0 10px;border:1px solid var(--qr-line);background:var(--qr-bg);font-weight:400}.qr-totals{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:12px 0;width:100%;text-align:left}.qr-totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.qr-totals .total{font-weight:800;font-size:18px}.qr-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.qr-actions .qr-button{flex:1 1 140px}.qr-sheet{width:min(100vw,520px);max-height:88vh;margin:auto auto 0;padding:16px;border:0;border-top:2px solid var(--qr-text);background:var(--qr-bg);color:var(--qr-text)}.qr-sheet::backdrop{background:#1717147f}.qr-sheet h2{margin:0 0 8px}.qr-sheet fieldset{border:0;padding:0;margin:0 0 12px}.qr-sheet legend{font-weight:800;padding:0;margin-bottom:4px}.qr-sheet legend small{font-weight:400;color:var(--qr-muted)}.qr-choice{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;min-height:44px;border-bottom:1px solid var(--qr-line)}.qr-choice input{width:20px;height:20px;accent-color:var(--qr-text)}.qr-summary{width:100%;text-align:left;border-top:1px solid var(--qr-line);padding-top:8px}.qr-summary summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.qr-summary li{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.qr-check{width:96px;height:96px}.qr-check circle{fill:#2f7d32}.qr-check path{fill:none;stroke:#fff;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}.qr-track{display:grid;gap:6px;width:100%;text-align:left}.qr-track li{padding-left:22px;position:relative;color:var(--qr-muted)}.qr-track li:before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border:2px solid var(--qr-text)}.qr-track li.done{color:var(--qr-text);font-weight:800}.qr-track li.done:before{background:var(--qr-text)}@media(prefers-reduced-motion:no-preference){.qr-check circle{transform-origin:50px 50px;animation:qr-pop .45s cubic-bezier(.2,.8,.2,1) both}}@keyframes qr-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}