.btn{height:54px;padding:0 22px;border-radius:var(--r-ctl);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:800;min-width:140px;white-space:nowrap}.btn.full{width:100%}.btn.small{height:40px;min-width:0;padding:0 14px;border-radius:13px;font-size:13px}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-primary),inset 0 1px #ffffff40}.btn-secondary{background:var(--field);color:var(--ink)}.btn-mint{background:var(--mint);color:var(--green-dark)}.btn-ghost{background:none;color:var(--green);min-width:0}.btn-danger{background:var(--red-bg);color:var(--red)}.btn:disabled{background:var(--field);color:var(--ink3);box-shadow:none}.spin{width:20px;height:20px;border-radius:50%;border:2.4px solid rgba(255,255,255,.4);border-top-color:#fff;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.iconbtn{border-radius:50%;background:var(--field);display:grid;place-items:center;flex:none;color:var(--ink);position:relative}.iconbtn:after{content:"";position:absolute;inset:-4px}.iconbtn.tone-red{background:var(--red-bg);color:var(--red)}.iconbtn.tone-green{background:var(--mint);color:var(--green)}.red{color:var(--red)}.hdr{background:var(--surface);border-radius:0 0 28px 28px;box-shadow:0 8px 24px #0f15120d;padding:calc(14px + var(--tg-top)) 16px 14px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;z-index:5}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:28px 28px 0 0;box-shadow:0 -12px 40px #0f15121f;padding:14px 20px calc(16px + var(--tg-bottom) + env(safe-area-inset-bottom))}.actionbar.above-nav{padding-bottom:calc(16px + var(--nav-h) + 20px + var(--tg-bottom) + env(safe-area-inset-bottom))}.ab-value{display:flex;align-items:baseline;gap:4px}.ab-value .price{font-size:20px}.warn{color:var(--amber-ink)}.ph-img{display:grid;place-items:center;color:var(--ink4)}.brand{flex:none;display:grid;place-items:center;background:linear-gradient(180deg,#2e7be0,#1f6fd6);color:#fff;font-weight:800;line-height:1.1;text-align:center;letter-spacing:.01em;transition:background .25s}.brand span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:normal}.brand.green{background:var(--grad-primary);box-shadow:0 6px 14px #02845f40;color:#fff}.pcard{position:relative;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}.pc-top{text-align:left;display:flex;flex-direction:column;gap:6px}.pc-photo{position:relative;height:150px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff 0,#eef1f0 70%)}:root[data-theme=dark] .pc-photo{background:radial-gradient(circle at 50% 40%,#2a322e 0,#1d2420 70%)}.badge-best{position:absolute;left:8px;top:8px;background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:8px}.badge-count{position:absolute;left:8px;bottom:8px;background:#ffffffeb;color:#0f1512;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;display:flex;align-items:center;gap:5px}.badge-count i{width:6px;height:6px;border-radius:50%;background:var(--green)}.pc-price{display:flex;align-items:baseline;gap:3px;margin-top:4px}.pc-price .price{font-size:19px}.pc-name{font-size:13px;font-weight:600;line-height:1.3;min-height:34px}.pc-fav{position:absolute;right:6px;top:6px;width:44px;height:44px;display:grid;place-items:center}.pc-fav svg{background:#ffffffeb;border-radius:50%;padding:8px;width:32px;height:32px;color:#0f1512}.pc-fav svg.red{color:var(--red)}.pc-cta{margin-top:auto;height:42px;border-radius:14px;background:var(--mint);color:var(--green-dark);font-size:13px;font-weight:800}.stepper{display:inline-flex;align-items:center;background:var(--field);border-radius:14px;height:44px}.stepper button{width:44px;height:44px;display:grid;place-items:center}.stepper button:disabled{opacity:.35}.stepper .title{min-width:26px;text-align:center}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 24px}.empty .small{max-width:300px;line-height:1.5}.empty-ic{width:96px;height:96px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;margin-bottom:8px}.toast{position:fixed;left:16px;right:16px;z-index:30;bottom:calc(var(--nav-h) + 32px + var(--tg-bottom) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);color:var(--ink);border:1px solid var(--divider);border-radius:18px;box-shadow:0 12px 32px #0f151229;font-size:14px;font-weight:600}.toast.tone-success svg{color:var(--green)}.toast.tone-warning svg{color:var(--amber-ink)}.glassnav{position:fixed;left:20px;right:calc(20px + var(--nav-h) + 10px);z-index:10;bottom:calc(20px + var(--tg-bottom) + env(safe-area-inset-bottom));height:var(--nav-h);border-radius:34px;padding:6px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px #fff9,0 16px 40px #0f15122e}.gn-row{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:100%}.gn-pill{position:absolute;top:0;bottom:0;left:0;width:20%;border-radius:28px;background:var(--surface);box-shadow:0 2px 10px #0f15121a;transition:opacity .2s}.gn-pill.flying{background:#ffffff9e;box-shadow:inset 0 1px #fff,0 6px 18px #0f15121f;transform:scaleY(.92);transition:left .26s var(--ease-ios),width .26s var(--ease-ios),transform .2s}:root[data-theme=dark] .gn-pill.flying{background:#3c464199}.gn-tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#4a524e;font-size:10px;font-weight:700;min-width:0}:root[data-theme=dark] .gn-tab{color:var(--ink2)}.gn-tab.on{color:var(--green);font-weight:800}.gn-tab .nav-lbl{white-space:nowrap}.gn-ic{position:relative;display:grid;transition:transform .3s var(--ease-ios)}.gn-tab:active .gn-ic{transform:scale(.88)}.gn-badge{position:absolute;right:-9px;top:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;border:2px solid #fff;animation:bump .42s var(--ease-ios)}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}.gn-pay{position:fixed;right:20px;z-index:10;bottom:calc(20px + var(--tg-bottom) + env(safe-area-inset-bottom));width:var(--nav-h);height:var(--nav-h);border-radius:50%;color:#fff;display:grid;place-items:center;background:linear-gradient(180deg,#14b47e,var(--green) 60%,var(--green-dark));border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 18px 18px -14px #ffffff59,0 16px 40px #0f15122e,0 6px 14px #02845f33}.gn-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}.gn-pill{width:25%}.brand-logo{flex:none;background:#fff;border:1px solid var(--divider);overflow:hidden;display:grid;place-items:center;transition:border-color .25s,box-shadow .25s}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-logo.on{border:2px solid var(--green);box-shadow:0 6px 14px #02845f40}.cartbtn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--field);color:var(--ink);flex:none}.cartbtn:after{content:"";position:absolute;inset:-4px}.cartbtn.dark{background:#ffffff29;border:1px solid rgba(255,255,255,.22);color:#fff}.cartbtn .gn-badge{right:-4px;top:-3px}.abc{display:inline-flex;height:32px;padding:3px;border-radius:10px;background:var(--field);gap:0}.abc button{width:30px;border-radius:8px;font-size:13px;font-weight:800;color:var(--ink3);transition:background .2s,color .2s}.abc button.on{background:var(--surface);color:var(--green);box-shadow:0 1px 4px #0f151214}.cartbar{position:fixed;left:20px;right:20px;z-index:9;height:56px;padding:0 16px;gap:12px;border-radius:18px;bottom:calc(20px + var(--nav-h) + 12px + var(--tg-bottom) + env(safe-area-inset-bottom));display:flex;align-items:center;color:#fff;background:var(--grad-primary);box-shadow:0 10px 24px #02845f4d;transform:translateY(160%);opacity:0;pointer-events:none;transition:transform .35s var(--ease-ios),opacity .25s}.cartbar.show{transform:none;opacity:1;pointer-events:auto}.cb-n{min-width:30px;height:30px;padding:0 8px;border-radius:10px;background:#fff3;display:grid;place-items:center;font-weight:800}.qa{border-radius:999px;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #02845f40;flex:none}.qa.on{box-shadow:none;animation:enter .25s var(--ease-ios)}.qa.on button{display:grid;place-items:center;color:#fff}.qa-n{min-width:18px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.home .hero{position:relative;overflow:hidden;color:#fff;background:var(--grad-hero);border-radius:0 0 32px 32px;padding:calc(14px + var(--tg-top)) 20px 12px}.home .hero:before,.home .hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.home .hero:before{width:260px;height:260px;right:-80px;top:-90px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}.home .hero:after{width:220px;height:220px;left:-60px;bottom:-120px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%)}.home .hero>*{position:relative}.home{position:relative}.home:before{content:"";position:absolute;left:0;right:0;top:-100vh;height:100vh;background:#0fae78;pointer-events:none}.hero-logo{width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden}.hero-logo img{width:30px;height:30px;object-fit:contain}.hero-brand{font-size:19px;font-weight:800;letter-spacing:-.02em}.hero-title{margin:14px 0 6px;font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.03em;white-space:pre-line}.hero-sub{margin:0 0 16px;font-size:14px;font-weight:500;opacity:.88}.hero-search{width:100%;height:56px;padding:0 18px;border-radius:18px;background:#fff;color:var(--ink3);display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;text-align:left;box-shadow:0 12px 28px #013c2847}.hero-loc{margin-top:4px;min-height:44px}.hero-region{min-height:44px;font-size:14px;font-weight:700;color:#fff;text-align:left;line-height:1.25}.hero-region svg{flex:none}.hero-status{font-size:13px;font-weight:600;opacity:.86;white-space:nowrap}.hero-pill{height:32px;padding:0 12px;border-radius:999px;background:#ffffff2e;color:#fff;font-size:13px;font-weight:700;position:relative;white-space:nowrap}.hero-pill:after{content:"";position:absolute;inset:-6px 0}.home .sec{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 12px}.home .sec.nopad{padding-inline:4px}.home .hlink{color:var(--green);font-size:14px;font-weight:800;min-height:44px;padding:0 4px;margin:-12px 0}.home .hscroll{display:flex;gap:8px;overflow-x:auto;padding:0 20px 4px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px}.home .hscroll::-webkit-scrollbar{display:none}.home .hchips{margin-top:-4px}.home .sec+.hchips{margin-top:0}.hchip{flex:none;height:44px;max-width:220px;padding:0 16px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-card);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink);scroll-snap-align:start}.hchip svg{color:var(--ink3);flex:none}.htiles{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:20px}.htile{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:76px;min-width:0;padding:4px 0}.htile-ic{width:52px;height:52px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow-card);display:grid;place-items:center;color:var(--green)}.htile-lbl{font-size:clamp(10px,3vw,12px);font-weight:700;color:var(--ink2);max-width:calc(100% + 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.home .pop{gap:12px;padding-bottom:12px}.pop-card{flex:none;width:148px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:6px;scroll-snap-align:start}.pop-img{height:112px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#fff 0,#eef1f0 70%)}:root[data-theme=dark] .pop-img{background:radial-gradient(circle at 50% 40%,#2a322e 0,#1d2420 70%)}.pop-price{font-size:17px;display:flex;align-items:baseline;gap:3px;margin-top:2px}.pop-name{font-size:13px;font-weight:600;line-height:1.3;min-height:34px}.near{padding:0 16px;margin-bottom:8px}.near-row{width:100%;display:flex;align-items:center;gap:12px;padding:16px 0;min-height:80px}.near-row+.near-row{border-top:1px solid var(--divider)}.near-msg{padding:28px 0;text-align:center}.hpill{flex:none;padding:5px 10px;border-radius:999px;background:var(--mint);color:var(--green-dark);font-size:12px;font-weight:800;white-space:nowrap}.hpill.neutral{background:var(--field);color:var(--ink2)}@font-face{font-family:Manrope;src:url(../Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}:root{--bg: #f4f5f7;--surface: #ffffff;--field: #f4f5f7;--ink: #0f1512;--ink2: #5b6460;--ink3: #6b736f;--ink4: #9aa19d;--divider: #edeff1;--green: #02845f;--green-dark: #026a4c;--green-light: #0b9a68;--mint: #e6f5ee;--amber-bg: #fff4d6;--amber-ink: #7a4f00;--red: #d33a3a;--red-bg: #fdecec;--gold: #e9c96a;--gold-dark: #d9b24c;--gold-bg: #fbf4df;--gold-ink: #4a3a00;--shadow-card: 0 1px 2px rgba(15, 21, 18, .04), 0 8px 24px rgba(15, 21, 18, .06);--shadow-primary: 0 10px 24px rgba(2, 132, 95, .3);--grad-primary: linear-gradient(180deg, #0b9a68, #02845f);--grad-hero: linear-gradient(165deg, #0fae78 0%, #02845f 55%, #026a4c 100%);--glass: linear-gradient(180deg, rgba(255, 255, 255, .8), rgba(244, 246, 245, .64));--glass-border: rgba(255, 255, 255, .9);--r-card: 24px;--r-ctl: 18px;--r-sm: 12px;--tg-top: 0px;--tg-bottom: 0px;--nav-h: 68px;--ease-ios: cubic-bezier(.2, .9, .3, 1);--ease-out: cubic-bezier(.05, .7, .1, 1);color-scheme:light}:root[data-theme=dark]{--bg: #0e1311;--surface: #161c19;--field: #1d2420;--ink: #eef2ef;--ink2: #b3bcb7;--ink3: #98a29d;--ink4: #6e7873;--divider: #26302b;--green: #2fbf8a;--green-dark: #6fd9b0;--mint: #143326;--amber-bg: #3a2d10;--amber-ink: #f2c46b;--red: #ff6b6b;--red-bg: #3a1a1a;--gold-bg: #2e2712;--gold-ink: #f2d98a;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--glass: linear-gradient(180deg, rgba(34, 42, 38, .78), rgba(22, 28, 25, .7));--glass-border: rgba(255, 255, 255, .08);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font:500 15px/1.4 Manrope,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-variant-numeric:tabular-nums}#app{min-height:100%}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}input{font:inherit;color:inherit}img{max-width:100%;display:block}a{color:var(--green);text-decoration:none}.page{min-height:100dvh;padding-bottom:calc(var(--nav-h) + 44px + var(--tg-bottom) + env(safe-area-inset-bottom))}.page.no-nav{padding-bottom:calc(120px + var(--tg-bottom) + env(safe-area-inset-bottom))}.wrap{padding-inline:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.grow{flex:1;min-width:0}.clip1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.h1{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.15}.h2{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.h3{font-size:18px;font-weight:800;letter-spacing:-.01em}.title{font-size:16px;font-weight:800}.body{font-size:15px;font-weight:500}.small{font-size:13px;font-weight:500;color:var(--ink2)}.caption{font-size:12px;font-weight:600;color:var(--ink3)}.overline{font-size:12px;font-weight:800;color:var(--ink3);letter-spacing:.08em;text-transform:uppercase}.price{font-weight:800;letter-spacing:-.02em}.muted{color:var(--ink2)}.green{color:var(--green)}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.group>*+*{border-top:1px solid var(--divider)}@keyframes slideIn{0%{transform:translate(28%);opacity:.4}to{transform:none;opacity:1}}@keyframes slideBack{0%{transform:translate(-12%);opacity:.6}to{transform:none;opacity:1}}@keyframes fadeUp{0%{transform:translateY(10px) scale(.985);opacity:0;filter:blur(4px)}to{transform:none;opacity:1;filter:none}}@keyframes enter{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.nav-push{animation:slideIn .36s var(--ease-ios) backwards}.nav-pop{animation:slideBack .3s var(--ease-ios) backwards}.nav-tab{animation:fadeUp .3s var(--ease-out) backwards}.enter{animation:enter .36s var(--ease-out) both}.press{transition:transform .22s var(--ease-ios),opacity .2s}.press:active{transform:scale(.97);opacity:.85;transition-duration:.08s}.skel{background:linear-gradient(90deg,var(--field) 0,var(--divider) 40px,var(--field) 80px) var(--field);background-size:200px 100%;animation:shimmer 1.2s infinite linear;border-radius:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}