:root{--brand-yellow:#f8cb46;--cream-top:#f9edc0;--cream-bottom:#fdf8e7;--cream-field:#fbf4d8;--green:#0c831f;--green-dark:#0a6d1a;--green-tint:#e8f5e9;--ink:#1f1f1f;--ink-2:#666;--ink-3:#9c9c9c;--surface:#f4f6fb;--border:#eee;--blue:#256fef;--red:#b71c1c;--amber:#f5a623;--white:#fff;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--r-sm:8px;--r-md:16px;--r-lg:24px;--r-pill:999px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 6px 20px #0000001a;--shadow-lg:0 12px 36px #00000029;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--max-w:1200px;--header-h:72px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 16px}.page{padding-bottom:96px}.hdr{z-index:40;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0}.hdr-in{height:var(--header-h);align-items:center;gap:16px;display:flex}.hdr-logo{flex:none;place-items:center;display:grid}.hdr-logo img{object-fit:contain;width:44px;height:44px}.hdr-pin{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.3;display:flex}.hdr-pin b{font-size:13.5px;font-weight:800}.hdr-pin span svg{flex:none}.hdr-pin span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;max-width:260px;font-size:12px;display:flex;overflow:hidden}.hdr-search{flex:1;min-width:0;position:relative}.hdr-search input{background:var(--surface);border-radius:var(--r-sm);border:1px solid #0000;width:100%;height:44px;padding:0 46px 0 42px;font-size:14px}.hdr-search input:focus{border-color:var(--green);background:var(--white);outline:none}.hdr-search>svg{color:var(--ink-3);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.hdr-actions{align-items:center;gap:10px;display:flex}.btn-cart{background:var(--green);color:#fff;border-radius:var(--r-sm);align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:800;display:flex}.btn-cart:hover{background:var(--green-dark)}.btn-ghost{border-radius:var(--r-sm);border:1px solid var(--border);height:44px;padding:0 14px;font-size:14px;font-weight:700}.btn-ghost:hover{border-color:var(--ink-3)}.sec{margin-top:32px}.sec-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.sec-head h2{letter-spacing:-.3px;font-size:19px;font-weight:900}.sec-head a{color:var(--green);font-size:13px;font-weight:800}.banners{align-items:stretch;gap:12px;display:flex}.banner{border-radius:var(--r-md);background:var(--surface);flex:1 1 0;min-width:0;position:relative;overflow:hidden}.banner img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.banner img.banner-contain{object-fit:contain;object-position:center}.banner-scrim{pointer-events:none;background:linear-gradient(#0000006b,#0000001a 45%,#0000);position:absolute;inset:0}.banner-copy{color:#fff;text-shadow:0 1px 5px #00000073;pointer-events:none;flex-direction:column;gap:2px;padding:14px;display:flex;position:absolute;top:0;left:0;right:0}.banner-copy b{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:clamp(18px,2vw,26px);font-weight:900;line-height:1.2;display:-webkit-box;overflow:hidden}.banner-copy span{opacity:.92;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:clamp(12px,1.2vw,15px);display:-webkit-box;overflow:hidden}.banner-copy--dark{color:#1f1f1f;text-shadow:none}.banners--one .banner{aspect-ratio:1000/320}.banners--many .banner{aspect-ratio:1}.tiles{grid-template-columns:repeat(8,1fr);gap:14px;display:grid}.tile{flex-direction:column;align-items:center;gap:8px;display:flex}.tile-img{aspect-ratio:1;border-radius:var(--r-md);place-items:center;width:100%;padding:10px;display:grid;overflow:hidden}.tile-img img{object-fit:contain;width:100%;height:100%}.tile span{text-align:center;font-size:12px;font-weight:700;line-height:1.3}.tile:hover .tile-img{transform:translateY(-2px)}.tile-img{transition:transform .15s}.grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);flex-direction:column;gap:8px;padding:10px;transition:box-shadow .15s,border-color .15s;display:flex;position:relative}.card:hover{box-shadow:var(--shadow-sm);border-color:#e0e0e0}.card-img{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);place-items:center;display:grid;overflow:hidden}.card-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.card-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-unit{color:var(--ink-2);font-size:11.5px}.card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.card-price b{font-size:14px;font-weight:900}.card-price s{color:var(--ink-3);margin-left:5px;font-size:11.5px}.save-tag{z-index:1;background:var(--blue);color:#fff;border-radius:0 0 6px 6px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:0;left:10px}.oos{border-radius:var(--r-md);color:var(--ink-2);background:#ffffffb8;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;inset:0}.add{border:1px solid var(--green);min-width:68px;height:32px;color:var(--green);background:var(--green-tint);border-radius:var(--r-sm);font-size:13px;font-weight:900}.add:hover{background:var(--green);color:#fff}.stepper{background:var(--green);color:#fff;border-radius:var(--r-sm);align-items:center;min-width:68px;height:32px;font-weight:900;display:flex}.stepper button{color:#fff;flex:0 0 24px;height:100%;font-size:16px;line-height:1}.stepper span{text-align:center;flex:1;font-size:13px}.notice{border-radius:var(--r-sm);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.notice.warn{background:#fff3cd}.notice.bad{color:#c62828;background:#ffebee}.toast{z-index:90;background:var(--ink);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-md);padding:11px 18px;font-size:13.5px;font-weight:700;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.skel{border-radius:var(--r-sm);background:linear-gradient(90deg,#f2f4f7 25%,#e9edf3 37%,#f2f4f7 63%) 0 0/400% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.only-wide{display:block}.only-narrow{display:none}@media (width<=860px){:root{--header-h:60px}.only-wide{display:none}.only-narrow{display:block}.hdr{padding-bottom:10px}.hdr-in{flex-wrap:wrap;gap:10px;height:auto;padding-top:10px}.hdr-logo{display:grid}.hdr-logo img{width:34px;height:34px}.hdr-pin{flex:1;min-width:0}.hdr-pin>b,.hdr-pin>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hdr-pin>b{font-size:13px;display:block}.hdr-pin>span{display:block}.hdr-pin>span svg{vertical-align:-2px;margin-right:3px;display:inline}.btn-cart{white-space:nowrap;gap:6px;padding:0 12px;font-size:13.5px}.hdr-search{flex-basis:100%;order:3}.hdr-actions{flex:none}.btn-ghost{padding:0 11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tiles{grid-template-columns:repeat(4,1fr);gap:10px}.tile span{font-size:11px}.banners{gap:10px}.banners--one .banner{aspect-ratio:1000/420}.aisle .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aisle .card-foot{flex-wrap:wrap;gap:6px}.aisle .card-foot .add,.aisle .card-foot .stepper{flex:100%;width:auto}.sec-head h2{font-size:17px}}@media (width<=640px){.banners--one .banner{aspect-ratio:var(--banner-ratio,1000 / 420)}}.aisle{grid-template-columns:148px 1fr;align-items:start;gap:22px;display:grid}.rail{top:calc(var(--hdr-h,var(--header-h)) + 12px);max-height:calc(100vh - var(--hdr-h,var(--header-h)) - 24px);max-height:calc(100svh - var(--hdr-h,var(--header-h)) - 24px);flex-direction:column;gap:2px;display:flex;position:sticky;overflow-y:auto}.rail button{border-radius:var(--r-sm);text-align:left;color:var(--ink-2);align-items:center;gap:9px;padding:8px 10px;font-size:12.5px;font-weight:700;line-height:1.3;display:flex}.rail button:hover{background:var(--surface)}.rail .rail-on{background:var(--green-tint);color:var(--green)}.rail-dot{background:var(--surface);border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;overflow:hidden}.rail-dot img{object-fit:contain;width:100%;height:100%}.pdp{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:start;gap:42px;display:grid}.pdp-img{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);aspect-ratio:1;place-items:center;padding:28px;display:grid;position:relative}.pdp-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.pdp-heart{border:1px solid var(--border);background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}@media (width<=860px){.aisle{grid-template-columns:92px minmax(0,1fr);gap:12px}.rail{max-height:calc(100svh - var(--hdr-h,var(--header-h)) - var(--tabbar-h,66px) - 24px)}.rail button{text-align:center;flex-direction:column;gap:3px;padding:5px 4px;font-size:11px}.rail-dot{flex:none;width:36px;height:36px}.pdp{grid-template-columns:1fr;gap:22px}.pdp-img{padding:18px}}.checkout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.line{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 0;display:flex}.line-img{border-radius:var(--r-sm);background:var(--surface);flex:0 0 60px;place-items:center;width:60px;height:60px;display:grid;overflow:hidden}.line-img img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.panel{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);padding:18px}.panel h2{font-size:15px;font-weight:900}.bill{border:1px solid var(--border);border-radius:var(--r-md);top:calc(var(--header-h) + 14px);padding:18px;position:sticky}.bill h2{margin-bottom:12px;font-size:15px;font-weight:900}.bill-row{color:var(--ink-2);justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;display:flex}.bill-total{border-top:1px dashed var(--border);color:var(--ink);justify-content:space-between;margin-top:10px;padding-top:12px;font-size:15px;font-weight:900;display:flex}.addr{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:13px;font-size:13px;display:flex}.addr-on{border-color:var(--green);background:var(--green-tint)}.addr b{margin-bottom:2px;font-size:13.5px;display:block}.addr input{accent-color:var(--green);margin-top:2px}.addr-form{gap:12px;margin-top:14px;display:grid}.addr-form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:5px;display:grid}.field span{color:var(--ink-2);font-size:12px;font-weight:700}.field input{border:1px solid var(--border);border-radius:var(--r-sm);height:42px;padding:0 12px;font-size:14px}.field input:focus{border-color:var(--green);outline:none}.link{color:var(--green);font-size:13px;font-weight:800}.track{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:22px;display:flex}.track li{color:var(--ink-3);align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.track li span{background:var(--border);border-radius:50%;width:9px;height:9px}.track .track-on{color:var(--green)}.track .track-on span{background:var(--green)}.auth{place-items:center;padding:48px 0;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--r-md);width:100%;max-width:400px;padding:28px}.auth-card h1{font-size:21px;font-weight:900}.auth-sub{color:var(--ink-2);margin:6px 0 18px;font-size:13px}.field-phone{border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;height:48px;display:flex;overflow:hidden}.field-phone span{border-right:1px solid var(--border);padding:0 12px;font-size:14px;font-weight:800;line-height:48px}.field-phone input{border:0;outline:none;flex:1;height:100%;padding:0 12px;font-size:15px}.field-code{border:1px solid var(--border);border-radius:var(--r-sm);letter-spacing:4px;width:100%;height:48px;padding:0 12px;font-size:18px;font-weight:800}.auth-go{background:var(--green);color:#fff;border-radius:var(--r-sm);width:100%;height:48px;margin-top:14px;font-size:15px;font-weight:900}.auth-go:disabled{opacity:.45}.auth-legal{color:var(--ink-3);margin-top:16px;font-size:11.5px;line-height:1.5}.auth-legal a{color:var(--green);font-weight:700}.account{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;display:grid}.acct-nav{gap:2px;display:grid}.acct-nav a,.acct-nav button{border-radius:var(--r-sm);color:var(--ink-2);text-align:left;align-items:center;gap:10px;padding:11px 13px;font-size:13.5px;font-weight:700;display:flex}.acct-nav a:hover,.acct-nav button:hover{background:var(--surface)}.acct-nav .on{background:var(--green-tint);color:var(--green)}.acct-nav svg{flex:none}@media (width<=860px){.checkout,.account{grid-template-columns:1fr}.bill{position:static}.acct-nav{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.acct-nav::-webkit-scrollbar{display:none}.acct-nav a,.acct-nav button{white-space:nowrap;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--white);flex:none;gap:7px;padding:9px 14px}.acct-nav .on{border-color:var(--green)}.addr-form .two{grid-template-columns:1fr}}.tabbar{z-index:50;background:var(--tab-bar,var(--white));border-top:1px solid var(--border);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);padding:4px 6px max(4px, calc(env(safe-area-inset-bottom) * .55));justify-content:space-around;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.tab{min-width:0;min-height:56px;color:var(--tab-closed,var(--ink-3));border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 2px;display:flex}.tab-mark{place-items:center;display:grid;position:relative}.tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:500;line-height:1.1;overflow:hidden}.tab.on .tab-label{font-weight:800}.tab-badge{background:var(--green);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-10px}.tabbar-solid .tab.on{background:var(--tab-pill);color:var(--tab-on-pill)}.tabbar-soft .tab.on{background:var(--tab-pill);color:var(--tab-on-pill);box-shadow:inset 0 0 0 1px #fff9}.tabbar-line{-webkit-backdrop-filter:none;backdrop-filter:none}.tabbar-line .tab{border-radius:0;position:relative}.tabbar-line .tab.on{color:var(--tab-open)}.tabbar-line .tab.on:before{content:"";background:var(--tab-open);border-radius:0 0 3px 3px;width:40px;height:4px;margin-left:-20px;position:absolute;top:-4px;left:50%}.tabbar-many{padding-left:2px;padding-right:2px}.tabbar-many .tab{padding-left:0;padding-right:0}.tabbar-many .tab-label{letter-spacing:-.1px;text-overflow:clip;font-size:10.5px;overflow:visible}.tabbar-six .tab-label{font-size:9.5px}@media (width<=370px){.tabbar-many .tab-label{font-size:9px}}.tabbar-many:not(.tabbar-line) .tab-mark{border-radius:16px;padding:4px 14px}.tabbar-many:not(.tabbar-line) .tab-badge{top:-3px;right:3px}.tabbar-many.tabbar-solid .tab.on,.tabbar-many.tabbar-soft .tab.on{box-shadow:none;color:var(--tab-open);background:0 0}.tabbar-many.tabbar-solid .tab.on .tab-mark,.tabbar-many.tabbar-soft .tab.on .tab-mark{background:var(--tab-pill);color:var(--tab-on-pill)}.tabbar-floating{left:12px;right:12px;bottom:max(10px, calc(env(safe-area-inset-bottom) * .55));border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:34px;padding:4px}@media (width<=860px){.tabbar{display:flex}.page{padding-bottom:150px}}.or{color:var(--ink-3);align-items:center;gap:10px;margin:16px 0 12px;font-size:11.5px;font-weight:700;display:flex}.or:before,.or:after{content:"";background:var(--border);flex:1;height:1px}.btn-google{border-radius:var(--r-sm);color:#3c4043;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:15px;font-weight:600;display:flex}.btn-google:hover{background:#f8f9fa}.btn-google:disabled{opacity:.55}.card-foot .stepper,.card-foot .add{flex:none}.stepper{justify-content:space-between;width:74px}.line .stepper{flex:none;width:84px}@media (width<=860px){.card-foot{gap:6px}.stepper{width:68px}.add{min-width:60px}.card-price b{font-size:13px}}.mapwrap{margin-top:10px;position:relative}.mapcanvas{border-radius:var(--r-md);background:var(--surface);height:280px;overflow:hidden}.mappin{background:var(--green);width:18px;height:18px;box-shadow:var(--shadow-md);pointer-events:none;border:3px solid #fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;left:50%}.mappin:after{content:"";background:var(--green);width:2px;height:12px;margin-left:-1px;position:absolute;top:100%;left:50%}.mapme{width:36px;height:36px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:64px;right:10px}.mapgo{justify-content:center;height:44px;position:absolute;bottom:12px;left:12px;right:12px}.ridermap{border-radius:var(--r-md);background:var(--surface);height:240px;margin:18px 0 4px;overflow:hidden}.placesearch{margin-bottom:8px;position:relative}.placesearch>svg{color:var(--ink-3);pointer-events:none;position:absolute;top:14px;left:13px}.mapsearch{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;width:100%;height:44px;padding:0 14px 0 38px;font-size:14px}.mapsearch:focus{border-color:var(--green);outline:none}.placesearch-busy{color:var(--ink-3);position:absolute;top:11px;right:14px}.placelist{z-index:30;border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-md);background:#fff;position:absolute;top:48px;left:0;right:0;overflow:hidden}.placelist button{text-align:left;width:100%;padding:11px 14px;font-size:13.5px;display:block}.placelist button:hover{background:var(--surface)}.cartbar{z-index:45;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:18px;left:0;right:0}.cartbar-nudge{pointer-events:auto;color:#fff;border-radius:var(--r-pill);background:#000000bf;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;display:flex}.cartbar-pill{pointer-events:auto;background:var(--green);color:#fff;border-radius:var(--r-pill);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:6px;display:flex}.cartbar-pill:hover{background:var(--green-dark)}.cartbar-thumb{background:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.cartbar-thumb img{object-fit:contain;width:100%;height:100%;padding:3px}.cartbar-text{flex-direction:column;padding:0 4px;line-height:1.15;display:flex}.cartbar-text b{font-size:16px;font-weight:700}.cartbar-text small{opacity:.85;font-size:11px}.cartbar-go{background:var(--green-dark);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}@media (width<=860px){.cartbar{bottom:calc(76px + env(safe-area-inset-bottom) * .55)}}.ridercard{border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.ridercard-dot{background:var(--green-tint);width:40px;height:40px;color:var(--green);border-radius:50%;flex:none;place-items:center;display:grid}.ridercard b{font-size:14.5px}.mapnotice{color:#c62828;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);background:#ffebee;padding:10px 12px;font-size:12.5px;font-weight:700;position:absolute;bottom:64px;left:12px;right:12px}@property --angle-a{syntax:"<angle>";inherits:false;initial-value:0deg}.voice-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);background:radial-gradient(900px 500px at 12% 8%,#1d4d2c8c 0%,#0000 60%),radial-gradient(700px 500px at 88% 90%,#4a3a1273 0%,#0000 58%),#080b09cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.voice-card{text-align:center;-webkit-backdrop-filter:blur(26px)saturate(1.5);background:linear-gradient(160deg,#ffffff2b,#ffffff12);border:1px solid #ffffff38;border-radius:26px;width:min(360px,100%);padding:26px 20px 20px;box-shadow:0 26px 60px #00000073,inset 0 1px #ffffff59}.voice-stage{place-items:center;height:174px;display:grid;position:relative}.voice-halo{width:168px;height:168px;transform:scale(calc(.72 + var(--v) * .6));opacity:calc(.28 + var(--v) * .6);background:radial-gradient(circle,#3cc86942 0%,#0000 68%);border-radius:50%;transition:transform .14s ease-out,opacity .14s ease-out;position:absolute}.voice-orb{width:126px;height:126px;transform:scale(calc(1 + var(--v) * .07));background:radial-gradient(circle at 50% 118%,#1c2d22eb 0%,#080b09f5 66%);border-radius:50%;transition:transform .12s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 18px 40px #00000073,inset 0 0 0 1px #ffffff47,inset 0 10px 26px #ffffff1a,inset 0 -14px 30px #0009}.voice-orb .lit{background:conic-gradient(from var(--angle-a), transparent 0%, #1f8a3a 12%, #6cf29a 25%, transparent 44%, #2f7f55 63%, transparent 80%);filter:blur(18px);opacity:calc(.52 + var(--v) * .42);border-radius:50%;animation:6s linear infinite orb-spin;position:absolute;inset:-32%}@keyframes orb-spin{to{--angle-a:360deg}}.voice-orb .inner{background:radial-gradient(circle at 50% 52%, rgba(150,255,190,calc(.1 + var(--v) * .3)) 0%, transparent 50%);border-radius:50%;position:absolute;inset:0}.voice-orb .spec{background:radial-gradient(54% 32% at 38% 20%,#ffffff8c 0%,#0000 70%);border-radius:50%;position:absolute;inset:0}.voice-orb.idle .lit{opacity:.4;animation-duration:15s}.voice-orb.idle{animation:3.6s ease-in-out infinite orb-breathe}@keyframes orb-breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.01)}}.voice-orb.thinking .lit{animation-duration:1.1s}.voice-title{color:#fff;text-shadow:0 1px 10px #0000004d;font-size:17px;font-weight:900;display:block}.voice-heard{color:#ffffffc7;min-height:42px;margin-top:6px;font-size:13.5px;line-height:1.45}.voice-heard.said{color:#fff;font-size:15px;font-weight:700}.voice-heard.bad{color:#ffb4ae}.voice-actions{gap:10px;margin-top:12px;display:flex}.voice-cancel,.voice-go{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:13px;flex:1;height:46px;font-size:14.5px;font-weight:800}.voice-cancel{color:#ffffffeb;background:#ffffff29;border:1px solid #ffffff38}.voice-go{color:#fff;background:#0c831feb;font-weight:900;box-shadow:0 6px 18px #0c831f73}.voice-go:disabled{color:#ffffff80;box-shadow:none;background:#ffffff2e}.hdr-mic{width:34px;height:34px;color:var(--ink-3);background:#fff2ec;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.hdr-mic svg{display:block}.hdr-mic:hover{background:#ffe7dc}@media (prefers-reduced-motion:reduce){.voice-orb,.voice-orb .lit{animation:none!important}}.card.slot-shut .card-img,.card.slot-shut .card-name,.card.slot-shut .card-price{opacity:.45}.slot-note{text-align:center;color:#8a6d1f;border-radius:var(--r-sm);background:#fdf4dc;margin-top:8px;padding:5px 8px;font-size:11.5px;font-weight:800}.btn-primary{cursor:pointer;background:var(--green);color:#fff;border-radius:var(--r-sm);border:0;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:14px;font-weight:800;display:inline-flex}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled,.btn-ghost:disabled{opacity:.5;cursor:default}.muted{color:var(--ink-2)}.sec-title{letter-spacing:-.3px;margin-bottom:6px;font-size:22px;font-weight:900}.sec-sub{margin:22px 0 10px;font-size:15px;font-weight:900}.sub-intro{color:var(--ink-2);max-width:58ch;margin-bottom:18px;font-size:13.5px}.sub-empty,.sub-error{color:var(--ink-2);font-size:13.5px}.sub-error{color:var(--red)}.sub-plans{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.sub-plan{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);flex-direction:column;display:flex;overflow:hidden}.sub-plan-img{aspect-ratio:16/7;object-fit:cover;width:100%;display:block}.sub-plan-body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.sub-plan-body h3{font-size:16px;font-weight:900}.sub-plan-desc{color:var(--ink-2);font-size:13px}.sub-plan-items{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.sub-plan-items li{background:var(--green-tint);color:var(--green-dark);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.sub-plan-facts{gap:5px;margin:0;display:grid}.sub-plan-facts>div{grid-template-columns:92px minmax(0,1fr);gap:10px;font-size:13px;display:grid}.sub-plan-facts dt{color:var(--ink-3);margin:0}.sub-plan-facts dd{margin:0;font-weight:600}.sub-plan-buy{align-items:center;gap:12px;margin-top:auto;padding-top:6px;display:flex}.sub-plan-price{display:grid}.sub-plan-price strong{font-size:19px;font-weight:900}.sub-plan-price span{color:var(--ink-3);font-size:11.5px}.sub-plan-buy .btn-primary{margin-left:auto}.sub-mine{gap:10px;margin-bottom:8px;display:grid}.sub-mine-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);align-items:center;gap:12px;padding:14px 16px;display:flex}.sub-mine-card p{color:var(--ink-2);margin-top:2px;font-size:12.5px}.sub-mine-card .btn-ghost{margin-left:auto}.sub-sheet-wrap{z-index:60;background:#0000006b;place-items:end center;display:grid;position:fixed;inset:0}.sub-sheet{background:var(--white);border-radius:var(--r-md) var(--r-md) 0 0;width:min(520px,100%);max-height:88vh;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));gap:14px;display:grid;overflow-y:auto}.sub-sheet h2{font-size:18px;font-weight:900}.sub-sheet-sum{color:var(--ink-2);font-size:13.5px}.sub-addr h3{margin-bottom:8px;font-size:14px;font-weight:800}.sub-addr-list{gap:10px;margin-bottom:10px;display:grid}.addr-off{opacity:.55}.wide{width:100%}@media (width>=640px){.sub-sheet-wrap{place-items:center}.sub-sheet{border-radius:var(--r-md)}}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;display:grid}.brand-tile{text-align:center;border:1px solid var(--border);border-radius:var(--r-md);background:var(--white);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 10px;display:flex}.brand-tile:hover{border-color:var(--ink-3)}.brand-tile img{object-fit:contain;width:56px;height:56px}.brand-tile b{font-size:13px;font-weight:800}.brand-tile span{font-size:11.5px}.brand-initial{background:var(--green-tint);width:56px;height:56px;color:var(--green-dark);border-radius:50%;place-items:center;font-size:22px;font-weight:900;display:grid}.sub-mine-card{flex-direction:column;align-items:stretch}.sub-mine-main{align-items:center;gap:12px;display:flex}.sub-mine-main .btn-ghost{margin-left:auto}.sub-refund{font-weight:700;color:var(--green-dark)!important}.sub-confirm{border-top:1px solid var(--border);gap:10px;margin-top:12px;padding-top:12px;display:grid}.sub-confirm p{color:var(--ink);font-size:13px}.sub-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.btn-danger{cursor:pointer;border-radius:var(--r-sm);background:var(--red);color:#fff;border:0;height:44px;padding:0 16px;font-size:14px;font-weight:800}.btn-danger:disabled{opacity:.5;cursor:default}.dbanner{border-radius:var(--r-md);background-color:var(--surface);background-position:top;background-repeat:no-repeat;background-size:cover;flex-direction:column;padding:14px;display:flex;position:relative}.dbanner-row{scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.dbanner-row::-webkit-scrollbar{display:none}.dbanner-tile{color:var(--ink,#1f1f1f);flex-direction:column;flex:0 0 148px;align-items:center;gap:8px;padding:26px 10px 12px;text-decoration:none;display:flex;position:relative;box-shadow:0 1px 4px #1c1a1514}.dbanner-tile img{object-fit:contain;width:96px;height:96px}.dbanner-label{text-align:center;font-size:13px;font-weight:700;line-height:1.25}.dbanner-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (width<=640px){.dbanner{padding:10px}.dbanner-tile{flex-basis:124px}.dbanner-tile img{width:76px;height:76px}}.ptabs{z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:fixed;top:50svh;right:0;transform:translateY(-50%)}.ptab{pointer-events:auto;width:52px;height:162px;animation:ptab-in .55s cubic-bezier(.2, 1.3, .4, 1) both calc(.4s + var(--i) * .15s), ptab-nudge .44s ease-in-out calc(1s + var(--i) * .15s) 2;display:block;position:relative}.ptab.with-art{width:90px}.ptab-capsule{background:linear-gradient(160deg, var(--top), var(--bottom));border-radius:52px 0 0 52px;flex-direction:column;align-items:center;gap:8px;width:52px;height:150px;padding-top:6px;transition:transform .12s;display:flex;position:absolute;bottom:0;right:0;box-shadow:-2px 4px 14px #0c1f6359,inset 0 0 0 1.5px #ffffff4d}.ptab:active .ptab-capsule{transform:scale(.95)}.ptab:focus-visible{outline:none}.ptab:focus-visible .ptab-capsule{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--bottom)}.ptab-icon{background:#fff;border-radius:50%;flex:none;width:40px;height:40px;padding:3px;position:relative;overflow:hidden}.ptab-icon img{object-fit:cover;border-radius:50%;width:34px;height:34px;display:block}.ptab-icon.shine:after{content:"";animation:ptab-shine 1.15s linear calc(1s + var(--i) * .15s) 3;background:linear-gradient(110deg,#0000 35%,#fffc 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.ptab-name{writing-mode:vertical-rl;color:#fff;white-space:nowrap;text-overflow:ellipsis;max-height:88px;font-size:12px;font-weight:900;overflow:hidden;transform:rotate(180deg)}.ptab-art{object-fit:contain;filter:drop-shadow(0 3px 3px #0000004d);pointer-events:none;width:60px;height:60px;position:absolute;top:63px;left:0}.ptab-badge{color:#fff;white-space:nowrap;background:#ff7a1a;border:2px solid #fff;border-radius:99px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;top:4px;left:calc(100% - 58px)}@keyframes ptab-in{0%{transform:translate(110%)}}@keyframes ptab-nudge{50%{transform:translate(-8px)}}@keyframes ptab-shine{0%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.ptab,.ptab-icon.shine:after{animation:none}}.agegate{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.agegate-card{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:420px;max-height:calc(100svh - 32px);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.agegate-card h2{color:var(--ink);margin:0;font-size:24px}.agegate-rule{color:var(--ink-2);align-items:flex-start;gap:14px;font-size:16px;line-height:1.4;display:flex}.agegate-rule svg{color:#e53935;flex:none;margin-top:1px}.agegate-note{color:var(--ink-2);margin:0;font-size:14px}.agegate-link{cursor:pointer;color:var(--green);background:0 0;border:0;align-self:flex-start;padding:0;font-size:15px;font-weight:700}.agegate-terms{border-radius:var(--r-sm);background:var(--surface);color:var(--ink-2);white-space:pre-line;flex-direction:column;gap:6px;padding:12px;font-size:13px;line-height:1.5;display:flex}.agegate-terms b{color:var(--ink)}.agegate-yes{border-radius:var(--r-md);background:var(--green);cursor:pointer;color:var(--white);border:0;padding:16px;font-size:17px;font-weight:700}.agegate-no{cursor:pointer;color:var(--green);background:0 0;border:0;padding:4px;font-size:16px;font-weight:700}
