.mic-btn{flex-shrink:0;width:42px;height:42px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4f9cf9,#2563eb 48%,#1d4ed8);box-shadow:0 2px 6px #2563eb73,inset 0 1px #ffffff73;transition:transform .15s,box-shadow .15s}.mic-btn:hover{transform:scale(1.04);box-shadow:0 4px 12px #2563eb80,inset 0 1px #ffffff80}.mic-btn--active{background:linear-gradient(180deg,#f87171,#dc2626);box-shadow:0 0 0 3px #ef444440,0 2px 8px #dc262673,inset 0 1px #ffffff59;animation:micPulse 1s ease-in-out infinite}.mic-btn__svg{width:22px;height:22px;fill:#fff;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.eta-badge{display:inline-flex;align-items:center;gap:2px;font-size:.7rem;font-weight:800;color:var(--primary-dark);background:#fffffff5;padding:4px 9px;border-radius:8px;border:1px solid var(--border-sharp);box-shadow:0 2px 6px #0f172a1a;line-height:1;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.eta-badge--on-image{position:absolute;bottom:8px;right:8px;z-index:2}.eta-badge--detail-hero{bottom:14px;right:14px;font-size:.8rem;padding:6px 12px}.eta-badge--inline{position:static;font-size:.85rem}.eta-badge--sm{font-size:.55rem;padding:2px 5px;border-radius:6px;bottom:3px;right:3px}.veg-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:4px;font-size:.62rem;font-weight:800;letter-spacing:.04em;color:#15803d;background:#bbf7d0;border:1.5px solid #16a34a;line-height:1}.veg-badge__dot{width:7px;height:7px;border-radius:50%;background:#16a34a;flex-shrink:0}.veg-badge--on-image{position:absolute;top:8px;left:8px;z-index:2;box-shadow:0 1px 4px #0000001f}.home{min-height:100dvh;display:flex;flex-direction:column}.home__top{padding-top:20px;padding-bottom:8px;background:linear-gradient(180deg,#ffffff 0%,transparent 100%)}.home__brand{display:flex;align-items:baseline;gap:8px;margin-bottom:16px}.home__logo{font-size:clamp(1.5rem,3vw,1.85rem);font-weight:800;color:var(--primary);letter-spacing:-.03em}.home__tagline{font-size:1rem;color:var(--text-muted);font-weight:500}.flow-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.flow-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 10px;border:1px solid var(--border);border-radius:var(--sharp-radius);background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:.82rem;cursor:pointer;box-shadow:var(--gloss-shadow);transition:border-color .15s,box-shadow .15s,color .15s}.flow-tab--active{border-color:var(--primary);background:linear-gradient(180deg,#ffffff 0%,var(--primary-light) 100%);color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--gloss-shadow-lg)}.home__main{flex:1;width:100%;padding-top:8px;padding-bottom:32px}.home__title{font-size:clamp(1.15rem,2.5vw,1.4rem);font-weight:600;color:var(--text-secondary);text-align:center;margin:24px 0 20px}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:6px 8px 6px 20px;box-shadow:var(--gloss-shadow-lg);max-width:720px;margin:0 auto 8px}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26,var(--gloss-shadow-lg)}.search-box__input{flex:1;border:none;outline:none;font-size:1rem;padding:10px 4px;background:transparent;color:var(--text);min-width:0}.search-box__input::placeholder{color:var(--text-muted)}.search-box__go{border:1px solid rgba(29,78,216,.35);background:var(--primary-gloss);color:#fff;font-weight:700;padding:10px 20px;border-radius:22px;cursor:pointer;font-size:.88rem;white-space:nowrap;box-shadow:0 2px 6px #2563eb4d,inset 0 1px #ffffff59}.home__listening{text-align:center;color:var(--primary);font-size:.9rem;margin-top:10px;font-weight:500}.home__block{width:100%;margin-top:36px}.home__block-header{margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--primary-light)}.home__block-header h2{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-weight:700}.home-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}@media (min-width: 600px){.home-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (min-width: 900px){.home-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.home-card{display:flex;flex-direction:column;width:100%;padding:0;border:1px solid var(--border-sharp);border-radius:var(--card-radius);overflow:hidden;cursor:pointer;text-align:left;background:var(--surface);box-shadow:var(--gloss-shadow);transition:transform .15s,box-shadow .15s}.home-card:hover{transform:translateY(-2px);box-shadow:var(--gloss-shadow-lg);border-color:#2563eb40}.home-card__media{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--primary-light);overflow:hidden}.home-card__media img{width:100%;height:100%;object-fit:cover;object-position:center}.home-card__price,.home-card__badge{position:absolute;top:8px;right:8px;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:8px;background:#fffffff2;color:var(--text);border:1px solid var(--border-sharp);box-shadow:0 2px 8px #0f172a1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-card__badge{color:var(--primary-dark)}.home-card__body{padding:10px;display:flex;flex-direction:column;gap:4px;background:var(--surface);border-top:1px solid var(--border)}.home-card__body strong{font-size:.8rem;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-card__body>span{font-size:.68rem;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.show-more{width:100%;margin-top:14px;padding:12px;border:1.5px solid var(--primary);background:var(--surface);color:var(--primary);font-weight:700;border-radius:var(--sharp-radius);cursor:pointer;font-size:.9rem;box-shadow:var(--gloss-shadow)}.show-more:hover{background:var(--primary-light)}.home__footer{padding:20px 0 28px;text-align:center}.home__footer p{margin:0;font-size:.75rem;color:var(--text-muted)}.tracking-map-static{position:relative;height:200px;border-radius:16px;overflow:hidden;margin-bottom:16px;border:1px solid var(--border);background:#e8f4fc}.tracking-map-static__svg{width:100%;height:100%;display:block}.tracking-map-static__driver{position:absolute;transform:translate(-50%,-50%);transition:left .8s ease,top .8s ease;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.tracking-map-static__driver-icon{font-size:1.75rem;display:block}.tracking-map-static__legend{position:absolute;bottom:8px;left:10px;display:flex;gap:12px;font-size:.65rem;color:var(--text-secondary);background:#ffffffe6;padding:4px 8px;border-radius:6px}.tracking-map-static__eta{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--surface);padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--primary);box-shadow:0 2px 10px #2563eb33;white-space:nowrap;z-index:3}.tracking-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:100;display:flex;align-items:flex-end;justify-content:center}.tracking-panel{background:var(--surface);width:100%;max-width:var(--content-max);max-height:92vh;border-radius:20px 20px 0 0;padding:16px 20px 28px;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.tracking-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tracking-header h2{margin:0;font-size:1.15rem}.tracking-id{margin:2px 0 0;font-size:.8rem;color:var(--text-muted)}.tracking-back{border:none;background:var(--bg);width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;color:var(--primary)}.tracking-map{height:140px;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px;border:1px solid var(--border)}.tracking-map__pulse{width:48px;height:48px;background:var(--primary);border-radius:50%;position:relative;animation:pulse 2s infinite}.tracking-map__pulse:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:3px solid var(--primary);border-radius:50%;opacity:.35;animation:ripple 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes ripple{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.4);opacity:0}}.tracking-eta{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:var(--surface);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--primary);box-shadow:0 2px 8px #2563eb33}.tracking-restaurant{display:flex;gap:12px;padding:12px;background:var(--bg);border-radius:12px;margin-bottom:20px}.tracking-restaurant strong{display:block;font-size:.95rem}.tracking-restaurant p{margin:4px 0 0;font-size:.8rem;color:var(--text-muted)}.tracking-slot{margin-top:6px!important;color:var(--primary)!important;font-weight:600}.tracking-steps{list-style:none;margin:0;padding:0}.tracking-step{display:flex;gap:14px;padding-bottom:20px;position:relative}.tracking-step:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--border)}.tracking-step.done:not(:last-child):before{background:var(--primary)}.tracking-step__dot{width:32px;height:32px;border-radius:50%;background:var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;z-index:1}.tracking-step.done .tracking-step__dot,.tracking-step.active .tracking-step__dot{background:var(--primary);color:#fff}.tracking-step__content strong{display:block;font-size:.9rem}.tracking-step__content span{font-size:.75rem;color:var(--text-muted)}.tracking-hint{text-align:center;font-size:.75rem;color:var(--text-muted);margin:8px 0 0}.confirm-page{min-height:100dvh;max-width:var(--content-max);margin:0 auto;background:var(--bg);padding-bottom:32px}.confirm-page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100dvh}.confirm-hero{text-align:center;padding:40px 24px 28px;background:linear-gradient(180deg,#3b82f6 0%,var(--primary) 50%,var(--primary-dark) 100%);box-shadow:0 4px 16px #2563eb40;color:#fff;border-radius:0 0 28px 28px}.confirm-hero__icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 16px;border:3px solid rgba(255,255,255,.5)}.confirm-hero h1{margin:0 0 8px;font-size:1.5rem}.confirm-hero p{margin:0;opacity:.9;font-size:.95rem}.confirm-hero__id{display:inline-block;margin-top:14px;padding:6px 14px;background:#ffffff26;border-radius:8px;font-size:.85rem;font-family:monospace}.confirm-card{margin:-16px clamp(16px,4vw,32px) 16px;padding:16px;background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--gloss-shadow-lg);border:1px solid var(--border)}.confirm-card h2{margin:0 0 12px;font-size:.9rem;color:var(--text-muted)}.confirm-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.confirm-item:last-of-type{border-bottom:none}.confirm-item img{width:52px;height:52px;border-radius:10px;object-fit:cover}.confirm-item>div{flex:1}.confirm-item strong{display:block;font-size:.95rem}.confirm-item span{font-size:.8rem;color:var(--text-muted)}.confirm-slot{margin:8px 0 0;font-size:.9rem;color:var(--primary);font-weight:600}.confirm-paid{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:.9rem;color:var(--primary);font-weight:600}.confirm-address{display:flex;gap:12px;margin:0 clamp(16px,4vw,32px) 24px;padding:14px;background:var(--surface);border-radius:var(--card-radius);border:1px solid var(--border);box-shadow:var(--gloss-shadow)}.confirm-address strong{display:block;font-size:.9rem}.confirm-address p{margin:4px 0 0;font-size:.85rem;color:var(--text-muted)}.confirm-actions{padding:0 20px;display:flex;flex-direction:column;gap:10px}.payment-page{min-height:100dvh;max-width:var(--content-max);margin:0 auto;background:var(--bg);padding-bottom:100px}.payment-page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.page-header{display:flex;align-items:center;gap:12px;padding:16px clamp(16px,4vw,32px);background:var(--wa-header);color:#fff;box-shadow:0 2px 8px #2563eb40}.page-header h1{color:#fff}.page-header button{border:none;background:#fff3;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;color:#fff}.payment-slots{padding:20px 20px 0}.payment-slots h2{margin:0 0 12px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.slot-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.slot-btn{padding:10px 12px;border:2px solid var(--border);border-radius:10px;background:var(--surface);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:left}.slot-btn--active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.payment-summary,.payment-methods{padding:20px}.payment-summary h2,.payment-methods h2{margin:0 0 14px;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.payment-items{list-style:none;margin:0 0 16px;padding:0;background:var(--surface);border-radius:var(--card-radius);border:1px solid var(--border);box-shadow:var(--gloss-shadow);overflow:hidden}.payment-items li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.payment-items li:last-child{border-bottom:none}.payment-item__thumb{position:relative;flex-shrink:0;width:48px;height:48px;border-radius:8px;overflow:hidden}.payment-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}.payment-items li>div{flex:1}.payment-items strong{display:block;font-size:.9rem}.payment-items li>span:last-child{font-weight:700}.payment-totals{margin:0;background:var(--surface);border-radius:var(--card-radius);padding:14px 16px;border:1px solid var(--border);box-shadow:var(--gloss-shadow)}.payment-totals div{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem}.payment-totals dt{color:var(--text-muted)}.payment-totals dd{margin:0;font-weight:600}.payment-totals__total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px!important;font-size:1.05rem!important}.payment-totals__total dt,.payment-totals__total dd{color:var(--primary);font-weight:700}.payment-method{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:2px solid var(--border);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:border-color .2s}.payment-method.selected{border-color:var(--primary);background:var(--primary-light)}.payment-method input{display:none}.payment-method__icon{font-size:1.5rem}.payment-method strong{display:block}.payment-method span{font-size:.8rem;color:var(--text-muted)}.payment-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-max);padding:16px 20px 24px;background:linear-gradient(transparent,var(--bg) 20%)}.rating-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}.rating-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a80;cursor:pointer;padding:0}.rating-panel{position:relative;background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:var(--content-max);max-height:85vh;border-radius:20px 20px 0 0;padding:8px 20px 28px;overflow-y:auto;animation:ratingSlideUp .32s ease;z-index:1}@keyframes ratingSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rating-panel__handle{width:40px;height:4px;background:var(--border);border-radius:999px;margin:4px auto 12px}.rating-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.rating-panel__header h2{margin:0;font-size:1.1rem;line-height:1.3}.rating-panel__header p{margin:4px 0 0;font-size:.85rem;color:var(--text-muted)}.rating-panel__close{border:none;background:var(--bg);width:36px;height:36px;border-radius:50%;font-size:1rem;color:var(--text-muted);cursor:pointer;flex-shrink:0}.rating-summary{display:flex;gap:20px;padding:16px;background:var(--bg);border-radius:14px;margin-bottom:20px;border:1px solid var(--border);box-shadow:var(--gloss-shadow)}.rating-summary__score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:88px}.rating-summary__big{font-size:2rem;font-weight:800;color:var(--primary);line-height:1}.rating-summary__count{font-size:.8rem;color:var(--text-muted);margin-top:6px}.rating-bars{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:6px}.rating-bars li{display:grid;grid-template-columns:28px 1fr 36px;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary)}.rating-bars__track{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.rating-bars__fill{height:100%;background:var(--primary);border-radius:999px}.rating-bars__pct{text-align:right;font-size:.7rem;color:var(--text-muted)}.rating-reviews-title{margin:0 0 12px;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.rating-reviews{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.rating-review{padding-bottom:14px;border-bottom:1px solid var(--border)}.rating-review:last-child{border-bottom:none;padding-bottom:0}.rating-review__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.rating-review__author{font-weight:600;font-size:.9rem}.rating-review__stars{color:#f59e0b;font-size:.85rem;letter-spacing:-1px}.rating-review__dim{color:var(--border)}.rating-review__date{display:block;font-size:.75rem;color:var(--text-muted);margin:2px 0 6px}.rating-review p{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-secondary)}.detail-page{min-height:100dvh;max-width:var(--content-max);margin:0 auto;background:var(--bg);padding-bottom:100px}.detail-page--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.detail-header{display:flex;align-items:center;gap:12px;padding:12px clamp(16px,4vw,32px);background:var(--wa-header);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #2563eb4d}.detail-header button{border:none;background:#fff3;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;color:#fff}.detail-header span{font-weight:600;font-size:.95rem}.detail-hero{position:relative;width:100%;aspect-ratio:1 / 1;max-height:320px;background:var(--primary-light);overflow:hidden}.veg-badge--detail{top:14px;left:14px;padding:5px 10px;font-size:.72rem}.detail-hero img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.detail-content{padding:20px clamp(16px,4vw,32px);background:var(--surface)}.detail-content__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.detail-content__pills{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.detail-eta{cursor:default}.detail-content h1{margin:0;font-size:1.35rem;line-height:1.3}.detail-vendor{margin:6px 0 0;font-size:.9rem;color:var(--text-muted)}.detail-rating{border:1px solid var(--border);background:var(--surface);color:var(--primary);font-weight:700;font-size:.95rem;padding:8px 14px;border-radius:10px;cursor:pointer;flex-shrink:0;box-shadow:var(--gloss-shadow)}.detail-duration{margin:0 0 12px;font-size:.9rem;color:var(--primary);font-weight:600}.detail-desc{margin:0 0 16px;font-size:.95rem;line-height:1.55;color:var(--text-secondary)}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.detail-tags span{font-size:.75rem;padding:4px 10px;background:var(--primary-light);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);text-transform:capitalize}.detail-tag--veg{color:#15803d;background:#bbf7d0;border-color:#16a34a;font-weight:700}.detail-meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted);margin-bottom:24px}.detail-meta__badge{background:var(--primary);color:#fff!important;padding:4px 10px;border-radius:6px;font-weight:600;font-size:.72rem}.detail-slot{margin:18px 0 16px;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--gloss-shadow)}.detail-slot__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.detail-slot__head strong{font-size:.95rem}.detail-slot__hint{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.detail-slot__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-slot__btn{padding:10px;border:1.5px solid var(--border);background:#fff;border-radius:10px;font-size:.82rem;font-weight:700;color:var(--text-secondary);cursor:pointer;box-shadow:0 1px 2px #0f172a0f;text-align:left}.detail-slot__btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark);box-shadow:0 0 0 2px #2563eb1f}.detail-qty{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg);border-radius:var(--card-radius);border:1px solid var(--border);box-shadow:var(--gloss-shadow)}.detail-qty>span{font-weight:600;font-size:.95rem}.detail-qty__controls{display:flex;align-items:center;gap:16px}.detail-qty__controls button{width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:1.2rem;cursor:pointer;color:var(--primary);box-shadow:var(--gloss-shadow)}.detail-qty__controls button:disabled{opacity:.4;cursor:not-allowed}.detail-qty__controls span{font-weight:700;font-size:1.1rem;min-width:24px;text-align:center}.detail-footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--content-max);padding:14px clamp(16px,4vw,32px) 24px;background:linear-gradient(transparent,#ffffffeb 24%);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.detail-footer__price{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.detail-footer__price strong{font-size:1.25rem;color:var(--text)}.food-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border-radius:10px;overflow:hidden;border:1px solid var(--border-sharp);box-shadow:0 1px 2px #0f172a14;min-width:0}.food-card__tap{display:flex;flex-direction:column;width:100%;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.food-card__media{position:relative;width:100%;aspect-ratio:1 / 1;background:#f1f5f9;overflow:hidden}.food-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.food-card__rating{position:absolute;top:6px;right:6px;z-index:2;font-size:.7rem;font-weight:800;color:var(--primary-dark);background:#fffffff5;padding:4px 9px;border-radius:8px;border:1px solid var(--border-sharp);box-shadow:0 2px 6px #0f172a1a;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.food-card__rating:hover{transform:scale(1.04)}.food-card__body{padding:8px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border-top:1px solid var(--border)}.food-card__body h3{margin:0;font-size:.76rem;font-weight:700;color:var(--text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-card__vendor{margin:0;font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-card__duration{margin:0;font-size:.66rem;color:var(--primary);font-weight:600}.food-card__body .food-card__price{display:block;margin-top:2px;font-weight:800;color:var(--primary-dark);font-size:.86rem}.food-card__footer{padding:0 8px 8px;background:var(--surface)}.food-card__footer .btn{width:100%;padding:8px;font-size:.74rem;border-radius:8px}.chat-page{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:var(--content-max);margin:0 auto;position:relative;background:var(--wa-bg-pattern)}.chat-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232563eb' fill-opacity='0.06'%3E%3Cpath d='M20 20h8v8h-8zm22 0h8v8h-8zm22 0h8v8h-8zM9 42h8v8H9zm22 0h8v8h-8zm22 0h8v8h-8z'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.chat-header{display:flex;align-items:center;gap:12px;padding:12px clamp(16px,4vw,24px);background:var(--wa-header);color:#fff;z-index:2;box-shadow:0 2px 8px #2563eb59}.chat-header__back{border:none;background:#fff3;color:#fff;width:38px;height:38px;border-radius:50%;font-size:1.1rem;cursor:pointer;box-shadow:inset 0 1px #ffffff40}.chat-header__info strong{display:block;font-size:1rem;font-weight:600}.chat-header__info span{font-size:.75rem;opacity:.9}.chat-messages{flex:1;overflow-y:auto;padding:14px clamp(12px,3vw,24px) 24px;display:flex;flex-direction:column;gap:6px;z-index:1}.bubble{max-width:min(100%,680px);padding:8px 10px 6px;border-radius:8px;position:relative;box-shadow:0 1px 1px #0f172a14}.bubble--out{align-self:flex-end;background:var(--wa-out);border-bottom-right-radius:2px;border:1px solid var(--wa-out-border)}.bubble--out p{color:var(--text)}.bubble--in{align-self:flex-start;background:var(--wa-in);border-bottom-left-radius:2px;border:1px solid var(--border-sharp);max-width:100%;width:100%;box-shadow:0 1px 2px #0f172a0f}.bubble p{margin:0 0 4px;font-size:.92rem;line-height:1.4;color:var(--text)}.bubble__intro{margin-bottom:10px!important;font-weight:500}.bubble time{display:block;font-size:.65rem;color:var(--text-muted);text-align:right;margin-top:4px}.bubble__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:6px;width:100%}@media (min-width: 600px){.bubble__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 900px){.bubble__cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.bubble--typing{padding:12px 16px;width:auto;max-width:72px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:7px;height:7px;background:#94a3b8;border-radius:50%;animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.show-more--chat{grid-column:1 / -1;margin:2px 0 6px;padding:10px;font-size:.85rem;font-weight:600;border:1px solid var(--primary);background:var(--primary-light);color:var(--primary-dark);border-radius:8px;cursor:pointer}.show-more--chat:hover{background:#dbeafe}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #eff6ff;--primary-gloss: linear-gradient(180deg, #4f9cf9 0%, #2563eb 50%, #1d4ed8 100%);--wa-bg: #e5ddd5;--wa-bg-pattern: #efeae2;--wa-out: #d3e8ff;--wa-out-border: #b8d4f5;--wa-in: #ffffff;--wa-header: #2563eb;--bg: #f0f7ff;--surface: #ffffff;--text: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--border: #e2e8f0;--border-sharp: rgba(15, 23, 42, .08);--gloss-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 14px rgba(37, 99, 235, .08);--gloss-shadow-lg: 0 2px 4px rgba(15, 23, 42, .06), 0 8px 24px rgba(37, 99, 235, .12);--sharp-radius: 10px;--card-radius: 12px;--content-max: 1120px;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 40%,#e8f2fc 100%)}#root{min-height:100dvh}button{font-family:inherit}img{display:block}.app-shell{width:100%;max-width:var(--content-max);margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}.btn{border:none;border-radius:var(--sharp-radius);font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s}.btn--primary{background:var(--primary-gloss);color:#fff;padding:12px 20px;box-shadow:0 2px 6px #2563eb59,inset 0 1px #ffffff59;border:1px solid rgba(29,78,216,.4)}.btn--primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb66}.btn--primary:disabled{opacity:.65;cursor:wait}.btn--sm{padding:8px 14px;font-size:.8rem;border-radius:8px}.btn--block{width:100%;padding:14px 20px;font-size:1rem}.btn--ghost{background:var(--surface);color:var(--primary);border:1.5px solid var(--primary);padding:12px 20px;box-shadow:var(--gloss-shadow)}.btn--ghost:hover{background:var(--primary-light)}