:root{--like:#22c55e;--nope:#f43f5e;--ink:#1a1a1a;--bg:#faf7f2}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Noto Sans Thai,sans-serif;background:var(--bg);color:var(--ink);overflow:hidden;overscroll-behavior:none}.screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;max-width:520px;margin:0 auto;text-align:center}.landing{gap:0}.landing .eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--like);font-weight:800}.landing h1{font-size:2.05rem;line-height:1.12;margin:.28em 0;letter-spacing:-.01em}.landing .lead{opacity:.78;max-width:33ch;margin:0 auto;font-size:1.02rem}.hero-stack{position:relative;height:212px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.hero-card{position:absolute;width:152px;height:190px;border-radius:20px;overflow:hidden;border:4px solid #fff;box-shadow:0 12px 28px #00000038;background:linear-gradient(135deg,#efe9df,#e3dccd);display:grid;place-items:center}.hero-card img{width:100%;height:100%;object-fit:cover;display:block}.hc-emoji{font-size:3rem}.hc-0{transform:rotate(-9deg) translate(-48px,8px);z-index:1}.hc-1{transform:rotate(-1deg) translateY(-6px);z-index:3}.hc-2{transform:rotate(9deg) translate(48px,8px);z-index:2}.hook{display:inline-flex;align-items:center;gap:6px;background:#e9f5ee;color:#15803d;font-weight:700;font-size:.98rem;padding:9px 16px;border-radius:999px;margin:16px 0 2px}.reassure{font-size:.8rem;opacity:.55;margin:14px 0 0}.cta{margin-top:16px;padding:15px 32px;font-size:1.12rem;font-weight:700;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;box-shadow:0 8px 20px #00000029;transition:transform .12s ease}.cta:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.cta{transition:none}}.lang{position:absolute;top:14px;right:14px;background:#fff;border:1px solid #ddd;border-radius:999px;padding:6px 12px;cursor:pointer;z-index:5}.swiping{justify-content:flex-start;padding:0;max-width:480px;height:100dvh;position:relative}.topbar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:14px;right:14px;display:flex;align-items:center;gap:12px;z-index:4;margin:0}.progress{flex:1;height:10px;background:#ffffffd9;border-radius:999px;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000047}.progress-bar{height:100%;background:var(--like);transition:width .3s ease}.progress-label{position:absolute;inset:0;font-size:9px;display:grid;place-items:center;font-weight:700}.lang{position:static}.tcard-wrap{flex:1;width:100%;display:flex;flex-direction:column;min-height:0;position:relative}.tcard{position:relative;flex:1;min-height:0;border-radius:0;overflow:hidden;background:linear-gradient(135deg,#efe9df,#e3dccd);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform}.tcard-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}img.tcard-photo{transform:scale(1.12) translateY(-4.5%)}.tcard-noimg{display:grid;place-items:center;font-size:7rem}.tcard[data-cat=Drinks]{background:linear-gradient(135deg,#e9dfd2,#d8c3a5)}.tcard[data-cat=Cakes]{background:linear-gradient(135deg,#f3e4e7,#e7c9cf)}.tcard[data-cat="Tarts & Quiches"]{background:linear-gradient(135deg,#f2e9d8,#e6cfa3)}.tcard[data-cat=Viennoiseries]{background:linear-gradient(135deg,#f6ecd6,#efd9a8)}.tcard[data-cat="Brunch & Eggs"]{background:linear-gradient(135deg,#fdf3d8,#f6e0a8)}.tcard[data-cat="Bowls & Wellness"]{background:linear-gradient(135deg,#e6f0e0,#c7e0be)}.tcard[data-cat=Salads]{background:linear-gradient(135deg,#e7f1df,#c9e3b8)}.tcard[data-cat=Soups]{background:linear-gradient(135deg,#f6e7d6,#eccba0)}.tcard[data-cat="Poke Bowls"]{background:linear-gradient(135deg,#e2edf0,#bcd6dd)}.tcard[data-cat="Cookies & Brownies"]{background:linear-gradient(135deg,#eee1d4,#d8bd9c)}.tcard[data-cat=Miniatures]{background:linear-gradient(135deg,#f2e6ef,#ddc4d6)}.tcard-scrim{position:absolute;inset:0;background:linear-gradient(to top,#000c,#00000061 24%,#0000 44%);pointer-events:none}.tcard-cat{position:absolute;top:calc(env(safe-area-inset-top,0px) + 34px);left:14px;background:#0000006b;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:6px 12px;border-radius:999px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tstamp{position:absolute;top:50%;left:50%;padding:10px 24px;border:5px solid;border-radius:16px;font-weight:900;font-size:2.6rem;text-transform:uppercase;z-index:3;pointer-events:none;background:#00000052;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:stamp-in .13s ease-out}.tstamp-like{color:var(--like);border-color:var(--like);transform:translate(-50%,-50%) rotate(14deg)}.tstamp-nope{color:var(--nope);border-color:var(--nope);transform:translate(-50%,-50%) rotate(-14deg)}@keyframes stamp-in{0%{opacity:0}}.tcard-info{position:absolute;left:0;right:0;bottom:0;padding:12px 18px calc(env(safe-area-inset-bottom,0px) + 94px);color:#fff;text-align:left}.tcard-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tcard-title h2{margin:0;font-size:1.5rem;font-weight:800;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.45)}.tsize{background:#ffffff3d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.ttags{display:flex;gap:6px;margin:7px 0 0}.ttag{background:#ffffff3d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:7px}.tdesc{margin:6px 0 0;font-size:.88rem;opacity:.94;text-shadow:0 1px 6px rgba(0,0,0,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tprice{font-size:1.35rem;font-weight:900;margin-top:6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.tactions{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);display:flex;justify-content:center;gap:30px;padding:0;z-index:4}.tbtn{width:66px;height:66px;border-radius:50%;border:0;background:#fff;font-size:1.8rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px #0000002e;display:grid;place-items:center}.tbtn:active{transform:scale(.92)}.tbtn-nope{color:var(--nope)}.tbtn-like{color:var(--like)}.tbtn:disabled{opacity:.55}.done h1{font-size:1.6rem}.muted{opacity:.6}.reward h1{font-size:1.7rem;line-height:1.25}.reward p{opacity:.8}.reward-form{width:100%;display:flex;flex-direction:column;gap:14px;margin-top:18px}.reward-form input[type=email]{width:100%;padding:14px 16px;font-size:1rem;border:1px solid #ddd;border-radius:12px;background:#fff;color:var(--ink)}.reward-form input[type=email]:focus{outline:2px solid var(--like);outline-offset:1px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:.9rem;opacity:.85;text-align:left;cursor:pointer}.consent input[type=checkbox]{margin-top:3px;flex:none}.reward-form .cta{width:100%;margin-top:2px}.err{color:var(--nope);font-size:.9rem;margin:0}@media(prefers-reduced-motion:reduce){.tcard,.progress-bar{transition:none!important}}