.qr-demo[data-v-e3b77589]{gap:1rem;justify-content:center;margin:0 auto;max-width:700px;padding:1.5rem .5rem;position:relative;width:100%}.demo-device[data-v-e3b77589],.qr-demo[data-v-e3b77589]{align-items:center;display:flex}.demo-device[data-v-e3b77589]{flex-direction:column;gap:.5rem}.device-label[data-v-e3b77589]{align-items:center;color:#000;display:flex;font-family:Fredoka,sans-serif;font-size:.75rem;font-weight:700;gap:.375rem}.device-icon[data-v-e3b77589]{font-size:1rem}.qr-frame[data-v-e3b77589]{background:#fff;border:3px solid #000;border-radius:.75rem;overflow:hidden;padding:.75rem;position:relative}.qr-content[data-v-e3b77589]{align-items:center;display:flex;flex-direction:column;gap:.5rem}.qr-pattern[data-v-e3b77589]{height:110px;position:relative;transition:all .3s ease;width:110px}.qr-pattern--pulse[data-v-e3b77589]{animation:qr-pulse-e3b77589 .6s ease}@keyframes qr-pulse-e3b77589{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.qr-svg[data-v-e3b77589]{display:block;height:100%;width:100%}.qr-label[data-v-e3b77589]{color:#666;font-family:monospace;font-size:.5rem}.scan-line[data-v-e3b77589]{animation:scan-move-e3b77589 .8s ease-in-out;background:linear-gradient(90deg,transparent,#ff2e00,transparent);height:3px;left:0;position:absolute;right:0;top:0}@keyframes scan-move-e3b77589{0%{top:0}to{top:100%}}.connection-wrapper[data-v-e3b77589]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;position:relative;width:100px}.connection-curved[data-v-e3b77589]{height:50px;width:100%}.connection-svg[data-v-e3b77589]{height:100%;width:100%}.connection-path--animated[data-v-e3b77589]{animation:draw-path-e3b77589 .8s ease-in-out forwards;stroke-dasharray:150;stroke-dashoffset:150}@keyframes draw-path-e3b77589{to{stroke-dashoffset:0}}.connection-label[data-v-e3b77589]{color:#888;font-size:.5rem;letter-spacing:.25px;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.flying-dot[data-v-e3b77589]{animation:fly-curve-e3b77589 .8s ease-in-out forwards;background:#ff2e00;border-radius:50%;height:8px;left:0;position:absolute;top:10px;width:8px}@keyframes fly-curve-e3b77589{0%{left:0;opacity:1;top:25px}50%{top:5px}to{left:100%;opacity:0;top:25px}}.device-frame--phone[data-v-e3b77589]{background:#1a1a1a;border-radius:1.25rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;padding:.5rem;width:140px}.device-screen[data-v-e3b77589]{aspect-ratio:9/16;background:#fff;border-radius:.875rem;overflow:hidden}.camera-interface[data-v-e3b77589]{background:#1a1a1a;height:100%;padding:1rem}.camera-interface[data-v-e3b77589],.camera-viewfinder[data-v-e3b77589]{align-items:center;display:flex;justify-content:center}.camera-viewfinder[data-v-e3b77589]{aspect-ratio:1;position:relative;width:80%}.viewfinder-corners[data-v-e3b77589]{inset:0;position:absolute}.corner[data-v-e3b77589]{border:2px solid #fff;height:16px;position:absolute;width:16px}.corner--tl[data-v-e3b77589]{border-right:none;left:0}.corner--tl[data-v-e3b77589],.corner--tr[data-v-e3b77589]{border-bottom:none;top:0}.corner--tr[data-v-e3b77589]{border-left:none;right:0}.corner--bl[data-v-e3b77589]{border-right:none;left:0}.corner--bl[data-v-e3b77589],.corner--br[data-v-e3b77589]{border-top:none;bottom:0}.corner--br[data-v-e3b77589]{border-left:none;right:0}.viewfinder-label[data-v-e3b77589]{color:#888;font-size:.5rem;text-align:center}.loading-interface[data-v-e3b77589]{align-items:center;background:#fafafa;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center}.loading-spinner[data-v-e3b77589]{animation:spin-e3b77589 .8s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#ff2e00;height:24px;width:24px}@keyframes spin-e3b77589{to{transform:rotate(1turn)}}.loading-text[data-v-e3b77589]{color:#666;font-size:.5rem}.menu-interface[data-v-e3b77589]{background:#fafafa;display:flex;flex-direction:column;height:100%}.menu-header[data-v-e3b77589]{align-items:center;background:#000;color:#fff;display:flex;gap:.25rem;justify-content:center;padding:.5rem}.menu-logo[data-v-e3b77589]{font-size:.75rem}.menu-title[data-v-e3b77589]{font-family:Fredoka,sans-serif;font-size:.5rem;font-weight:700}.menu-items[data-v-e3b77589]{flex:1;flex-direction:column;overflow:hidden;padding:.375rem}.menu-item[data-v-e3b77589],.menu-items[data-v-e3b77589]{display:flex;gap:.25rem}.menu-item[data-v-e3b77589]{align-items:center;animation:item-slide-in-e3b77589 .3s ease backwards;background:#fff;border:1px solid #e5e5e5;border-radius:.25rem;padding:.25rem}@keyframes item-slide-in-e3b77589{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-emoji[data-v-e3b77589]{font-size:.625rem}.item-info[data-v-e3b77589]{flex:1;min-width:0}.item-name[data-v-e3b77589]{color:#000;display:block;font-size:.375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-price[data-v-e3b77589]{color:#ff2e00;display:block;font-size:.3125rem;font-weight:700}.menu-footer[data-v-e3b77589]{border-top:1px solid #e5e5e5;padding:.25rem;text-align:center}.powered-by[data-v-e3b77589]{color:#999;font-size:.3125rem}@media(max-width:640px){.qr-demo[data-v-e3b77589]{flex-direction:column;gap:.75rem;padding:1rem .5rem}.connection-wrapper[data-v-e3b77589]{height:60px;transform:rotate(90deg);width:60px}.connection-curved[data-v-e3b77589]{transform:rotate(0)}.connection-label[data-v-e3b77589]{left:-30px;position:absolute;transform:rotate(-90deg);white-space:nowrap}.qr-pattern[data-v-e3b77589]{height:100px;width:100px}.device-frame--phone[data-v-e3b77589]{width:130px}.flying-dot[data-v-e3b77589]{animation:fly-down-curve-e3b77589 .8s ease-in-out forwards}@keyframes fly-down-curve-e3b77589{0%{left:25px;opacity:1;top:0}50%{left:35px}to{left:25px;opacity:0;top:100%}}}@media(max-width:400px){.qr-pattern[data-v-e3b77589]{height:90px;width:90px}.qr-frame[data-v-e3b77589]{padding:.5rem}.device-frame--phone[data-v-e3b77589]{width:110px}.device-label[data-v-e3b77589]{font-size:.625rem}}