.demo.svelte-1yp88gz{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:center}.phone.svelte-1yp88gz{position:relative;background:var(--ink);border-radius:36px;padding:12px;box-shadow:0 30px 70px -30px #222a368c}.notch.svelte-1yp88gz{position:absolute;top:12px;left:50%;transform:translate(-50%);width:90px;height:18px;background:var(--ink);border-radius:0 0 12px 12px;z-index:1}.screen.svelte-1yp88gz{background:var(--white);border-radius:26px;padding:30px 16px 16px;min-height:470px;display:grid;gap:12px;align-content:start;font-size:.9rem}.bar.svelte-1yp88gz{display:flex;justify-content:space-between;align-items:center}.rest.svelte-1yp88gz{font-family:var(--display);font-weight:600;font-size:.85rem}.tbl.svelte-1yp88gz{font-family:var(--mono);font-size:.72rem;background:var(--paper-2);padding:4px 8px;border-radius:999px}.item.svelte-1yp88gz{display:flex;gap:12px;align-items:center;background:var(--paper);border-radius:14px;padding:10px}.thumb.svelte-1yp88gz{width:48px;height:48px;border-radius:12px;background:#fff3e0;display:grid;place-items:center;font-size:1.6rem}.item.svelte-1yp88gz small:where(.svelte-1yp88gz){display:block;color:var(--muted);font-size:.78rem}fieldset.svelte-1yp88gz{border:0;margin:0;padding:0;min-width:0}legend.svelte-1yp88gz{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.opts.svelte-1yp88gz{display:grid;gap:6px}.opt.svelte-1yp88gz{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.opt.svelte-1yp88gz input:where(.svelte-1yp88gz){position:absolute;opacity:0;width:1px;height:1px}.opt.svelte-1yp88gz em:where(.svelte-1yp88gz){font-style:normal;font-family:var(--mono);font-size:.78rem;color:var(--muted)}.opt.on.svelte-1yp88gz{border-color:var(--ink);background:var(--paper);font-weight:600}.opt.svelte-1yp88gz:has(input:where(.svelte-1yp88gz):focus-visible){box-shadow:0 0 0 3px #0b6bf04d}.note.svelte-1yp88gz{display:grid;gap:4px}.note.svelte-1yp88gz span:where(.svelte-1yp88gz){font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.note.svelte-1yp88gz input:where(.svelte-1yp88gz){font:inherit;border:1.5px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--paper);color:var(--ink)}.checkout.svelte-1yp88gz{display:flex;gap:8px;margin-top:4px}.qty.svelte-1yp88gz{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px}.qty.svelte-1yp88gz button:where(.svelte-1yp88gz){width:36px;height:42px;border:0;background:none;font-size:1.1rem;cursor:pointer;color:var(--ink)}.qty.svelte-1yp88gz span:where(.svelte-1yp88gz){min-width:18px;text-align:center;font-weight:600}.pay.svelte-1yp88gz{flex:1;border:0;border-radius:12px;background:var(--ink);color:var(--white);font:inherit;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0 14px;transition:background .2s ease}.pay.svelte-1yp88gz:hover{background:var(--accent-ink)}.pay.svelte-1yp88gz b:where(.svelte-1yp88gz){font-family:var(--mono)}.tracking.svelte-1yp88gz{display:grid;gap:8px;animation:svelte-1yp88gz-pop .35s ease}.t-title.svelte-1yp88gz{font-family:var(--display);font-size:1.15rem;font-weight:600}.t-sub.svelte-1yp88gz,.t-note.svelte-1yp88gz{color:var(--muted)}.t-note.svelte-1yp88gz{font-style:italic}.steps.svelte-1yp88gz{list-style:none;padding:0;margin:8px 0;display:grid;gap:12px}.steps.svelte-1yp88gz li:where(.svelte-1yp88gz){display:flex;align-items:center;gap:10px;color:var(--muted);transition:color .3s ease}.dot.svelte-1yp88gz{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);transition:all .3s ease}.steps.svelte-1yp88gz li.done:where(.svelte-1yp88gz){color:var(--ink)}.steps.svelte-1yp88gz li.done:where(.svelte-1yp88gz) .dot:where(.svelte-1yp88gz){background:var(--build);border-color:var(--build)}.steps.svelte-1yp88gz li.now:where(.svelte-1yp88gz){color:var(--ink);font-weight:700}.steps.svelte-1yp88gz li.now:where(.svelte-1yp88gz) .dot:where(.svelte-1yp88gz){border-color:var(--scale);background:var(--scale);box-shadow:0 0 0 5px #3fa0ff40;animation:svelte-1yp88gz-pulse 1.2s ease-in-out infinite}.paid.svelte-1yp88gz{color:#16794a;font-weight:600}.again.svelte-1yp88gz{border:1.5px solid var(--ink);background:none;border-radius:999px;padding:10px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}.kitchen.svelte-1yp88gz{background:var(--ink);color:var(--white);border-radius:20px;padding:24px;display:grid;gap:14px;min-height:220px;align-content:start}.k-label.svelte-1yp88gz{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8c9aab}.k-empty.svelte-1yp88gz{color:#b8c3d0}.k-order.svelte-1yp88gz{background:var(--ink-2);border-radius:14px;padding:16px;display:grid;gap:4px;animation:svelte-1yp88gz-pop .35s ease}.k-head.svelte-1yp88gz{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.k-status.svelte-1yp88gz{font-size:.8rem;font-weight:700;background:var(--scale);color:var(--ink);padding:3px 10px;border-radius:999px}.k-muted.svelte-1yp88gz{color:#b8c3d0;font-size:.9rem}.k-total.svelte-1yp88gz{font-family:var(--mono);margin-top:6px}.k-foot.svelte-1yp88gz{color:#8c9aab;font-size:.8rem}@keyframes svelte-1yp88gz-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes svelte-1yp88gz-pulse{50%{box-shadow:0 0 0 9px #3fa0ff1a}}@media(max-width:760px){.demo.svelte-1yp88gz{grid-template-columns:1fr;justify-items:center}.phone.svelte-1yp88gz{width:100%;max-width:340px}.kitchen.svelte-1yp88gz{width:100%}}@media(prefers-reduced-motion:reduce){.tracking.svelte-1yp88gz,.k-order.svelte-1yp88gz,.steps.svelte-1yp88gz li.now:where(.svelte-1yp88gz) .dot:where(.svelte-1yp88gz){animation:none}}