.idle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0a0806b8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.idle-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.idle-icon{font-size:56px;line-height:1;animation:float 2s ease-in-out infinite}.idle-title{font-size:32px;font-weight:800;color:var(--color-text)}.idle-subtitle{font-size:16px;color:var(--color-text-secondary);line-height:1.5}.idle-subtitle strong{color:var(--color-accent)}.idle-ring-wrap{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.idle-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.idle-ring__track{fill:none;stroke:var(--color-border);stroke-width:8}.idle-ring__progress{fill:none;stroke:var(--color-accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.idle-ring__number{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--color-text);position:relative;z-index:1}.idle-cta{width:100%;font-size:18px}.boot-error-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg, #F4F5F7);color:var(--color-text, #1A1A1A);overflow:hidden;padding:var(--space-6, 24px);box-sizing:border-box}.boot-error-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.boot-error-bg__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.boot-error-bg__blob--1{width:500px;height:500px;background:var(--color-danger, #DC2626);top:-100px;right:-100px}.boot-error-bg__blob--2{width:400px;height:400px;background:var(--color-warning, #D97706);bottom:-80px;left:-80px}.boot-error-card{position:relative;z-index:1;width:100%;max-width:540px;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-xl, 32px);padding:var(--space-8, 32px);box-shadow:0 16px 48px #00000014,0 0 0 1px #dc262614;display:flex;flex-direction:column;align-items:center;text-align:center}.boot-error-icon-wrap{position:relative;width:88px;height:88px;border-radius:50%;background:var(--color-danger-light, #FEE2E2);color:var(--color-danger, #DC2626);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6, 24px)}.boot-error-pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(220,38,38,.35);animation:bootPulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes bootPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:.2}to{transform:scale(.95);opacity:.8}}.boot-error-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:28px;font-weight:700;color:var(--color-text, #1A1A1A);margin-bottom:var(--space-2, 8px);line-height:1.25}.boot-error-subtitle{font-family:var(--font-body, "Inter", sans-serif);font-size:15px;color:var(--color-text-secondary, #4B5563);margin-bottom:var(--space-6, 24px);line-height:1.5;max-width:440px}.boot-error-details{width:100%;background:var(--color-bg, #F4F5F7);border:1px solid var(--color-border, #E5E7EB);border-radius:var(--radius-md, 16px);padding:var(--space-4, 16px);margin-bottom:var(--space-6, 24px);text-align:left;box-sizing:border-box}.boot-error-details__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1, 4px) 0;font-size:13px}.boot-error-details__label{color:var(--color-text-muted, #9CA3AF);font-weight:500}.boot-error-details__val{color:var(--color-text, #1A1A1A);font-weight:600;font-family:monospace}.boot-error-message-box{margin-top:var(--space-3, 12px);padding-top:var(--space-3, 12px);border-top:1px dashed var(--color-border, #E5E7EB);font-size:13px;color:var(--color-danger, #DC2626);display:flex;align-items:flex-start;gap:var(--space-2, 8px);word-break:break-word}.boot-error-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3, 12px)}.boot-error-retry-btn{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:var(--space-3, 12px);background:var(--color-accent, #F5A623);color:var(--color-text-inverse, #FFFFFF);border:none;border-radius:var(--radius-lg, 24px);font-family:var(--font-display, "Outfit", sans-serif);font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #f5a62359;transition:transform .1s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.boot-error-retry-btn:active{transform:scale(.98);background:var(--color-accent-hover, #E8920A)}.boot-error-retry-btn:disabled{opacity:.65;cursor:not-allowed}.boot-error-pair-again-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);background:var(--color-surface, #FFFFFF);color:var(--color-text-secondary, #4B5563);border:1.5px solid var(--color-border, #E5E7EB);border-radius:var(--radius-lg, 24px);font-family:var(--font-display, "Outfit", sans-serif);font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s ease,background-color .2s ease,border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.boot-error-pair-again-btn:hover{background:var(--color-bg, #F9FAFB);color:var(--color-text, #1A1A1A);border-color:var(--color-text-muted, #9CA3AF)}.boot-error-pair-again-btn:active{transform:scale(.98);background:#f3f4f6}.boot-spin{animation:spin 1s linear infinite}.boot-error-footer{margin-top:var(--space-6, 24px);font-size:12px;color:var(--color-text-muted, #9CA3AF)}.kiosk-disabled-screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg, #F4F5F7);color:var(--color-text, #1A1A1A);overflow:hidden;padding:var(--space-6, 24px);box-sizing:border-box;z-index:100}.kiosk-disabled-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.kiosk-disabled-bg__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.16}.kiosk-disabled-bg__blob--1{width:520px;height:520px;background:var(--color-warning, #F59E0B);top:-100px;right:-100px}.kiosk-disabled-bg__blob--2{width:440px;height:440px;background:var(--color-danger, #EF4444);bottom:-80px;left:-80px}.kiosk-disabled-card{position:relative;z-index:1;width:100%;max-width:520px;background:var(--color-surface, #FFFFFF);border:1.5px solid var(--color-border, #E5E7EB);border-radius:var(--radius-xl, 32px);padding:40px 36px;box-shadow:0 20px 50px #00000014,0 0 0 1px #f59e0b1a;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.kiosk-disabled-icon-wrap{position:relative;width:96px;height:96px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.kiosk-disabled-pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(217,119,6,.35);animation:disabledPulse 2.2s infinite cubic-bezier(.4,0,.6,1)}@keyframes disabledPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.18);opacity:.15}to{transform:scale(.95);opacity:.8}}.kiosk-disabled-title{font-family:var(--font-display, "Outfit", sans-serif);font-size:32px;font-weight:800;color:var(--color-text, #1A1A1A);margin:0 0 10px;line-height:1.2;letter-spacing:-.5px}.kiosk-disabled-subtitle{font-family:var(--font-body, "Inter", sans-serif);font-size:16px;color:var(--color-text-secondary, #4B5563);margin:0 0 28px;line-height:1.5;max-width:420px}.kiosk-disabled-info{width:100%;background:var(--color-bg, #F8F9FA);border:1px solid var(--color-border, #E5E7EB);border-radius:18px;padding:16px 20px;margin-bottom:28px;text-align:left;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.kiosk-disabled-info__row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.kiosk-disabled-info__label{display:flex;align-items:center;gap:7px;color:var(--color-text-secondary, #6B7280);font-weight:500}.kiosk-disabled-info__val{color:var(--color-text, #1A1A1A);font-weight:700}.kiosk-disabled-status-badge{background:#fee2e2;color:#dc2626;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:20px;border:1px solid rgba(220,38,38,.2)}.kiosk-disabled-actions{width:100%;display:flex;flex-direction:column;gap:12px}.kiosk-disabled-retry-btn{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--color-accent, #F5A623);color:#fff;border:none;border-radius:24px;font-family:var(--font-display, "Outfit", sans-serif);font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #f5a62366;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.kiosk-disabled-retry-btn:hover{background:var(--color-accent-hover, #E8920A);box-shadow:0 6px 22px #f5a62380}.kiosk-disabled-retry-btn:active{transform:scale(.98)}.kiosk-disabled-retry-btn:disabled{opacity:.65;cursor:not-allowed}.kiosk-disabled-pair-again-btn{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-surface, #FFFFFF);color:var(--color-text-secondary, #4B5563);border:1.5px solid var(--color-border, #E5E7EB);border-radius:24px;font-family:var(--font-display, "Outfit", sans-serif);font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s ease,background-color .2s ease,border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.kiosk-disabled-pair-again-btn:hover{background:var(--color-bg, #F9FAFB);color:var(--color-text, #1A1A1A);border-color:var(--color-text-muted, #9CA3AF)}.kiosk-disabled-pair-again-btn:active{transform:scale(.98);background:#f3f4f6}.kiosk-disabled-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kiosk-disabled-footer{margin-top:24px;margin-bottom:0;font-size:12px;color:var(--color-text-muted, #9CA3AF);letter-spacing:.3px}.keypad{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:480px;margin:0 auto}.keypad-display{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.keypad-dots{display:flex;gap:18px;align-items:center}.keypad-dot{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--color-border);background:transparent;transition:background .15s,border-color .15s,transform .15s}.keypad-dot--filled{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 12px #f5a62366}.keypad-value{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--color-text);letter-spacing:8px;min-height:40px;display:flex;align-items:center}.keypad-placeholder{font-size:16px;color:var(--color-text-muted);letter-spacing:normal;font-weight:500}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.keypad-key{background:var(--color-surface);border:2px solid var(--color-border);border-radius:20px;height:76px;font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-text);box-shadow:0 2px 8px #0000000a;transition:background .1s,box-shadow .1s,transform .1s;display:flex;align-items:center;justify-content:center}.keypad-key:hover{border-color:var(--color-accent)}.keypad-key:active,.keypad-key--pressed{background:var(--color-accent-light);border-color:var(--color-accent);box-shadow:var(--shadow-glow);transform:scale(.96)}.keypad-key--empty{visibility:hidden;pointer-events:none}.keypad-key--delete{color:var(--color-danger);font-size:24px}.keypad-key--delete:active{background:var(--color-danger-light);border-color:var(--color-danger);box-shadow:none}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-label{font-family:var(--font-display);font-size:16px;color:var(--color-text-muted);font-weight:500}.spinner-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:var(--z-overlay)}.pairing-screen,.pairing-screen.kiosk-screen{position:relative;background:#000!important;background-color:#000!important;min-height:100%;height:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:64px 32px 60px;box-sizing:border-box;color:#fff}.pairing-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.pairing-bg__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.pairing-bg__blob--1{width:500px;height:500px;background:radial-gradient(circle,rgba(245,166,35,.45) 0%,transparent 70%);top:-100px;left:50%;transform:translate(-50%)}.pairing-bg__blob--2{width:450px;height:450px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);bottom:50px;left:50%;transform:translate(-50%)}.pairing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;gap:32px;max-width:580px;margin:0 auto;width:100%}.pairing-logo{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:4px}.pairing-logo__img{max-height:72px;max-width:280px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 24px rgba(255,255,255,.12))}.pairing-card{width:100%;background:#141722;padding:42px 36px;border-radius:36px;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 24px 64px #000000a6,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;gap:26px;box-sizing:border-box}.pairing-card__header{display:flex;align-items:center;gap:18px}.pairing-card__icon-wrap{width:60px;height:60px;border-radius:20px;background:#f5a62324;border:1.5px solid rgba(245,166,35,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pairing-card__icon{color:#f5a623}.pairing-card__title{font-family:var(--font-display, sans-serif);font-size:25px;font-weight:800;color:#fff;letter-spacing:-.3px;margin:0}.pairing-card__desc{font-family:var(--font-body, sans-serif);font-size:15px;color:#9ca3af;margin-top:4px;line-height:1.4}.pairing-divider{height:1px;background:#ffffff14;width:100%}.pairing-error{display:flex;align-items:center;gap:12px;background:#ef444429;color:#f87171;border:1px solid rgba(239,68,68,.35);border-radius:16px;padding:16px 20px;font-size:15px;font-weight:600}.pairing-screen .keypad-dot{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.22);background:transparent}.pairing-screen .keypad-dot--filled{background:#f5a623;border-color:#f5a623;box-shadow:0 0 16px #f5a623a6}.pairing-screen .keypad-key{background:#1c202e;border:1.5px solid rgba(255,255,255,.08);color:#fff;box-shadow:0 4px 16px #00000059}.pairing-screen .keypad-key:hover{background:#252b3c;border-color:#f5a62399}.pairing-screen .keypad-key:active,.pairing-screen .keypad-key--pressed{background:#f5a62338;border-color:#f5a623;box-shadow:0 0 20px #f5a62359;transform:scale(.95)}.pairing-screen .keypad-key--delete{color:#f87171}.pairing-screen .keypad-key--delete:hover{background:#ef444426;border-color:#ef444466}.pairing-screen .keypad-key--delete:active{background:#ef444447;border-color:#ef4444}.pairing-screen .pairing-cta,.pairing-cta{width:100%!important;box-sizing:border-box!important;gap:16px!important;height:88px!important;min-height:88px!important;padding:0 32px!important;font-family:var(--font-display, sans-serif)!important;font-size:28px!important;font-weight:900!important;letter-spacing:-.3px!important;border-radius:26px!important;background:#f5a623!important;color:#111827!important;border:none!important;box-shadow:0 12px 36px #f5a6238c,0 4px 12px #f5a62359!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;margin-top:12px!important}.pairing-screen .pairing-cta:hover:not(:disabled),.pairing-cta:hover:not(:disabled){background:#e8920a!important;box-shadow:0 16px 44px #f5a623a6!important;transform:translateY(-2px)!important}.pairing-screen .pairing-cta:active:not(:disabled),.pairing-cta:active:not(:disabled){transform:scale(.98)!important}.pairing-screen .pairing-cta--disabled,.pairing-screen .pairing-cta:disabled,.pairing-cta--disabled,.pairing-cta:disabled{background:#242938!important;color:#6b7280!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.65!important}.pairing-footer{font-size:15px;color:#6b7280;text-align:center;max-width:480px;line-height:1.5;margin-top:4px}.welcome-screen{position:relative;overflow:hidden;will-change:transform;transform:translateZ(0)}.welcome-hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#111}.welcome-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;display:block}.welcome-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;display:block;opacity:0;transition:opacity .4s ease-out;will-change:opacity;transform:translateZ(0)}.welcome-hero__video--ready{opacity:1}.welcome-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#0000000a 25%,#0000001a 65%,#00000059)}.welcome-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--space-8) var(--space-6) var(--space-10);min-height:100%;box-sizing:border-box}.welcome-logo-wrap{display:flex;align-items:center;justify-content:center;max-height:90px;max-width:260px}.welcome-logo-img{max-height:80px;max-width:240px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.45))}.welcome-logo-spacer{height:40px}.welcome-cta-area{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:auto;margin-bottom:var(--space-4)}.welcome-tap-cta{position:relative;display:flex;align-items:center;justify-content:center;width:230px;height:230px}.welcome-pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);animation:pulse-ring 2.4s cubic-bezier(.2,0,.8,1) infinite;will-change:transform,opacity;transform:translateZ(0)}.welcome-pulse-ring--2{animation-delay:1.2s}.welcome-start-btn{position:relative;z-index:1;width:180px;height:180px;border-radius:50%;background:#ffffff85;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:#111827;box-shadow:0 0 0 6px #ffffff2e,0 16px 40px #00000040,0 4px 12px #00000026;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;animation:float 4s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.welcome-start-btn:active{transform:scale(.94);background:#ffffffbf;box-shadow:0 8px 20px #0000004d}.welcome-start-btn__emoji{display:flex;align-items:center;justify-content:center;color:#111827}.welcome-start-btn__text{font-family:var(--font-display);font-size:16px;font-weight:800;color:#111827;text-align:center;line-height:1.3;padding:0 var(--space-3);letter-spacing:-.2px}.welcome-sub{font-size:14px;color:#ffffffb3;letter-spacing:.5px}.welcome-start-btn--loading{opacity:.7;cursor:not-allowed}@keyframes welcome-spin{to{transform:rotate(360deg)}}.welcome-spin{animation:welcome-spin 1s linear infinite}.welcome-error-toast{position:fixed;top:36px;left:50%;transform:translate(-50%);z-index:999;display:flex;align-items:center;justify-content:center;gap:12px;max-width:90vw;box-sizing:border-box;background:#dc2626f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,100,100,.4);border-radius:var(--radius-full, 9999px);padding:14px 28px;color:#fff;font-size:15px;font-weight:600;font-family:var(--font-display, sans-serif);cursor:pointer;box-shadow:0 8px 32px #dc262673}.welcome-error-toast__retry{display:inline-flex;align-items:center;gap:6px;margin-left:6px;padding:6px 14px;background:#ffffff38;border-radius:999px;font-size:13px;font-weight:700;flex-shrink:0}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:0 18px 0 10px;height:48px;color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:600;box-shadow:0 1px 3px #0000000a;transition:transform .1s ease,background-color .15s ease,border-color .15s ease;width:fit-content;max-width:fit-content;flex-shrink:0;box-sizing:border-box}.back-button:active{transform:scale(.95);background:var(--color-surface-2)}.back-button__icon{display:flex;align-items:center;color:var(--color-text-secondary)}.order-type-screen{position:relative;background:var(--color-bg);min-height:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:64px 40px 60px;box-sizing:border-box}.ot-bg{display:none}.ot-layout{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;gap:48px;max-width:1000px;width:100%;margin:0 auto}.ot-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;width:100%}.ot-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;max-height:80px;margin-bottom:6px}.ot-logo-img{max-height:70px;max-width:260px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(0,0,0,.08))}.ot-header__text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.ot-title{font-family:var(--font-display);font-size:46px;font-weight:900;color:var(--color-text);line-height:1.2;margin:0;letter-spacing:-.5px;text-align:center}.ot-subtitle{font-family:var(--font-body);font-size:20px;color:var(--color-text-secondary);margin:0;text-align:center}.ot-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:36px;width:100%}.ot-card{background:#fff;border:2.5px solid var(--color-border);border-radius:36px;padding:56px 40px 48px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;gap:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000012;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;flex:1 1 380px;max-width:460px;min-height:480px;box-sizing:border-box}.ot-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--color-accent-light) 0%,transparent 60%);opacity:0;transition:opacity .2s}.ot-card:hover:before{opacity:.6}.ot-card:active:before{opacity:1}.ot-card:hover{border-color:var(--color-accent);box-shadow:0 16px 48px #f5a6232e,0 8px 24px #0000000f}.ot-card:active{border-color:var(--color-accent);box-shadow:var(--shadow-glow-lg),0 10px 32px #0000001f;transform:scale(.98)}.ot-card__emoji-wrap{width:140px;height:140px;min-width:140px;border-radius:36px;background:var(--color-accent-light);border:2.5px solid rgba(245,166,35,.22);display:flex;align-items:center;justify-content:center;color:var(--color-accent-dark);flex-shrink:0}.ot-card__icon{animation:float 3.5s ease-in-out infinite}.ot-card:last-child .ot-card__icon{animation-delay:-1.5s}.ot-card__info{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;justify-content:center;gap:12px;width:100%}.ot-card__title{font-family:var(--font-display);font-size:38px;font-weight:800;color:var(--color-text);letter-spacing:-.4px;margin:0;line-height:1.2}.ot-card__desc{font-family:var(--font-body);font-size:19px;color:var(--color-text-secondary);line-height:1.5;margin:0;max-width:320px}.ot-card__arrow{width:74px;height:74px;min-width:74px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px #f5a62373;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0;margin-top:8px}.ot-card:hover .ot-card__arrow{transform:scale(1.08);box-shadow:0 8px 26px #f5a6238c}.ot-card:active .ot-card__arrow{transform:scale(.96)}.ot-top-bar{position:absolute;top:32px;left:32px;z-index:10}.ot-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:2px solid var(--color-border);border-radius:32px;padding:64px 40px;max-width:600px;margin:20px auto 0;box-shadow:0 8px 32px #0000000f}.ot-empty-icon-wrap{width:88px;height:88px;border-radius:28px;background:#fef2f2;border:2px solid #FEE2E2;color:#ef4444;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.ot-empty-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--color-text);line-height:1.3;margin:0 0 16px;letter-spacing:-.3px}.ot-empty-desc{font-family:var(--font-body);font-size:17px;color:var(--color-text-secondary);line-height:1.6;max-width:480px;margin:0 0 32px}.ot-empty-back-btn{height:56px;padding:0 32px;font-size:16px;font-weight:700;border-radius:999px}.menu-screen{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.menu-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #EBEBEB;gap:20px;flex-shrink:0;z-index:10;min-height:72px;box-sizing:border-box}.menu-header__left{display:flex;align-items:center;gap:16px;flex-shrink:0;justify-self:start}.menu-header__logo-wrap{display:flex;align-items:center;justify-content:center;max-height:44px}.menu-header__logo-img{max-height:38px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:6px}.menu-title{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;color:#1a1a1a;white-space:nowrap;letter-spacing:-.5px}.menu-header__center{display:flex;justify-content:center;align-items:center;width:100%;justify-self:center}.menu-search-bar{width:480px;max-width:100%;display:flex;align-items:center;gap:12px;background:#f8f9fa;border:1.5px solid #E5E7EB;border-radius:50px;padding:0 18px;height:48px;box-sizing:border-box;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.menu-search-bar:hover{background:#f3f4f6;border-color:#d1d5db}.menu-search-bar:active{background:#fff;border-color:var(--color-accent, #F5A623);transform:scale(.99)}.menu-search-bar__icon{color:#9ca3af;flex-shrink:0}.menu-search-bar__placeholder{font-family:Inter,sans-serif;font-size:15px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-header__right{display:flex;align-items:center;justify-content:flex-end;justify-self:end;min-height:48px}.menu-header__cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;min-width:124px;padding:0 16px;border-radius:50px;background:var(--color-accent, #F5A623);border:1.5px solid var(--color-accent, #F5A623);color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;flex-shrink:0;box-shadow:0 4px 14px #f5a62359;box-sizing:border-box}.menu-header__cart-btn:hover{background:var(--color-accent-hover, #E8920A);border-color:var(--color-accent-hover, #E8920A)}.menu-header__cart-btn:active{transform:scale(.96);background:var(--color-accent-dark, #C47A10)}.menu-header__cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.menu-header__cart-text{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.2px}.menu-header__cart-badge{min-width:22px;height:22px;border-radius:999px;background:#18181b;color:#fff;font-family:Inter,sans-serif;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 6px #00000040}.menu-body{flex:1;display:flex;overflow:hidden;background:#fff}.cat-sidebar{width:200px;flex-shrink:0;background:#fff;border-right:1px solid #EBEBEB;display:flex;flex-direction:column;padding:0}.cat-tab{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:14px 16px;border:none;background:transparent;color:#555;text-align:left;width:100%;transition:background .12s;position:relative;border-bottom:1px solid #F0F0F0}.cat-tab:hover{background:#fafafa}.cat-tab--active{background:var(--color-accent-light, #FEF3DC);color:var(--color-accent-dark, #C47A10)}.cat-tab--active:before{content:"";position:absolute;right:0;left:auto;top:0;bottom:0;width:3.5px;background:var(--color-accent, #F5A623)}.cat-tab__icon-wrap{width:44px;height:44px;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:22px}.cat-tab--active .cat-tab__icon-wrap{background:var(--color-accent-light, #FEF3DC);color:var(--color-accent-dark, #C47A10)}.cat-tab__emoji{font-size:22px;line-height:1}.cat-tab__thumb{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.cat-tab__name{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#333;line-height:1.3}.cat-tab--active .cat-tab__name{color:var(--color-accent-dark, #C47A10);font-weight:700}.menu-grid-wrap{flex:1;padding:20px 20px 180px;background:var(--color-bg)}.menu-search-results{font-family:Inter,sans-serif;font-size:13px;color:#888;margin-bottom:16px;padding:0 2px}.menu-search-results strong{color:#1a1a1a;font-weight:600}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.product-card{background:#fff;border-radius:10px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000d;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s ease,box-shadow .2s ease;transform:translateZ(0);backface-visibility:hidden;contain:paint layout}.product-card--selected{border-color:#86efac;box-shadow:0 3px 10px #22c55e1f}.product-card__img-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background-color:#dde3ea;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20400'%20width='400'%20height='400'%3e%3crect%20width='400'%20height='400'%20fill='%23DDE3EA'/%3e%3cg%20transform='translate(148,%20148)'%3e%3crect%20x='0'%20y='0'%20width='104'%20height='104'%20rx='26'%20ry='26'%20fill='none'%20stroke='%239FB1C5'%20stroke-width='8.5'/%3e%3ccircle%20cx='36'%20cy='38'%20r='9'%20fill='%239FB1C5'/%3e%3cpath%20d='M%206%2084%20L%2036%2054%20L%2058%2076%20L%2076%2056%20L%2098%2084'%20fill='none'%20stroke='%239FB1C5'%20stroke-width='8.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat}.product-card__img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .2s ease-in-out,transform .3s ease;will-change:opacity;display:block}.product-card__img--loaded{opacity:1}.product-card:active .product-card__img{transform:scale(1.03)}.product-card__badge{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:50px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2px}.product-card__badge--bs{background:#fff3cc;color:#8a5a00}.product-card__badge--pop{background:#ffe4e0;color:#c0392b}.product-card__body{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.product-card__name{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__desc{font-family:Inter,sans-serif;font-size:12px;color:#aaa;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-card__meta{font-family:Inter,sans-serif;font-size:11px;color:#bbb;margin-top:2px}.product-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #F0F0F0}.product-card__price-block{display:flex;flex-direction:column;gap:1px}.product-card__price-original{font-family:Inter,sans-serif;font-size:12px;color:#bbb;text-decoration:line-through;line-height:1}.product-card__price{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.1}.product-card__add{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 16px;height:42px;border:1.5px solid #22C55E;border-radius:8px;background:#fff;color:#16a34a;font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:.3px;transition:background .12s,border-color .12s,transform .1s;white-space:nowrap;box-sizing:border-box}.product-card__add:active{background:#f0fdf4;border-color:#16a34a;transform:scale(.96)}.product-card__qty-ctrl{display:inline-flex;align-items:center;gap:0;border:1.5px solid #16A34A;border-radius:8px;overflow:hidden;background:#16a34a;height:42px;box-sizing:border-box;box-shadow:0 2px 6px #16a34a40}.product-card__qty-btn{width:44px;height:42px;background:#16a34a;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:0;transition:background .12s;flex-shrink:0}.product-card__qty-btn:active{background:#15803d}.product-card__qty-num{font-family:Outfit,sans-serif;font-size:16px;font-weight:800;color:#fff;min-width:38px;text-align:center;border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25);height:42px;display:flex;align-items:center;justify-content:center}.cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#18181b;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 -12px 40px #0006;border-top:1px solid rgba(255,255,255,.1);width:100%;min-height:136px;box-sizing:border-box}.cart-bar__left{display:flex;align-items:center;gap:24px}.cart-bar__icon-wrap{position:relative;width:72px;height:72px;border-radius:20px;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-bar__badge{position:absolute;top:-8px;right:-8px;background:#f5a623;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;font-family:Outfit,sans-serif;border:2.5px solid #18181B;box-shadow:0 3px 8px #0006}.cart-bar__info{display:flex;flex-direction:column;gap:4px}.cart-bar__label{font-family:Inter,sans-serif;font-size:18px;color:#ffffffbf;font-weight:500}.cart-bar__total{font-family:Outfit,sans-serif;font-size:36px;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1.1}.cart-bar__cta{height:72px;padding:0 48px;min-width:240px;justify-content:center;font-size:22px;font-weight:800;border-radius:18px;letter-spacing:.3px;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 24px #f5a62373;transition:transform .1s ease,box-shadow .15s ease}.cart-bar__cta:active{transform:scale(.97)}.menu-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;gap:12px}.menu-empty__icon{width:72px;height:72px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#ccc}.menu-empty__text{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#333}.menu-empty__sub{font-family:Inter,sans-serif;font-size:14px;color:#aaa}.menu-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--color-primary, #FF6B35);font-family:Inter,sans-serif;font-size:15px;color:#888}.menu-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 32px;color:#888;text-align:center;font-family:Inter,sans-serif;font-size:15px}.menu-error svg{color:#ff6b35}.menu-error .btn{margin-top:8px;display:flex;align-items:center;gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:64px 24px 24px;overflow-y:auto;box-sizing:border-box}.modal-card{width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000038;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #EBEBEB}.modal-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:#1a1a1a;letter-spacing:-.3px}.modal-price{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#1a1a1a;margin-top:4px}.modal-sub{font-family:Inter,sans-serif;font-size:13px;color:#888;margin-top:2px}.modal-close{width:34px;height:34px;border-radius:50%;background:#f5f5f5;color:#666;display:flex;align-items:center;justify-content:center;transition:background .12s}.modal-close:active{background:#ebebeb}.modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.custom-group__title{font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:#1a1a1a}.custom-group__badge{font-family:Inter,sans-serif;font-size:12px;color:#888;background:#f5f5f5;padding:3px 10px;border-radius:50px}.custom-options{display:flex;flex-direction:column;gap:8px}.custom-opt{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;border:1.5px solid #EBEBEB;background:#fff;transition:border-color .12s,background .12s;width:100%}.custom-opt--active{border-color:#2b6bff;background:#f5f8ff}.custom-opt__left{display:flex;align-items:center;gap:12px}.custom-check{width:20px;height:20px;border-radius:5px;border:2px solid #DDDDDD;display:flex;align-items:center;justify-content:center;color:#fff;background:#fff;flex-shrink:0}.custom-check--active{background:#2b6bff;border-color:#2b6bff}.custom-opt__name{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a}.custom-opt__price{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:#2b6bff}.custom-opt__free{font-family:Inter,sans-serif;font-size:13px;color:#aaa}.modal-footer{display:flex;align-items:center;gap:16px;padding:16px 24px;border-top:1px solid #EBEBEB;background:#fff}.modal-qty{display:flex;align-items:center;gap:0;border:1.5px solid #EBEBEB;border-radius:8px;overflow:hidden}.modal-qty-btn{width:38px;height:38px;background:#f5f5f5;color:#333;display:flex;align-items:center;justify-content:center;transition:background .1s}.modal-qty-btn:active{background:#ebebeb}.modal-qty-num{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;min-width:36px;text-align:center;color:#1a1a1a;border-left:1px solid #EBEBEB;border-right:1px solid #EBEBEB;height:38px;display:flex;align-items:center;justify-content:center}.modal-add-btn{flex:1;background:#22c55e;color:#fff;border:none;height:48px;border-radius:10px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:background .12s}.modal-add-btn:active{background:#16a34a}.modal-instruction-box{background:#f9fafb;border:1.5px solid #E5E7EB;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.modal-instruction-box__head{display:flex;align-items:center;justify-content:space-between}.modal-instruction-box__title-wrap{display:flex;align-items:center;gap:8px}.modal-instruction-box__icon{color:#4b5563}.modal-instruction-box__title{font-family:Inter,sans-serif;font-size:15px;font-weight:700;color:#1f2937}.modal-instruction-badge{font-family:Inter,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:50px}.modal-instruction-badge--required{background:#fee2e2;color:#dc2626;border:1px solid #FECACA}.modal-instruction-badge--optional{background:#f3f4f6;color:#6b7280}.modal-instruction-box__hint{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;margin:0;line-height:1.4}.modal-instruction-input{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid #D1D5DB;border-radius:10px;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;color:#1f2937;resize:vertical;min-height:72px;outline:none;transition:border-color .15s,box-shadow .15s}.modal-instruction-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.modal-instruction-input--required-empty{border-color:#fca5a5;background:#fffbfb}.modal-instruction-input--required-empty:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.modal-instruction-box__foot{display:flex;align-items:center;justify-content:space-between;min-height:20px}.modal-instruction-warn{display:inline-flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#dc2626}.modal-instruction-count{font-family:Inter,sans-serif;font-size:12px;color:#9ca3af;margin-left:auto}.custom-group{display:flex;flex-direction:column;margin-bottom:24px}.custom-group:last-child{margin-bottom:8px}.custom-group__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.custom-group__title{font-family:var(--font-display, "Outfit", sans-serif);font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.2}.custom-group__sub{font-family:var(--font-body, "Inter", sans-serif);font-size:13px;color:#6b7280;margin-top:3px}.custom-group__sub--error{color:#ef4444;font-weight:600}.custom-group__badge{font-family:var(--font-body, "Inter", sans-serif);font-size:12px;font-weight:600;color:#4b5563;background:#f3f4f6;padding:4px 12px;border-radius:999px}.custom-options-grid{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.custom-opt-card{width:100%;min-height:58px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.custom-opt-card:hover{border-color:#d1d5db;background:#fafafa}.custom-opt-card--active{border-color:#1a1a1a!important;background:#fff!important}.custom-opt-card__left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.custom-opt-card__img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.custom-opt-card__info{display:flex;flex-direction:column;gap:2px;min-width:0}.custom-opt-card__name{font-family:var(--font-body, "Inter", sans-serif);font-size:15px;font-weight:500;color:#1a1a1a;line-height:1.3}.custom-opt-card--active .custom-opt-card__name{font-weight:600}.custom-opt-card__price{font-family:var(--font-body, "Inter", sans-serif);font-size:13px;font-weight:500;color:#4b5563;margin-top:1px}.custom-opt-card__desc{font-family:var(--font-body, "Inter", sans-serif);font-size:12px;color:gray;line-height:1.3}.custom-opt-indicator{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.custom-opt-indicator--radio{border-radius:50%;border:2px solid #d1d5db;background:#fff}.custom-opt-indicator--radio.custom-opt-indicator--active{border-color:#1a1a1a}.custom-opt-indicator__dot{width:10px;height:10px;border-radius:50%;background:#1a1a1a}.custom-opt-indicator--checkbox{border-radius:5px;border:2px solid #d1d5db;background:#fff;color:#fff}.custom-opt-indicator--checkbox.custom-opt-indicator--active{border-color:#1a1a1a;background:#1a1a1a}.custom-opt-qty-counter{display:inline-flex;align-items:center;justify-content:space-between;width:82px;height:34px;border:1px solid #d1d5db;border-radius:7px;background:#fff;flex-shrink:0;margin-left:12px;overflow:hidden;box-sizing:border-box}.custom-opt-qty-btn{display:flex;align-items:center;justify-content:center;width:26px;height:100%;border:none;background:transparent;color:#1a1a1a;font-size:16px;font-weight:600;cursor:pointer;padding:0;transition:background .1s;-webkit-user-select:none;user-select:none}.custom-opt-qty-btn:hover:not(:disabled){background:#f3f4f6}.custom-opt-qty-btn:disabled{opacity:.25;cursor:not-allowed}.custom-opt-qty-value{font-family:var(--font-body, "Inter", sans-serif);font-size:14px;font-weight:700;color:#000;text-align:center;min-width:22px;-webkit-user-select:none;user-select:none}.repeat-modal-card{max-width:440px}.repeat-modal-body{padding:20px 24px}.repeat-preview-card{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.repeat-preview-card__header{display:flex;align-items:center;justify-content:space-between}.repeat-preview-card__tag{font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;color:#6b7280}.repeat-preview-card__price{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:#1a1a1a}.repeat-preview-card__options{font-family:Inter,sans-serif;font-size:13px;color:#374151;line-height:1.4;margin:0}.repeat-modal-footer{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #ebebeb;background:#fff}.repeat-btn{flex:1;height:48px;border-radius:10px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease}.repeat-btn--new{background:#fff;border:1.5px solid #d1d5db;color:#1f2937}.repeat-btn--new:hover{background:#f9fafb;border-color:#9ca3af}.repeat-btn--new:active{background:#f3f4f6}.repeat-btn--repeat{background:#22c55e;border:none;color:#fff}.repeat-btn--repeat:hover{background:#16a34a}.repeat-btn--repeat:active{background:#15803d}.search-screen{background:var(--color-bg);display:flex;flex-direction:column;height:100%;overflow:hidden}.search-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #EBEBEB;flex-shrink:0;z-index:10;min-height:72px}.search-input-wrap{flex:1;display:flex;align-items:center;gap:12px;background:#f8f9fa;border:1.5px solid #E5E7EB;border-radius:50px;padding:0 18px;height:48px;box-sizing:border-box;transition:border-color .15s,background-color .15s}.search-input-wrap:focus-within{border-color:#2b6bff;background:#fff;box-shadow:0 0 0 3px #2b6bff1a}.search-input-icon{color:#9ca3af;flex-shrink:0}.search-input-field{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:16px;color:#1a1a1a;-webkit-user-select:text;user-select:text}.search-input-field::placeholder{color:#9ca3af}.search-clear-btn{color:#9ca3af;width:28px;height:28px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;transition:background .12s}.search-clear-btn:active{background:#d1d5db}.search-filters-bar{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff;border-bottom:1px solid #F0F0F0;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.search-filters-bar::-webkit-scrollbar{display:none}.search-chip{padding:8px 16px;border-radius:50px;border:1px solid #E5E7EB;background:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#4b5563;white-space:nowrap;transition:all .15s ease;display:flex;align-items:center;gap:6px}.search-chip--active{background:#2b6bff;border-color:#2b6bff;color:#fff;font-weight:600}.search-chip:active{transform:scale(.96)}.search-body{flex:1;overflow-y:auto;padding:24px 24px 180px;background:var(--color-bg)}.search-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.search-results-heading{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:#1a1a1a}.search-results-count{font-family:Inter,sans-serif;font-size:13px;color:#6b7280}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.search-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;gap:12px}.search-empty__icon-wrap{width:72px;height:72px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-bottom:4px}.search-empty__title{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:#1a1a1a}.search-empty__desc{font-family:Inter,sans-serif;font-size:14px;color:#6b7280;max-width:340px}.checkout-screen{background:var(--color-bg)}.checkout-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:72px;box-sizing:border-box}.checkout-header__left{display:flex;align-items:center;gap:16px}.checkout-header__title{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.5px;white-space:nowrap}.checkout-header__order-type-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 12px;background:var(--color-accent-light, #FFF8EC);border:1.5px solid rgba(245,166,35,.35);border-radius:50px;color:var(--color-accent-dark, #D97706);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.checkout-header__order-type-badge:hover{background:#fff0d6;border-color:var(--color-accent, #F5A623);transform:translateY(-1px)}.checkout-header__order-type-badge:active{transform:scale(.98)}.checkout-header__order-type-icon{color:var(--color-accent-dark, #D97706);flex-shrink:0}.checkout-header__order-type-label{color:var(--color-text, #1A1A1A);font-weight:700}.checkout-header__order-type-action{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--color-accent-dark, #D97706);background:#f5a6232e;padding:2px 7px;border-radius:12px;margin-left:2px}.checkout-body{flex:1;display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);overflow:hidden}.checkout-items-col{flex:1;display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.checkout-summary-col{width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4)}.checkout-section-title{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.checkout-items{display:flex;flex-direction:column;gap:var(--space-3)}.checkout-item{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs)}.checkout-item__top{display:flex;align-items:flex-start;gap:var(--space-3)}.checkout-item__img{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;pointer-events:all;flex-shrink:0}.checkout-item__info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.checkout-item__header{display:flex;align-items:center;gap:var(--space-2)}.ci-dot{width:12px;height:12px;border-radius:3px;border:2px solid;flex-shrink:0}.ci-dot--veg{background:#22c55e;border-color:#15803d}.ci-dot--nv{background:#ef4444;border-color:#b91c1c}.checkout-item__name{font-size:15px;font-weight:700;color:var(--color-text);line-height:1.2}.checkout-item__custom{font-size:12px;color:var(--color-accent-dark);font-weight:600}.checkout-item__instruction{font-size:12px;color:#7c2d12;background:#ffedd5;padding:2px 8px;border-radius:4px;display:inline-block;margin-top:2px;width:fit-content}.checkout-item__unit{font-size:13px;color:var(--color-text-muted)}.checkout-item__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.checkout-qty-ctrl{display:flex;align-items:center;gap:var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.checkout-qty-btn{width:30px;height:30px;border-radius:50%;background:var(--color-surface-2);color:var(--color-text);display:flex;align-items:center;justify-content:center}.checkout-qty-btn--inc{background:var(--color-accent);color:#fff}.checkout-qty-num{font-family:var(--font-display);font-size:15px;font-weight:700;min-width:22px;text-align:center;color:var(--color-text)}.checkout-item__price-actions{display:flex;align-items:center;gap:var(--space-3)}.checkout-item__total{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text)}.checkout-item__remove{color:var(--color-danger);padding:var(--space-2);border-radius:var(--radius-sm);display:flex}.checkout-item__remove:active{background:var(--color-danger-light)}.checkout-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.checkout-bill{flex:1}.promo-input-row{display:flex;gap:var(--space-2)}.promo-input{flex:1;background:var(--color-surface-2);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--color-text);letter-spacing:1px;-webkit-user-select:text;user-select:text;outline:none}.promo-input:focus{border-color:var(--color-accent)}.promo-input--error{border-color:var(--color-danger)}.promo-btn{flex-shrink:0}.promo-error{font-size:13px;color:var(--color-danger)}.promo-ok{font-size:13px;color:var(--color-success);font-weight:600}.promo-applied{display:flex;align-items:center;justify-content:space-between;background:var(--color-success-light);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:14px;color:var(--color-success);font-weight:600;gap:var(--space-2)}.promo-applied__left{display:flex;align-items:center;gap:var(--space-2)}.promo-remove{color:var(--color-text-muted);font-size:13px;text-decoration:underline;flex-shrink:0}.promo-ok{display:flex;align-items:center;gap:var(--space-1);font-size:13px;color:var(--color-success);font-weight:600}.bill-rows{display:flex;flex-direction:column;gap:var(--space-3)}.bill-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--color-text-secondary)}.bill-row--order-type{font-size:14px}.bill-row__label-with-icon{display:flex;align-items:center;gap:7px;color:var(--color-text-secondary);font-weight:500}.bill-row__order-type-icon{color:var(--color-accent-dark, #D97706)}.bill-row__order-type-val{font-weight:700;color:var(--color-text, #1A1A1A)}.bill-row--discount{color:var(--color-success);font-weight:600}.bill-row--total{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--color-text)}.bill-divider{margin:var(--space-1) 0}.checkout-proceed{width:100%;box-sizing:border-box;margin-top:var(--space-2);font-size:16px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px}.checkout-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-10)}.checkout-empty__icon{color:var(--color-text-muted);margin-bottom:var(--space-4)}.checkout-empty h2{font-size:28px;color:var(--color-text)}.checkout-empty p{font-size:16px;color:var(--color-text-muted);margin-bottom:var(--space-4)}.payment-screen{background:var(--color-bg)}.payment-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.payment-title{font-size:26px;font-weight:800;color:var(--color-text);flex:1}.payment-total-pill{background:var(--color-accent-light);color:var(--color-accent-dark);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:16px;font-family:var(--font-display)}.payment-total-pill strong{font-size:20px;font-weight:800}.payment-body{flex:1;display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-6);align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.payment-tabs{display:flex;gap:var(--space-2);background:var(--color-surface-2);border-radius:var(--radius-full);padding:4px;border:1px solid var(--color-border);width:100%;max-width:440px;box-sizing:border-box}.payment-tabs--single{max-width:360px;background:var(--color-surface);border:1.5px solid var(--color-accent-light);box-shadow:0 4px 16px #0000000a}.payment-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--color-text-muted);transition:var(--transition-base);white-space:nowrap;box-sizing:border-box}.payment-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.payment-tab--cash-only{color:var(--color-accent-dark);background:var(--color-accent-light);font-weight:700}.payment-panel{width:100%;max-width:520px;display:flex;flex-direction:column;gap:var(--space-5);box-sizing:border-box}.payment-amount-box{background:var(--color-accent-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;width:100%}.payment-amount-label{font-size:15px;color:var(--color-accent-dark);font-weight:600}.payment-amount-value{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--color-accent-dark)}.payment-confirm-btn{width:100%;box-sizing:border-box;gap:var(--space-3);height:58px;font-size:18px;font-weight:700;border-radius:var(--radius-lg);box-shadow:0 8px 24px #ea580c40;transition:all .2s ease}.payment-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #ea580c59}.payment-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.payment-cash-card{padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.payment-cash-icon{color:var(--color-accent);animation:float 3s ease-in-out infinite;background:var(--color-accent-light);width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center}.payment-cash-title{font-size:32px;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.payment-cash-desc{font-size:15px;color:var(--color-text-secondary);line-height:1.6;max-width:400px}.payment-cash-amount{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--color-accent-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);width:100%;box-sizing:border-box;border:1.5px dashed var(--color-accent)}.payment-cash-amount span{font-size:14px;color:var(--color-accent-dark);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-cash-amount strong{font-family:var(--font-display);font-size:38px;font-weight:900;color:var(--color-accent-dark)}.payment-cash-steps{display:flex;flex-direction:column;gap:var(--space-3);width:100%;text-align:left;background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-4);box-sizing:border-box}.payment-cash-step{display:flex;align-items:center;gap:var(--space-3);font-size:14px;font-weight:500;color:var(--color-text-secondary)}.payment-cash-step__num{width:26px;height:26px;border-radius:50%;background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:13px;flex-shrink:0}.payment-error-alert{display:flex;flex-direction:column;gap:var(--space-3);background:#fff5f5;border:1.5px solid #feb2b2;color:#9b1c1c;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:14px;line-height:1.5;box-shadow:0 4px 12px #dc262614}.payment-error-alert__header{display:flex;align-items:center;gap:var(--space-2)}.payment-error-icon{flex-shrink:0;color:#e02424}.payment-error-alert__title{font-size:16px;font-weight:700;color:#9b1c1c}.payment-error-alert__content{padding-left:28px}.payment-error-single{margin:0;font-size:14px;font-weight:500;color:#771d1d}.payment-error-list{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.payment-error-item{font-size:14px;font-weight:500;color:#771d1d}.payment-error-alert__actions{padding-left:28px;margin-top:var(--space-1)}.payment-error-btn{display:inline-flex;align-items:center;gap:var(--space-2);border-color:#f87171;color:#b91c1c;background:#fff;padding:var(--space-2) var(--space-4);font-size:13px;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease}.payment-error-btn:hover{background:#fee2e2;border-color:#ef4444;color:#991b1b}.success-screen{background:var(--color-bg);position:relative;overflow:hidden}.confetti-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.confetti-piece{position:absolute;top:0}.success-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-8);gap:var(--space-8);text-align:center}.success-check{color:var(--color-success);filter:drop-shadow(0 8px 24px rgba(22,163,74,.3))}.success-text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.success-title{font-size:52px;font-weight:900;color:var(--color-text);line-height:1.1;text-align:center}.success-subtitle{font-size:18px;color:var(--color-text-secondary);max-width:520px;line-height:1.5;text-align:center;margin:0 auto}.success-order-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-12);box-shadow:var(--shadow-xl);border:2px solid var(--color-accent-light);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:340px}.success-order-label{font-size:14px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.success-order-number{font-family:var(--font-display);font-size:80px;font-weight:900;color:var(--color-accent);line-height:1;letter-spacing:-2px;filter:drop-shadow(0 4px 12px rgba(245,166,35,.3))}.success-otp-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);padding:6px 14px;border-radius:var(--radius-full);font-size:14px;color:var(--color-text-secondary)}.success-otp-badge strong{color:var(--color-text);font-family:var(--font-display);font-size:16px;letter-spacing:1px}.success-amount-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-accent-light);color:var(--color-accent-dark);padding:6px 16px;border-radius:var(--radius-full);font-size:15px;font-weight:600}.success-amount-pill strong{font-size:18px;font-weight:800}.success-order-meta{display:flex;align-items:center;gap:var(--space-4)}.success-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:15px;color:var(--color-text-secondary);font-weight:600}.success-meta-divider{width:1px;height:20px;background:var(--color-border)}.success-actions{display:flex;gap:var(--space-4);align-items:center}.success-print-btn,.success-new-btn{gap:var(--space-2)}.success-auto-reset{font-size:14px;color:var(--color-text-muted)}.success-auto-reset strong{color:var(--color-accent-dark);font-weight:700}:root{--color-bg: #F4F5F7;--color-surface: #FFFFFF;--color-surface-2: #EBECEF;--color-surface-3: #E2E4E8;--color-border: #E5E7EB;--color-border-light: #F0F1F3;--color-accent: #F5A623;--color-accent-hover: #E8920A;--color-accent-light: #FEF3DC;--color-accent-dark: #C47A10;--color-accent-contrast: #FFFFFF;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-text: #1A1A1A;--color-text-secondary:#4B5563;--color-text-muted: #9CA3AF;--color-text-inverse: #FFFFFF;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-2xl: 48px;--radius-full: 9999px;--shadow-xs: 0 1px 4px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 0 0 1px var(--color-border);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--shadow-glow: 0 0 0 4px rgba(245,166,35,.2);--shadow-glow-lg: 0 0 32px rgba(245,166,35,.25);--transition-fast: all .1s ease;--transition-base: all .2s ease;--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-sticky: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{touch-action:pan-x pan-y;overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,opacity .1s ease;-webkit-user-select:none;user-select:none}button:active{transform:scale(.96)}a{text-decoration:none;color:inherit;touch-action:manipulation}img{display:block;max-width:100%;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}input,textarea{box-sizing:border-box;font-family:var(--font-body);-webkit-user-select:text;user-select:text}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.kiosk-screen{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-bg);overflow:hidden;will-change:transform;transform:translateZ(0)}.card{box-sizing:border-box;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;border-radius:var(--radius-md);cursor:pointer;touch-action:manipulation;transition:transform .1s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap;max-width:100%}.btn:active{transform:scale(.96)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:0 4px 16px #f5a62359}.btn-primary:active{background:var(--color-accent-hover);box-shadow:0 2px 8px #f5a62340}.btn-secondary{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);border:1.5px solid var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-sm{padding:0 var(--space-4);font-size:14px;height:38px;border-radius:var(--radius-sm)}.btn-md{padding:0 var(--space-6);font-size:15px;height:46px;border-radius:var(--radius-md)}.btn-lg{padding:0 var(--space-6);font-size:16px;height:52px;border-radius:var(--radius-md)}.btn-xl{padding:0 var(--space-8);font-size:18px;height:58px;border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;font-family:var(--font-display)}.badge-veg{background:var(--color-success-light);color:var(--color-success)}.badge-nonveg{background:var(--color-danger-light);color:var(--color-danger)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent-dark)}.divider{height:1px;background:var(--color-border);width:100%}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out both}.animate-scaleIn{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) both}.shimmer{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border-light) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}