:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4efe6;--ink:#1f1a14;--muted:#6b6257;--rule:#d8cfc2;--accent:#1d4ed8;--paid:#15803d;--stopped:#b42318;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}.till{max-width:44rem;padding:max(1.5rem, env(safe-area-inset-top)) 1.25rem 3rem;gap:1.5rem;margin:0 auto;display:grid}header h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem)}.hint{color:var(--muted);margin:.25rem 0 0}.menu{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.menu-item{text-align:start;cursor:pointer;color:inherit;font:inherit;border:1px solid var(--rule);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;align-content:start;gap:.35rem;padding:1.5rem;display:grid}.menu-item:active{transform:scale(.98)}.menu-name{font-size:1.4rem;font-weight:600}.menu-price{color:var(--muted);font-variant-numeric:tabular-nums}.sale{text-align:center;justify-items:center;gap:.75rem;display:grid}.sale h2{margin:0;font-size:1.5rem}.qr{aspect-ratio:1;width:min(80vw,22rem);height:auto;image-rendering:pixelated;background:#fff;border-radius:12px;padding:.5rem}.waiting{font-weight:600}.problem{color:var(--stopped);max-width:30rem}.link{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.outcome .mark{margin:0;font-size:4.5rem;line-height:1}.outcome.paid .mark{color:var(--paid)}.outcome.stopped .mark{color:var(--stopped)}.button{min-height:3rem;font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:999px;padding:0 1.5rem;font-weight:600}.button.primary{background:var(--ink);color:var(--paper)}.button.quiet{color:var(--ink);border-color:var(--rule);background:0 0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.badge{color:var(--accent);background:color-mix(in oklab, var(--accent) 10%, white);border-radius:999px;justify-self:start;margin-top:.25rem;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.approval{max-width:30rem;color:var(--accent);background:color-mix(in oklab, var(--accent) 8%, white);border-radius:10px;margin:0;padding:.75rem 1rem}
