:root{--cream:#f1ede5;--cream-2:#fbf9f4;--surface:#fff;--tile:#eae4d9;--tile-2:#e4ddcf;--ink:#16140f;--ink-2:#6c6256;--ink-3:#9b9182;--hair:#e7e0d3;--accent:#d92d20;--accent-deep:#b3231a;--accent-soft:#fdeae7;--green:#1f9d55;--amber:#d98324;--rose:#e2503a;--f:"Onest",system-ui,-apple-system,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);--r:26px;--r-sm:16px;--shadow:0 12px 30px #16140f14;--shadow-soft:0 6px 18px #16140f0f;--nav-h:64px;--cta-h:78px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--f);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none;font-family:inherit}.app{background:var(--cream);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;padding:max(14px,env(safe-area-inset-top)) 18px 18px;flex:1;overflow-y:auto}.screen.has-nav{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.screen.has-cta{padding-bottom:calc(var(--cta-h) + env(safe-area-inset-bottom) + 16px)}.screen.has-cta-nav{padding-bottom:calc(var(--cta-h) + var(--nav-h) + env(safe-area-inset-bottom) + 16px)}.screen::-webkit-scrollbar{width:0}.greet{padding:8px 2px 4px}.greet .hi{color:var(--ink-2);font-size:14px;font-weight:500}.greet .h1{letter-spacing:-.03em;margin-top:2px;font-size:27px;font-weight:800;line-height:1.05}.greet .sub{color:var(--ink-2);margin-top:5px;font-size:12px;font-weight:500}.topbar{align-items:center;gap:12px;padding:6px 0 10px;display:flex}.topbar .back{background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow-soft);transition:transform .15s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.topbar .back:active{transform:scale(.94)}.topbar .back svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:2px}.topbar .ttl{letter-spacing:-.02em;font-size:20px;font-weight:800}.shot{justify-content:center;align-items:center;display:flex;position:relative}.shot .halo{aspect-ratio:1;z-index:0;background:radial-gradient(circle,#fff 0%,#fff0 70%);border-radius:50%;width:78%;position:absolute}.shot svg{z-index:1;filter:drop-shadow(0 10px 14px #16140f29);position:relative}.repeat{text-align:left;background:var(--ink);width:100%;color:var(--cream);border-radius:var(--r);box-shadow:var(--shadow);transition:transform .12s var(--ease-out);align-items:center;gap:12px;margin-bottom:13px;padding:16px 15px;display:flex}.repeat:active{transform:scale(.985)}.repeat .rl{flex:1;min-width:0}.repeat .rl b{letter-spacing:-.01em;font-size:15px;font-weight:800;display:block}.repeat .rl small{color:#c9c0b0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.repeat .rl small.rc{color:var(--cream);-webkit-line-clamp:1;margin-top:5px;font-weight:700}.repeat .ra{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.repeat .ra svg{stroke:#fff;fill:none;stroke-width:2.2px;width:18px;height:18px}.cafe{text-align:left;background:var(--surface);border-radius:var(--r);width:100%;box-shadow:var(--shadow-soft);transition:box-shadow .2s var(--ease-out),transform .12s var(--ease-out);margin-bottom:13px;padding:7px;overflow:hidden}.cafe:active{transform:scale(.99)}.cafe .ph{background:radial-gradient(circle at 80% 20%,#d92d201a,#0000 40%),repeating-linear-gradient(115deg,#e7dfd0 0 22px,#e1d8c8 22px 24px);border-radius:20px;align-items:flex-end;height:118px;padding:10px;display:flex;position:relative;overflow:hidden}.cafe .ph .cafephoto{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cafe .ph:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 45%,#16140f6b);position:absolute;inset:0}.cafe .ph .badge{z-index:3;-webkit-backdrop-filter:blur(8px);color:#fff;background:#16140f8c;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:700;display:flex;position:relative}.cafe .ph .badge .gd{background:#4ecb80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #4ecb80cc}.cafe .meta{align-items:center;gap:12px;padding:13px 11px 11px;display:flex}.cafe .meta .info{flex:1}.cafe .meta .info b{letter-spacing:-.01em;font-size:16px;font-weight:700;display:block}.cafe .meta .info small{color:var(--ink-2);margin-top:2px;font-size:12px;display:block}.cafe .meta .dist{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.cafe .meta .go{background:var(--ink);width:38px;height:38px;transition:transform .15s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cafe .meta .go:active{transform:scale(.92)}.cafe .meta .go svg{stroke:#fff;fill:none;stroke-width:2.2px;width:18px;height:18px}.mhead{justify-content:space-between;align-items:center;gap:10px;padding:14px 2px 10px;display:flex}.mhead .h1{letter-spacing:-.03em;font-size:24px;font-weight:800}.shoptag{color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:999px;align-self:center;padding:8px 13px;font-size:12px;font-weight:600}.locpill{background:var(--surface);box-shadow:var(--shadow-soft);color:var(--ink);transition:transform .12s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:12.5px;font-weight:700;display:flex}.locpill:active{transform:scale(.96)}.locpill svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2px;flex-shrink:0}.locpill svg:last-child{stroke:var(--ink-3);width:13px;height:13px}.search{background:var(--surface);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:9px;margin:4px 0 14px;padding:12px 16px;display:flex}.search svg{width:18px;height:18px;stroke:var(--ink-2);fill:none;stroke-width:2px;flex-shrink:0}.search input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.search input::placeholder{color:var(--ink-2)}.search .clr{background:var(--tile);width:22px;height:22px;color:var(--ink-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.chips{z-index:20;background:linear-gradient(var(--cream) 78%,#f1ede500);gap:8px;margin:0 -18px 8px;padding:6px 18px 10px;display:flex;position:sticky;top:-14px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);color:var(--ink-2);white-space:nowrap;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-out),background .15s,color .15s;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:600}.chip:active{transform:scale(.95)}.chip.on{background:var(--ink);color:var(--cream)}.kitchen-note{background:var(--accent-soft);color:var(--accent-deep);border-radius:14px;align-items:center;gap:9px;margin-bottom:12px;padding:11px 13px;font-size:12px;font-weight:600;line-height:1.35;display:flex}.kitchen-note svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2px;flex-shrink:0}.grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.card{text-align:left;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-soft);transition:box-shadow .2s var(--ease-out),transform .12s var(--ease-out);animation:rise .4s var(--ease-out) both;animation-delay:calc(var(--i,0)*28ms);flex-direction:column;padding:13px;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card:active{transform:scale(.98)}.card .favmark{z-index:3;width:26px;height:26px;box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.card .favmark svg{width:13px;height:13px;stroke:var(--rose);fill:var(--rose);stroke-width:1.5px}.card .tile{background:var(--tile);border-radius:18px;justify-content:center;align-items:center;height:118px;margin:-3px -3px 8px;display:flex;position:relative;overflow:hidden}.dimg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.card .tile.b2{background:#e9e2d3}.card .tile.b3{background:#ece6da}.card .tile svg{width:84px;height:84px}.card h4{letter-spacing:-.01em;font-size:15px;font-weight:700;line-height:1.1}.card small{color:var(--ink-2);margin:3px 0 10px;font-size:11px;line-height:1.3;display:block}.card .bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pricepill{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.pricepill.off{background:var(--ink-3)}.card .plus{background:var(--ink);width:34px;height:34px;transition:transform .15s var(--ease-out),background .2s;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card .plus:active{transform:scale(.9)}.card .plus svg{width:18px;height:18px;stroke:var(--cream);fill:none;stroke-width:2.3px}.card .plus.ok{background:var(--green);animation:pop .3s var(--ease-out)}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}.card.off{opacity:.66}.card .stopbadge{z-index:3;color:#fff;background:#16140fd9;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.phero{border-radius:var(--r);background:linear-gradient(160deg,#ece6da,#ded5c5);justify-content:center;align-items:center;height:260px;margin:6px 0 16px;display:flex;position:relative;overflow:hidden}.phero .hback{-webkit-backdrop-filter:blur(8px);z-index:3;width:40px;height:40px;transition:transform .15s var(--ease-out);background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;left:14px}.phero .hback:active{transform:scale(.9)}.phero .hback svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:2px}.phero svg.drink{filter:drop-shadow(0 14px 18px #16140f2e);width:160px;height:160px}.phero .dimg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phero .shot{z-index:1;position:relative}.phero .shot svg{width:170px;height:170px}.crow .tile,.add-extra .mini{position:relative;overflow:hidden}.phero .fav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;width:40px;height:40px;transition:transform .15s var(--ease-out);background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.phero .fav:active{transform:scale(.9)}.phero .fav svg{width:19px;height:19px;stroke:var(--rose);fill:none;stroke-width:1.6px}.phero .fav.on svg{fill:var(--rose)}.ptitle{letter-spacing:-.03em;font-size:26px;font-weight:800}.pweight{color:var(--ink-3);margin-top:4px;font-size:12px;font-weight:600}.pdesc{color:var(--ink-2);margin:5px 0 18px;font-size:13px;line-height:1.5}.opt-row{margin-bottom:18px}.opt-row .gl{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.opt-row .gl span{color:var(--ink-3);font-size:11px;font-weight:500}.segs{flex-wrap:wrap;gap:8px;display:flex}.seg{background:var(--surface);box-shadow:var(--shadow-soft);color:var(--ink);transition:transform .12s var(--ease-out),background .15s var(--ease-out),color .15s;border-radius:14px;padding:10px 15px;font-size:13px;font-weight:600}.seg:active{transform:scale(.96)}.seg:disabled{opacity:.5;cursor:default}.seg .pp{color:var(--ink-3);font-size:11px;font-weight:500}.seg.sel{background:var(--ink);color:var(--cream)}.seg.sel .pp{color:#b8af9f}.add-extra{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-soft);align-items:center;gap:12px;margin-bottom:8px;padding:11px;display:flex}.add-extra .mini{background:var(--tile);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.add-extra .mini svg{width:32px;height:32px}.add-extra b{font-size:13px;font-weight:700}.add-extra small{color:var(--ink-2);font-size:11px;display:block}.add-extra .pl{background:var(--accent-soft);width:32px;height:32px;transition:transform .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.add-extra .pl:active{transform:scale(.9)}.add-extra .pl svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:2.3px}.add-extra .pl.added{background:var(--green)}.add-extra .pl.added svg{stroke:#fff}.cta-bar{padding:12px 18px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);z-index:30;background:#f1ede5db;border-top:1px solid #e7e0d3b3;align-items:center;gap:13px;display:flex;position:absolute;bottom:0;left:0;right:0}.cta-bar.above-nav{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:12px}.cta{background:var(--accent);color:#fff;transition:transform .15s var(--ease-out);border-radius:18px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;display:flex;box-shadow:0 10px 22px #d92d2047}.cta:active{transform:scale(.97)}.cta:disabled{background:var(--ink-3);box-shadow:none;opacity:.7}.cta .amt{font-variant-numeric:tabular-nums}.crow{border-bottom:1px solid var(--hair);align-items:center;gap:13px;padding:14px 0;display:flex}.crow .tile{background:var(--tile);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.crow .tile svg{width:42px;height:42px}.crow .info{flex:1;min-width:0}.crow .info b{font-size:14px;font-weight:700;display:block}.crow .info small{color:var(--ink-2);margin-top:1px;font-size:11px;display:block}.stp{font-variant-numeric:tabular-nums;align-items:center;gap:11px;margin-top:7px;font-size:14px;font-weight:700;display:inline-flex}.stp button{background:var(--surface);width:27px;height:27px;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.stp button:active{transform:scale(.9)}.addmore{color:var(--accent);align-items:center;gap:7px;padding:13px 2px 2px;font-size:13px;font-weight:700;display:inline-flex}.addmore svg{width:15px;height:15px;stroke:var(--accent);fill:none;stroke-width:2.4px}.crow .pr{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:14px;font-weight:800}.prep{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-soft);align-items:center;gap:12px;margin:16px 0;padding:14px;display:flex}.prep .ic{background:var(--accent-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.prep .ic svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:2px}.prep b{font-size:14px;font-weight:700}.prep small{color:var(--ink-2);margin-top:1px;font-size:11px;display:block}.when{gap:9px;margin-top:4px;display:flex}.when .w{text-align:center;background:var(--surface);box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-out);border-radius:14px;flex:1;padding:13px;font-size:13px;font-weight:700}.when .w:active{transform:scale(.97)}.when .w.on{background:var(--ink);color:var(--cream)}.when .w:disabled{opacity:.55;cursor:default}.when .w small{color:var(--ink-3);margin-top:2px;font-size:10px;font-weight:500;display:block}.when .w.on small{color:#b8af9f}.slots{gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.slots::-webkit-scrollbar{display:none}.slot{font-variant-numeric:tabular-nums;background:var(--surface);box-shadow:var(--shadow-soft);white-space:nowrap;transition:transform .12s var(--ease-out),background .15s,color .15s;border-radius:12px;padding:10px 15px;font-size:13px;font-weight:700}.slot:active{transform:scale(.95)}.slot.on{background:var(--accent);color:#fff}.empty{text-align:center;color:var(--ink-2);padding:60px 20px}.empty .ic{background:var(--surface);width:72px;height:72px;box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.empty .ic svg{width:34px;height:34px;stroke:var(--ink-3);fill:none;stroke-width:1.8px}.empty b{color:var(--ink);margin-bottom:5px;font-size:17px;font-weight:700;display:block}.empty p{max-width:240px;margin:0 auto 18px;font-size:13px;line-height:1.5}.empty .go{background:var(--ink);color:var(--cream);border-radius:14px;padding:13px 22px;font-size:14px;font-weight:700;display:inline-block}.tnum-wrap{text-align:center;padding:18px 0 4px}.tnum-eb{color:var(--ink-2);font-size:12px;font-weight:600}.tnum{letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:62px;font-weight:800;line-height:1;transition:color .3s}.tnum.ok{color:var(--green)}.track-card{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow-soft);margin:14px 0;padding:18px}.ring{width:140px;height:140px;margin:2px auto 16px;position:relative}.ring svg{transform:rotate(-90deg)}.ring .mid{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring .mid b{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.ring .mid small{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600}.ring.ready{animation:2.2s ease-in-out infinite breathe}.ring.ready .mid b{color:var(--green);font-size:26px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.tsteps{justify-content:space-between;margin-top:6px;display:flex;position:relative}.tsteps:before{content:"";background:var(--hair);height:2px;position:absolute;top:13px;left:13px;right:13px}.tsteps .ts{z-index:2;flex-direction:column;flex:1;align-items:center;gap:7px;display:flex;position:relative}.tsteps .ts .d{background:var(--surface);border:2px solid var(--hair);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .3s,border-color .3s;display:flex}.tsteps .ts .d svg{width:13px;height:13px;stroke:var(--ink-3);fill:none;stroke-width:2.4px}.tsteps .ts.done .d{background:var(--green);border-color:var(--green)}.tsteps .ts.done .d svg{stroke:#fff}.tsteps .ts.now .d{background:var(--accent);border-color:var(--accent)}.tsteps .ts.now .d svg{stroke:#fff}.tsteps .ts small{color:var(--ink-2);text-align:center;font-size:9.5px;font-weight:600}.arrived{color:#fff;background:var(--ink);width:100%;transition:transform .15s var(--ease-out);border-radius:18px;justify-content:center;align-items:center;gap:9px;margin-top:4px;padding:16px;font-size:15px;font-weight:700;display:flex}.arrived:active{transform:scale(.97)}.arrived.done{background:var(--green)}.arrived svg{stroke:#fff;fill:none;stroke-width:2px;width:18px;height:18px}.fresh{text-align:center;color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;margin-top:11px;padding:11px;font-size:11px}.fresh b{color:var(--accent)}.pickup{color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;align-items:center;gap:9px;margin-bottom:11px;padding:12px 14px;font-size:12.5px;display:flex}.pickup svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:2px;flex-shrink:0}.pickup b{color:var(--ink);font-weight:700}.titems{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow-soft);margin-bottom:14px;padding:6px 14px}.titems .ti{border-bottom:1px solid var(--hair);align-items:baseline;gap:8px;padding:9px 0;font-size:13px;display:flex}.titems .ti:last-child{border-bottom:none}.titems .ti b{font-variant-numeric:tabular-nums;color:var(--ink-2);flex-shrink:0;font-weight:800}.titems .ti span{flex:1;min-width:0;font-weight:600}.titems .ti span small{color:var(--ink-3);margin-top:1px;font-size:11px;font-weight:500;display:block}.titems .ti em{font-variant-numeric:tabular-nums;white-space:nowrap;font-style:normal;font-weight:700}.titems .ti.sum{font-weight:800}.titems .ti.sum em{color:var(--accent)}.donebox{text-align:center;color:var(--ink-2);padding:80px 20px 40px}.donebox .dic{background:var(--green);width:84px;height:84px;animation:pop .4s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex;box-shadow:0 14px 30px #1f9d554d}.donebox .dic svg{stroke:#fff;fill:none;stroke-width:2.4px;width:38px;height:38px}.donebox b{color:var(--ink);letter-spacing:-.02em;margin-bottom:6px;font-size:20px;font-weight:800;display:block}.donebox p{max-width:240px;margin:0 auto 22px;font-size:13px;line-height:1.5}.donebox .go{background:var(--ink);color:var(--cream);border-radius:14px;padding:14px 26px;font-size:14px;font-weight:700;display:inline-block}.pass{background:linear-gradient(150deg,var(--accent),var(--accent-deep));color:#fff;border-radius:var(--r);margin:10px 0 16px;padding:20px;position:relative;overflow:hidden}.pass .eb{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:11px;font-weight:700}.pass h3{letter-spacing:-.02em;margin:7px 0 4px;font-size:22px;font-weight:800}.pass p{opacity:.92;max-width:74%;font-size:12.5px;line-height:1.45}.pass .btn{color:var(--accent);background:#fff;border-radius:999px;margin-top:14px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-block}.pass .cup{opacity:.92;position:absolute;bottom:-16px;right:-10px}.pass .cup svg{width:118px;height:118px}.prow{text-align:left;background:var(--surface);border-radius:var(--r-sm);width:100%;box-shadow:var(--shadow-soft);transition:transform .12s var(--ease-out);align-items:center;gap:13px;margin-bottom:11px;padding:15px;display:flex}.prow:active{transform:scale(.99)}.prow .ic{background:var(--tile);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.prow .ic svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2px}.prow .ptxt{flex:1;min-width:0}.prow .ptxt b{font-size:14px;font-weight:600;display:block}.prow .ptxt small{color:var(--ink-2);margin-top:2px;font-size:11px;display:block}.prow .ch svg{width:18px;height:18px;stroke:var(--ink-3);fill:none;stroke-width:2px}.nav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--hair);z-index:30;background:#fbf9f4eb;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.nav .it{color:var(--ink-3);height:100%;transition:transform .12s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.nav .it:active{transform:scale(.92)}.nav .it svg{width:23px;height:23px;stroke:var(--ink-3);fill:none;stroke-width:1.9px;transition:stroke .15s}.nav .it.on{color:var(--accent)}.nav .it.on svg{stroke:var(--accent)}.nav .it .iw{display:inline-flex;position:relative}.nav .it .badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-9px;box-shadow:0 0 0 2px #fbf9f4eb}.fade-enter{animation:fade .28s var(--ease-out)}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}