@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,600;0,9..144,700;1,9..144,400&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:DM Sans,sans-serif}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}:root{--bg: #14181f;--bg-subtle: #1c2028;--surface: #242933;--surface-2: #2d3340;--border: rgba(255,255,255,.07);--border-med: rgba(255,255,255,.12);--text: #eaedf2;--text-2: #a8b0be;--text-3: #6b7689;--amber: #f0a500;--amber-soft: #f0a50020;--amber-glow: 0 0 24px rgba(240,165,0,.25);--teal: #2ec4a0;--teal-soft: #2ec4a015;--coral: #f06060;--coral-soft: #f0606015;--violet: #9b7ff5;--violet-soft:#9b7ff515;--shadow-sm: 0 1px 4px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.45);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-full: 9999px}[data-theme=light]{--bg: #f5f3ee;--bg-subtle: #ede9e0;--surface: #ffffff;--surface-2: #f0ece3;--border: rgba(0,0,0,.07);--border-med: rgba(0,0,0,.12);--text: #1a1d24;--text-2: #4a5162;--text-3: #8891a4;--amber: #c47f00;--amber-soft: #c47f0015;--teal: #1a9e82;--teal-soft: #1a9e8212;--coral: #d44040;--coral-soft: #d4404012;--violet: #6b4fd9;--violet-soft:#6b4fd912;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.14)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes ripple{0%{transform:scale(1);opacity:.7}to{transform:scale(2.4);opacity:0}}@keyframes scanBar{0%,to{top:8px;opacity:.7}50%{top:calc(100% - 12px);opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.page-enter{animation:slideUp .3s ease}.fade-in{animation:fadeIn .25s ease}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:4px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.customer-flow{min-height:100dvh;padding:clamp(16px,5vw,24px) max(16px,env(safe-area-inset-left)) clamp(24px,8vw,48px) max(16px,env(safe-area-inset-right));padding-top:max(clamp(20px,6vw,40px),env(safe-area-inset-top));padding-bottom:max(clamp(24px,8vw,60px),env(safe-area-inset-bottom));width:100%;max-width:100%;box-sizing:border-box}.customer-flow .step-container{width:100%;max-width:420px;margin-left:auto;margin-right:auto;animation:slideUp .3s ease}.customer-flow .step-container--wide{max-width:460px}.customer-menu-page{width:100%;max-width:100%}.customer-menu-page .menu-and-cart{display:flex;flex-direction:column;gap:20px}@media (min-width: 640px){.customer-menu-page .menu-and-cart{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}}.wallet-page-grid{width:100%}@media (max-width: 639px){.wallet-page-grid{grid-template-columns:1fr!important}}.customer-menu-page .menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 480px){.customer-menu-page .menu-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.customer-menu-page .cart-panel{position:relative;width:100%}@media (min-width: 640px){.customer-menu-page .cart-panel{position:sticky;top:24px}}.customer-flow .step-container button,.customer-flow .tap-target{min-height:44px}.customer-flow .back-link{min-height:44px;min-width:44px;padding:12px 16px;margin:-4px 0 0;display:inline-flex;align-items:center;justify-content:center}.customer-nav{position:sticky;top:0;z-index:100;background:var(--bg-subtle);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;overflow:visible;padding-top:env(safe-area-inset-top,0)}.customer-nav__inner{width:100%;max-width:1100px;margin:0 auto;display:flex;align-items:center;flex-wrap:nowrap;padding:0 max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:56px;min-width:0}@media (min-width: 480px){.customer-nav__inner{padding:0 20px;height:60px}}@media (min-width: 768px){.customer-nav__inner{padding:0 24px}}.customer-nav__brand{display:flex;align-items:center;gap:6px;margin-right:8px;flex-shrink:0}@media (min-width: 360px){.customer-nav__brand{gap:8px;margin-right:12px}}@media (min-width: 480px){.customer-nav__brand{margin-right:24px;gap:10px}}.customer-nav__brand-text{font-family:Fraunces,serif;font-size:14px;font-weight:700;color:var(--text)}@media (min-width: 360px){.customer-nav__brand-text{font-size:15px}}@media (min-width: 480px){.customer-nav__brand-text{font-size:16px}}.customer-nav__tabs{display:flex;gap:4px;flex:1;min-width:0;justify-content:center;margin:0 8px}.customer-nav__tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;min-width:40px;min-height:36px;border-radius:var(--r-md);border:none;font-size:12px;font-weight:500;color:var(--text-2);background:transparent;transition:all .15s;cursor:pointer;font-family:inherit}.customer-nav__tab:hover{color:var(--text);background:var(--surface)}.customer-nav__tab--active{color:var(--amber);background:var(--amber-soft)}.customer-nav__tab-label{display:none}@media (min-width: 420px){.customer-nav__tab{padding:6px 12px;font-size:13px}.customer-nav__tab-label{display:inline}}@media (min-width: 560px){.customer-nav__tabs{gap:6px;justify-content:flex-start}.customer-nav__tab{padding:7px 14px}}.customer-nav__menu-wrap{position:relative;margin-left:auto;flex-shrink:0}.customer-nav__menu-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;min-height:40px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:500;color:var(--text);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.customer-nav__menu-btn:hover{background:var(--surface-2);color:var(--amber)}.customer-nav__menu-btn[aria-expanded=true]{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.customer-nav__menu-icon{font-size:18px;line-height:1}.customer-nav__menu-label{display:none}@media (min-width: 400px){.customer-nav__menu-label{display:inline}}.customer-nav__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;padding:8px 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:200;display:flex;flex-direction:column;gap:2px}.customer-nav__dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--text);text-align:left;cursor:pointer;font-family:inherit;transition:background .12s}.customer-nav__dropdown-item:hover{background:var(--bg-subtle)}.customer-nav__dropdown-item--active{color:var(--amber);background:var(--amber-soft)}.customer-nav__dropdown-item--active:hover{background:var(--amber-soft)}.customer-nav__dropdown-item--user{cursor:default;font-weight:600;color:var(--text-2)}.customer-nav__dropdown-item--user:hover{background:transparent}.customer-nav__dropdown-item--logout{color:var(--text-3);font-weight:400}.customer-nav__dropdown-item--signin{color:var(--amber);font-weight:600}.customer-nav__dropdown-divider{height:1px;background:var(--border);margin:4px 12px}.customer-nav__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--teal));display:grid;place-items:center;font-size:12px;font-weight:700;color:#111;flex-shrink:0}.customer-app-main{width:100%;max-width:100%;margin:0 auto;padding:clamp(16px,4vw,28px) max(12px,env(safe-area-inset-left)) 60px max(12px,env(safe-area-inset-right));box-sizing:border-box}@media (min-width: 480px){.customer-app-main{padding:24px 20px 60px}}@media (min-width: 768px){.customer-app-main{max-width:1100px;padding:28px 24px 60px}}