html{scrollbar-width:none}html::-webkit-scrollbar,dialog::-webkit-scrollbar{display:none}body{overscroll-behavior-y:none}button{overflow:hidden}.page{animation:screenArrive .5s cubic-bezier(.16,1,.3,1)}#header{padding-top:20px;height:90px}#bottom-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 -8px 22px #eee8da60}#bottom-nav button{position:relative;isolation:isolate}#bottom-nav button:before{content:'';position:absolute;width:46px;height:30px;border-radius:20px;top:0;z-index:-1;background:#f9e8df;transform:scale(.65);opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.2,1.5,.4,1)}#bottom-nav button.active:before{opacity:1;transform:scale(1)}#bottom-nav button.active svg{animation:navBounce .45s cubic-bezier(.16,1,.3,1)}#bottom-nav button span{margin-top:3px}#bag-float:not(:empty){bottom:calc(91px + env(safe-area-inset-bottom));animation:bagArrive .45s cubic-bezier(.2,1.2,.2,1)}.hero{box-shadow:0 12px 30px #c33a1715}.hero-copy h2{animation:typeArrive .75s cubic-bezier(.16,1,.3,1)}.hero-price{animation:stickerPop .9s cubic-bezier(.16,1,.3,1)}.hero-sticker{animation:stickerFloat 5s ease-in-out infinite}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff3 46%,transparent 65%);transform:translateX(-130%);animation:foodShine 6s 1.5s ease-in-out infinite;pointer-events:none}.hero-visual img{animation:foodEnter 1s cubic-bezier(.16,1,.3,1)}.btn{transition:background .25s,transform .28s cubic-bezier(.2,1.5,.4,1),box-shadow .25s}.btn.red{box-shadow:0 5px 0 #aa251a13}.btn:active:not(:disabled){transform:translateY(2px) scale(.96)}.heart-btn.saved svg{animation:heartBeat .5s cubic-bezier(.16,1,.3,1)}.mobile-reward-strip{box-shadow:0 9px 25px #cfaa4610;border:1px solid #e5b836;isolation:isolate}.mobile-reward-strip:after{content:'';position:absolute;right:-28px;top:-26px;width:135px;height:135px;border:1px solid #a075162a;border-radius:50%;box-shadow:0 0 0 15px #a0751608,0 0 0 30px #a0751605;z-index:-1}.mobile-reward-strip .club-progress{height:6px}.point-number{font:inherit;font-weight:inherit}.quick-cravings{display:flex;justify-content:space-between;gap:6px;margin-top:23px}.quick-cravings button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;font-weight:700;min-width:65px;padding:4px}.quick-cravings button>span{width:58px;height:58px;border:1px solid #e5dfd2;border-radius:20px;background:#fffdf7;display:grid;place-items:center;transition:background .3s,transform .4s}.quick-cravings svg{width:26px;height:26px}.quick-cravings button:nth-child(2)>span{background:#fff1d4;color:#a96919}.quick-cravings button:nth-child(3)>span{background:#fbe4d9;color:#ad2d21}.quick-cravings button:last-child>span{background:#25241f;color:#ffce48}.quick-cravings button:active>span{transform:rotate(-9deg) scale(.91)}.offer-spotlight{margin-top:23px;padding:24px;border-radius:24px;background:#25241f;color:#fff7e8;position:relative;isolation:isolate;overflow:hidden}.offer-spotlight .eyebrow{font-size:8px;letter-spacing:1.7px;color:#dfccb2}.offer-spotlight h3{font-family:var(--display);font-size:39px;font-weight:800;line-height:.93;margin:12px 0}.offer-spotlight h3 em{display:block;font-style:normal;color:#ffce48}.offer-spotlight p{font-size:10px;color:#d4c8b5;max-width:183px;line-height:1.7;margin-bottom:18px}.offer-spotlight .btn{min-height:43px;font-size:10px;padding-inline:18px}.offer-art{position:absolute;right:-13px;top:24px;width:124px;height:124px;z-index:-1;animation:orbitTilt 7s ease-in-out infinite}.offer-art svg{height:124px;width:124px;stroke:#ffce48;stroke-width:1.3;fill:none}.offer-art:after{content:'2×';position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:45px;font-weight:800;color:#ffce48;transform:rotate(-10deg)}.offer-spotlight:after{content:'';position:absolute;right:-55px;bottom:-50px;width:220px;height:220px;border:1px solid #fff2;border-radius:50%;z-index:-2;box-shadow:0 0 0 18px #ffffff04,0 0 0 36px #ffffff03}.rewards-hero{background:linear-gradient(135deg,#ffdc74 0%,#ffce48 65%);isolation:isolate;box-shadow:0 14px 30px #a9821a10}.rewards-hero:before{content:'';position:absolute;right:-96px;top:-82px;width:300px;height:300px;border:1px solid #9f750d2b;border-radius:50%;box-shadow:0 0 0 18px #9f750d0b,0 0 0 36px #9f750d08;z-index:-1}.rewards-hero .reward-sun{position:absolute;right:20px;top:26px;width:58px;height:58px;color:#a37a21;opacity:.6;transform:rotate(14deg)}.reward-sun svg{width:100%;height:100%;stroke-width:1.3}.rewards-hero h2{position:relative}.reward-tile{transition:transform .25s,box-shadow .25s}.reward-tile:hover{box-shadow:0 10px 30px #25241f0a}.reward-check{box-shadow:0 3px 10px #0001}.reward-body .btn.red{box-shadow:none}.club-progress span{background:linear-gradient(90deg,#25241f,#605430)}.member-banner{border:1px solid #e2dacb}.member-banner>svg{animation:scanPulse 3.5s ease-in-out infinite}.member-pass{margin:24px 0 18px;background:#25241f;color:#ffdc78;border-radius:22px;padding:24px;text-align:left;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 16px 28px #211b1220;aspect-ratio:1.64}.member-pass:after{content:'';position:absolute;inset:-70%;background:linear-gradient(120deg,transparent 43%,#ffe3a516 49%,transparent 55%);animation:passShine 6s ease-in-out infinite;pointer-events:none}.member-pass .pass-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.7px}.member-pass h3{font-family:var(--display);font-size:49px;margin:18px 0 20px;letter-spacing:-.5px}.member-pass .pass-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.member-pass .pass-lines{position:absolute;right:-60px;top:-44px;width:220px;height:220px;border:1px solid #ffdc7833;border-radius:50%;box-shadow:0 0 0 15px #ffdc7810,0 0 0 30px #ffdc7808;z-index:-1}.barcode{border:1px solid #ded7c7;background:#fffef9;border-radius:16px;margin-top:18px}.scan-card .fine-print{margin-top:14px}.reveal-item{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease) var(--delay,0ms),transform .65s var(--ease) var(--delay,0ms)}.reveal-item.revealed{opacity:1;transform:none}.tap-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.14;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:tapRipple .6s ease-out forwards;z-index:6}.bite-flight{position:fixed;width:80px;height:80px;padding:4px;border-radius:24px;background:#ffce48;box-shadow:0 12px 35px #25241f45;z-index:200;pointer-events:none;overflow:hidden}.bite-flight img{width:100%;height:100%;object-fit:cover;border-radius:20px}dialog[open]{animation:sheetSpring .45s cubic-bezier(.16,1,.3,1)}.sheet-image{border-radius:27px 27px 0 0}.sheet-action{box-shadow:0 -10px 25px #fffdf7f0}.option-row:has(input:checked){color:#4c482f}.option-row input{transition:transform .2s}.option-row input:active{transform:scale(.82)}.quantity b{font-variant-numeric:tabular-nums}.track-step.done:before{animation:progressIn .7s var(--ease);transform-origin:left}.confirmation .success-icon{box-shadow:0 0 0 10px #ffce4820,0 0 0 22px #ffce4809}.confirmation .receipt-number{letter-spacing:2px}.menu-controls{box-shadow:0 8px 18px #f8f5ede6}body.has-bag{padding-bottom:calc(155px + env(safe-area-inset-bottom))}
@keyframes screenArrive{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes typeArrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes stickerPop{0%{opacity:0;transform:scale(.35) rotate(-35deg)}70%{transform:scale(1.1) rotate(15deg)}100%{opacity:1;transform:scale(1) rotate(9deg)}}@keyframes stickerFloat{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}@keyframes foodShine{0%,50%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}@keyframes heartBeat{0%{transform:scale(.8)}50%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes orbitTilt{0%,100%{transform:rotate(0) translateY(0)}50%{transform:rotate(13deg) translateY(-5px)}}@keyframes scanPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.05)}}@keyframes passShine{0%,30%{transform:translateX(-25%)}80%,100%{transform:translateX(25%)}}@keyframes tapRipple{to{transform:translate(-50%,-50%) scale(20);opacity:0}}@keyframes sheetSpring{from{transform:translateY(90px);opacity:0}to{transform:none;opacity:1}}@keyframes navBounce{0%{transform:translateY(2px) scale(.85)}50%{transform:translateY(-3px) scale(1.08)}100%{transform:none}}@keyframes bagArrive{from{opacity:0;transform:translateY(25px) scale(.94)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal-item{opacity:1;transform:none}.bite-flight,.tap-ripple{display:none}}

.greeting .demo-intro{display:grid;gap:4px;font-size:10px;line-height:1.55;margin-bottom:12px}.demo-intro strong{color:#ca3026;font-weight:700}.demo-intro span{color:#776e60;font-size:10px}.demo-note{display:grid;gap:6px;line-height:1.6}.demo-note strong{font-size:11px;color:#494338}.demo-note>span{font-size:10px}.demo-note small{font-size:9px;margin-top:4px}