:root{--cream:#fff4ec;--cream-2:#fff9f4;--surface:#fff;--ink:#3a2b4a;--ink-soft:#7c6a8e;--line:#f3e3d8;--candy-1:#ff6fb5;--candy-2:#ff9f45;--candy-3:#ffd23f;--candy-4:#42d6a4;--candy-5:#4dccf0;--candy-6:#b06bf5;--candy-7:#ff6b6b;--candy-8:#9ae65c;--danger:#e24a6e;--radius:22px;--radius-sm:14px;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Nunito,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:#0000;background-image:radial-gradient(70% 50% at 50% 0,#f3ece4,#0000 70%),linear-gradient(160deg,#ebe3db,#e6e1ea);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100dvh}#root{justify-content:center;min-height:100dvh;display:flex}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Fredoka,Nunito,sans-serif;font-weight:600}button{font-family:inherit}::selection{background:var(--candy-1);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{background:radial-gradient(95% 55% at 50% 0%, var(--cream-2), transparent 70%), var(--cream);width:100%;max-width:460px;min-height:100dvh;margin:0 auto;padding:0 18px;position:relative}@media (width>=500px){.app{max-width:430px;box-shadow:0 0 0 1px #3a2b4a0f,0 30px 80px #3a2b4a38}}[data-candy="1"]{--candy:var(--candy-1)}[data-candy="2"]{--candy:var(--candy-2)}[data-candy="3"]{--candy:var(--candy-3)}[data-candy="4"]{--candy:var(--candy-4)}[data-candy="5"]{--candy:var(--candy-5)}[data-candy="6"]{--candy:var(--candy-6)}[data-candy="7"]{--candy:var(--candy-7)}[data-candy="8"]{--candy:var(--candy-8)}.screen{animation:.5s cubic-bezier(.22,1,.36,1) both screen-in}.screen-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100dvh;padding:32px 4px;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.logo-pop{background:linear-gradient(145deg, var(--candy-1), var(--candy-6));border-radius:24px;place-items:center;width:68px;height:68px;margin-bottom:14px;animation:3.4s ease-in-out infinite bob;display:grid;box-shadow:0 14px 28px #b06bf566}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.hero-title{color:var(--ink);font-size:2.1rem;line-height:1.05}.hero-title.small{font-size:1.7rem}.hero-title em{background:linear-gradient(120deg, var(--candy-1), var(--candy-6));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--ink-soft);min-height:1.4em;margin:6px 0 20px;font-size:1rem}.fine-print{color:var(--ink-soft);opacity:.85;max-width:30ch;margin:18px auto 0;font-size:.8rem}.caret{vertical-align:text-bottom;background:var(--candy-1);width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}.caret-rest{animation-duration:1.2s}@keyframes blink{50%{opacity:0}}.card{background:var(--surface);border-radius:var(--radius);border:1.5px solid #fff;width:100%;padding:22px;box-shadow:0 2px #ff6fb51f,0 18px 40px #3a2b4a1f}.auth-card{max-width:380px}.stack{flex-direction:column;gap:16px;display:flex}.field{text-align:left;flex-direction:column;gap:7px;display:flex}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.78rem;font-weight:800}.text-input{font:inherit;color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-sm);background:#fffafc;padding:14px 16px;font-size:1.05rem;transition:border-color .15s,box-shadow .15s,transform .15s}.text-input::placeholder{color:#c9b6cf}.text-input:focus{border-color:var(--candy-1);outline:none;box-shadow:0 0 0 4px #ff6fb52e}.candy-btn{--btn-a:#53d0f5;--btn-b:#4a86ff;--btn-edge:#2f6fc9;--btn-glow:74, 134, 255;color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg, var(--btn-a), var(--btn-b));box-shadow:0 6px 0 var(--btn-edge), 0 12px 22px rgba(var(--btn-glow), .38);border:none;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:1.05rem;font-weight:800;transition:transform .1s,box-shadow .1s,filter .15s;display:inline-flex;position:relative}.candy-btn:hover:not(:disabled){filter:brightness(1.05)}.candy-btn:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge), 0 4px 10px rgba(var(--btn-glow), .34);transform:translateY(5px)}.candy-btn:focus-visible{outline:3px solid var(--candy-6);outline-offset:3px}.candy-btn:disabled{opacity:.55;cursor:default;box-shadow:0 6px #d9cdbc}.btn-sky{--btn-a:#53d0f5;--btn-b:#4a86ff;--btn-edge:#2f6fc9;--btn-glow:74, 134, 255}.btn-grape{--btn-a:#c084fc;--btn-b:#7d4fe0;--btn-edge:#6338b0;--btn-glow:125, 79, 224}.btn-mint{--btn-a:#52e0b0;--btn-b:#14b98a;--btn-edge:#0e9b72;--btn-glow:23, 185, 138}.btn-sun{--btn-a:#ffd84d;--btn-b:#ff9f2e;--btn-edge:#e07c15;--btn-glow:255, 159, 46;color:var(--ink)}.seg{background:#fbeaf3;border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:4px;padding:5px;display:grid;position:relative}.seg button{z-index:1;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:9px 0;font-size:.95rem;font-weight:800;transition:color .2s;position:relative}.seg button.seg-on{color:#fff}.seg-pill{z-index:0;background:linear-gradient(135deg, var(--candy-1), var(--candy-6));border-radius:999px;width:calc(50% - 5px);height:calc(100% - 10px);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:5px;left:5px}.seg-pill-right{transform:translate(100%)}.otp-row{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.otp-box{aspect-ratio:3/4;text-align:center;width:100%;color:var(--ink);border:2px solid var(--line);background:#fffafc;border-radius:14px;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;transition:border-color .15s,transform .15s,box-shadow .15s}.otp-box:focus{border-color:var(--candy-6);outline:none;box-shadow:0 0 0 4px #b06bf52e}.otp-box.otp-filled{border-color:var(--candy-1);background:#fff;animation:.28s pop}.back-link,.ghost-link{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-weight:700}.back-link{align-self:flex-start;margin-bottom:4px}.ghost-link{margin-top:16px}.back-link:hover,.ghost-link:hover{color:var(--candy-6)}.form-error{color:var(--danger);background:#e24a6e1a;border-radius:12px;margin:0;padding:10px 14px;font-size:.9rem;font-weight:600}.muted{color:var(--ink-soft)}.center{text-align:center}.end-note{opacity:.7}.wave{margin-bottom:10px;animation:3s ease-in-out infinite bob}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cafe-header{z-index:20;background:linear-gradient(var(--cream), #fff1f799);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding:16px 2px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;display:flex}.hdr-back{width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .12s;display:grid;box-shadow:0 4px 10px #3a2b4a1f}.hdr-back:active{transform:scale(.9)}.brand-bean,.brand-name{align-items:center;display:inline-flex}.brand-bean{background:linear-gradient(145deg, var(--candy-1), var(--candy-6));border-radius:13px;justify-content:center;width:38px;height:38px;box-shadow:0 6px 14px #b06bf559}.brand-name{color:var(--ink);font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;line-height:1.05}.brand-name em{color:var(--candy-1);font-style:normal}.menu-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#52e0b0,#14b98a);border:none;border-radius:999px;padding:10px 16px;font-size:.85rem;font-weight:800;transition:transform .1s,box-shadow .1s,filter .15s;box-shadow:0 4px #0e9b72,0 8px 16px #14b98a59}.menu-btn:hover{filter:brightness(1.04)}.menu-btn:active,.menu-btn-active{transform:translateY(4px);box-shadow:0 1px #0e9b72,0 3px 8px #14b98a4d}.chatbar-wrap{margin:4px 0 6px;position:relative}.chatbar{border:1.5px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:7px 7px 7px 16px;display:flex;box-shadow:0 8px 20px #3a2b4a12}.chatbar-launch{cursor:pointer;text-align:left;width:100%;transition:transform .12s,box-shadow .15s}.chatbar-launch:hover{transform:translateY(-1px)}.chat-placeholder{color:#b7a4c2;flex:1;font-size:.95rem;font-weight:600}.chat-dot{background:var(--candy-4);border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 0 4px #42d6a438}@keyframes pulse{50%{box-shadow:0 0 0 7px #42d6a400}}.chat-input{font:inherit;color:var(--ink);background:0 0;border:none;flex:1;min-width:0;font-size:.95rem}.chat-input:focus{outline:none}.chat-input::placeholder{color:#c9b6cf}.mic-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--candy-5), var(--candy-6));border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:transform .12s;display:grid;box-shadow:0 5px 12px #4dccf066}.mic-btn:active{transform:scale(.92)}.mic-listening{animation:1s ease-in-out infinite mic-glow}@keyframes mic-glow{0%,to{box-shadow:0 0 #ff6fb580}50%{box-shadow:0 0 0 10px #ff6fb500}}.chat-reply{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:16px 16px 16px 4px;margin:8px 6px 0;padding:10px 14px;font-size:.9rem;animation:.3s both screen-in;box-shadow:0 8px 18px #3a2b4a14}.dash{height:100svh;padding-bottom:calc(14px + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.dash-hero{flex-shrink:0;margin:12px 2px 4px}.dash-greet{color:var(--candy-6);margin:0 0 2px;font-size:.9rem;font-weight:800}.dash-title{color:var(--ink);font-size:clamp(1.25rem,6vw,1.55rem);line-height:1.15}.tag-cloud{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;min-height:0;padding:6px 2px 10px;display:flex;overflow-y:auto}.tag-cloud::-webkit-scrollbar{display:none}.tag-bubble{--candy:#fff;color:var(--ink);border:2px solid var(--line);cursor:pointer;animation:drift calc(3.4s + (var(--i)) * .25s) ease-in-out infinite;animation-delay:calc(var(--i) * -.37s);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:7px 13px;font-family:Fredoka,sans-serif;font-size:.88rem;font-weight:500;transition:color .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 4px 10px #3a2b4a0f}.tag-bubble:hover{border-color:var(--candy-1)}.tag-bubble:focus-visible{outline:3px solid var(--candy-5);outline-offset:2px}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tag-bubble.tag-on{color:#fff;background:var(--candy);box-shadow:0 8px 18px color-mix(in srgb, var(--candy) 45%, transparent);border-color:#0000;animation:.35s pop}.tag-check{color:#fff;background:#ffffff4d;border-radius:50%;place-items:center;width:18px;height:18px;display:inline-grid}.go-dock{background:#ffffffeb;border:1.5px solid #fff;border-radius:999px;flex-shrink:0;align-items:center;gap:12px;margin-top:8px;padding:10px 10px 10px 18px;animation:.35s cubic-bezier(.22,1,.36,1) both dock-in;display:flex;box-shadow:0 10px 26px #3a2b4a29}@keyframes dock-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.go-count{color:var(--ink);white-space:nowrap;font-size:.88rem;font-weight:800}.go-btn{margin-left:auto;padding:12px 20px}.menu-screen{padding-bottom:40px}.menu-head{margin:10px 2px 16px}.menu-title{color:var(--ink);margin:4px 0;font-size:1.6rem}.menu-count{color:var(--ink-soft);margin:2px 0 0;font-size:.85rem;font-weight:700}.chip-row{flex-wrap:wrap;gap:6px;margin:8px 0 2px;display:flex}.mini-chip{--candy:var(--candy-1);color:#fff;background:var(--candy);border-radius:999px;padding:4px 11px;font-size:.78rem;font-weight:800}.menu-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.menu-card{background:var(--surface);border:1.5px solid #fff;border-radius:18px;flex-direction:column;gap:7px;padding:14px;animation:.4s both screen-in;display:flex;box-shadow:0 10px 24px #3a2b4a17}.menu-card-top{justify-content:space-between;align-items:center;display:flex}.veg-dot{border:2px solid;border-radius:4px;width:15px;height:15px;display:inline-block;position:relative}.veg-dot:after{content:"";border-radius:50%;position:absolute;inset:2.5px}.veg-dot.veg{border-color:#2bb673}.veg-dot.veg:after{background:#2bb673}.veg-dot.nonveg{border-color:#e24a6e}.veg-dot.nonveg:after{background:#e24a6e}.menu-price{color:var(--candy-6);font-family:Fredoka,sans-serif;font-size:1.15rem;font-weight:600}.menu-name{color:var(--ink);font-size:1.02rem;line-height:1.15}.menu-desc{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.35}.opt-block{flex-direction:column;gap:5px;margin-top:2px;display:flex}.opt-label{letter-spacing:.06em;text-transform:uppercase;color:#bca9c6;font-size:.66rem;font-weight:800}.opt-chips{flex-wrap:wrap;gap:5px;display:flex}.opt-chip{color:var(--ink);background:#fbeaf3;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.opt-chip em{color:var(--candy-6);font-size:.68rem;font-style:normal;font-weight:800}.opt-topping{background:#e9f8f1}.opt-topping em{color:#2bb673}.sentinel{height:1px}.chat-screen{flex-direction:column;min-height:100dvh;display:flex}.chat-log{flex-direction:column;flex:1;gap:10px;padding:16px 2px 92px;display:flex}.bubble{overflow-wrap:anywhere;border-radius:20px;max-width:82%;padding:11px 15px;font-size:.95rem;line-height:1.38;animation:.3s both screen-in}.bubble-barista{color:var(--ink);border:1.5px solid var(--line);background:#fff;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 6px 14px #3a2b4a0f}.bubble-you{color:#fff;background:#1e1a24;border-bottom-right-radius:6px;align-self:flex-end}.bubble-typing{align-items:center;gap:5px;display:flex}.bubble-typing .dot{background:var(--ink-soft);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing}.bubble-typing .dot:nth-child(2){animation-delay:.2s}.bubble-typing .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-composer{background:linear-gradient(to top, var(--cream) 72%, transparent);align-items:center;gap:8px;padding:10px 0 16px;display:flex;position:sticky;bottom:0}.composer-input{min-width:0;font:inherit;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:999px;flex:1;padding:13px 18px;font-size:.95rem}.composer-input::placeholder{color:#b7a4c2}.composer-input:focus{border-color:#14b98a;outline:none;box-shadow:0 0 0 4px #14b98a26}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#52e0b0,#14b98a);border:none;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;transition:transform .12s,opacity .15s;display:grid;box-shadow:0 5px 12px #14b98a66}.send-btn:active:not(:disabled){transform:scale(.92)}.send-btn:disabled{opacity:.45;cursor:default}@media (width<=360px){.menu-grid{grid-template-columns:1fr}.otp-row{gap:6px}}.full-menu{flex-direction:column;height:100svh;display:flex;overflow:hidden}.full-menu .menu-head{flex-shrink:0;margin:4px 2px 8px}.cat-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.cat-nav::-webkit-scrollbar{display:none}.cat-pill{--candy:var(--candy-1);color:var(--ink);border:2px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:8px 15px;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:600;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.cat-pill:hover{border-color:var(--candy)}.cat-pill.cat-on{color:#fff;background:var(--candy);box-shadow:0 8px 18px color-mix(in srgb, var(--candy) 42%, transparent);border-color:#0000}.menu-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:0;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex:1;animation:.32s both screen-in;overflow-y:auto}.menu-scroll::-webkit-scrollbar{display:none}.subcat{margin-bottom:18px}.subcat-head{margin:6px 2px 11px}.subcat-name{color:var(--ink);align-items:center;gap:8px;font-size:1.15rem;display:flex}.subcat-name:before{content:"";background:linear-gradient(135deg, var(--candy-1), var(--candy-6));border-radius:5px;flex-shrink:0;width:13px;height:13px}.subcat-desc{color:var(--ink-soft);margin:3px 0 0;font-size:.8rem}.dish-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dish-card{text-align:left;background:var(--surface);cursor:pointer;border:1.5px solid #fff;border-radius:18px;flex-direction:column;padding:0;transition:transform .14s,box-shadow .14s;animation:.4s both screen-in;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #3a2b4a17}.dish-card:active{transform:scale(.97)}.dish-card:focus-visible{outline:3px solid var(--candy-5);outline-offset:2px}.dish-out{opacity:.85}.dish-out .dish-photo{filter:grayscale(.55)}.dish-out-tag{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#3a2b4ad1;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:800;position:absolute;top:8px;left:8px}.dish-photo{--candy:var(--candy-1);aspect-ratio:1;background:color-mix(in srgb, var(--candy) 14%, #fff);width:100%;position:relative;overflow:hidden}.dish-photo img{object-fit:cover;width:100%;height:100%;display:block}.dish-photo-ph{background:linear-gradient(145deg, color-mix(in srgb, var(--candy) 62%, #fff), var(--candy));place-items:center;display:grid}.dish-photo-ph span{color:#fff;opacity:.92;text-shadow:0 2px 8px color-mix(in srgb, var(--candy) 55%, transparent);font-family:Fredoka,sans-serif;font-weight:600;line-height:1}.dish-info{flex-direction:column;flex:1;gap:7px;padding:9px 11px 11px;display:flex}.dish-name{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.2;display:-webkit-box;overflow:hidden}.dish-meta{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;display:flex}.dish-price{color:var(--candy-6);font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600}.sheet-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#281c3673;justify-content:center;align-items:flex-end;animation:.2s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sheet{scrollbar-width:none;background:var(--cream);width:100%;max-width:460px;max-height:88svh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.32s cubic-bezier(.22,1,.36,1) both sheet-up;position:relative;overflow-y:auto;box-shadow:0 -16px 44px #3a2b4a4d}.sheet::-webkit-scrollbar{display:none}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-close{z-index:2;width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px 10px #3a2b4a2e}.sheet-close:active{transform:scale(.9)}.sheet-photo{aspect-ratio:16/10;border-radius:26px 26px 0 0;width:100%}.sheet-body{flex-direction:column;gap:11px;padding:16px 18px 6px;display:flex}.sheet-head{align-items:center;gap:9px;display:flex}.sheet-name{color:var(--ink);font-size:1.4rem;line-height:1.12}.sheet-price-row{align-items:center;gap:10px;display:flex}.sheet-price{color:var(--candy-6);font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600}.sold-pill{background:var(--danger);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.68rem;font-weight:800}.sheet-desc{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.45}.sheet .opt-block{margin-top:4px}