:root{--ink:#16233d;--ink-2:#2e4372;--marigold:#f2a20c;--marigold-deep:#b87407;--paper:#faf7f1;--card:#fff;--line:#e6dfd3;--muted:#6f6759;--green:#1d7a5f;--green-bg:#e4f2ec;--red:#b3372f;--red-bg:#fbeae8;--pad:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%}body{overscroll-behavior:none;background:var(--paper);height:100%;color:var(--ink);margin:0;font-family:Mukta,system-ui,sans-serif;overflow:hidden}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:"Baloo 2",system-ui,sans-serif;font-weight:600}.screen-shell{background:var(--paper);width:100%;max-width:480px;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.body{padding:0 var(--pad) 20px;scrollbar-width:none;flex:1;overflow-y:auto}.body::-webkit-scrollbar{display:none}.body{overscroll-behavior:contain}.appbar{padding:16px var(--pad) 13px;flex:none;align-items:center;gap:12px;display:flex}.appbar h2{font-size:20px}.appbar .sub{color:var(--muted);margin:1px 0 0;font-size:12.5px}.foot{padding:11px var(--pad) 24px;background:linear-gradient(to top, var(--paper) 72%, #faf7f100);flex:none}.icon{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.icon.lg{width:26px;height:26px}.icon.xl{stroke-width:1.4px;width:50px;height:50px}.tap{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.tap:disabled{opacity:.5;cursor:default}.btn{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;padding:15px;font-family:"Baloo 2",sans-serif;font-size:17px;font-weight:600;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:default}.btn.gold{background:var(--marigold);color:#3a2a05}.btn.ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn.pay{background:var(--green)}.btn.danger{background:var(--red)}.btn.sm{border-radius:11px;padding:11px;font-size:15px}.hint{text-align:center;color:var(--muted);margin:8px 0 0;font-size:12.5px;line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:14px}.card.tight{padding:12px}.card.sel{border-color:var(--ink);border-width:1.5px}.card.dashed{border-style:dashed}.row{align-items:center;gap:12px;display:flex}.row .grow{flex:1;min-width:0}.label{color:var(--muted);margin:0 0 6px;font-size:12px;font-weight:600}.name{margin:0;font-size:15px;font-weight:600;line-height:1.3}.meta{color:var(--muted);margin:1px 0 0;font-size:12.5px;line-height:1.4}.avatar{background:var(--ink-2);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-family:"Baloo 2",sans-serif;font-size:15px;font-weight:600;display:flex}.divider{background:var(--line);height:1px;margin:14px 0}.pill{background:var(--green-bg);color:var(--green);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pill.warn{color:var(--marigold-deep);background:#fdf0d8}.pill.bad{background:var(--red-bg);color:var(--red)}.pill.off{color:var(--muted);background:#e4ded2}.amount{letter-spacing:-.02em;font-family:"Baloo 2",sans-serif;font-size:42px;font-weight:700;line-height:1}.money{font-family:"Baloo 2",sans-serif;font-weight:600}.ledger{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden}.ledger .li{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;display:flex}.ledger .li+.li{border-top:1px solid var(--line)}.ledger .li span:first-child{color:var(--muted)}.ledger button.li{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}.field{background:var(--card);border:1px solid var(--line);width:100%;min-height:92px;color:inherit;resize:none;border-radius:15px;padding:14px;font-family:inherit;font-size:15px;line-height:1.55}.field::placeholder{color:#a79e8e}.search{background:var(--card);border:1px solid var(--line);border-radius:13px;align-items:center;gap:10px;padding:12px 14px;font-size:14.5px;display:flex}.search input{font:inherit;color:inherit;background:0 0;border:0;outline:none;width:100%}.search input::placeholder{color:#a79e8e}.search svg{stroke:#a79e8e}.mic{border:1.5px dashed var(--line);color:var(--ink-2);background:var(--card);border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px;font-size:14.5px;font-weight:600;display:flex}.topbar{padding:16px var(--pad) 11px;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar .loc{align-items:center;gap:7px;min-width:0;display:flex}.topbar .loc p{margin:0}.topbar .loc .k{color:var(--muted);font-size:11px;font-weight:600}.topbar .loc .v{align-items:center;gap:5px;font-size:14.5px;font-weight:600;display:flex}.topbar .acc{border:1px solid var(--line);background:var(--card);border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tabs{border-top:1px solid var(--line);background:var(--card);padding:8px 0 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex:none;display:flex}.foot:last-child{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.tabs .tb{color:#a79e8e;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:3px 0;font-family:Mukta,sans-serif;font-size:11px;font-weight:600;transition:color .15s,transform .12s;display:flex}.tabs .tb svg{width:25px;height:25px}.tabs .tb span,.tabs .tb{white-space:nowrap;min-width:0}@media (width<=359px){.tabs .tb{font-size:10px}.tabs .tb svg{width:23px;height:23px}}.tabs .tb.on{color:var(--marigold-deep)}.tabs .tb.on svg{stroke-width:2.1px}@media (hover:hover){.tabs .tb:hover{color:var(--marigold-deep)}}.tabs .tb:active{transform:scale(.93)}@media (hover:hover){.topbar .acc:hover{border-color:var(--marigold);color:var(--marigold-deep)}.topbar .acc:hover svg{stroke:var(--marigold-deep)}}.topbar .acc{transition:border-color .15s,color .15s}@media (prefers-reduced-motion:reduce){.tabs .tb,.topbar .acc{transition:none}.tabs .tb:active{transform:none}}.otp{gap:9px;display:flex}.otp b{border:1px solid var(--line);background:var(--card);border-radius:13px;flex:1;justify-content:center;align-items:center;height:54px;font-family:"Baloo 2",sans-serif;font-size:23px;font-weight:600;display:flex}.otp b.e{color:#c9c0b0}.otp input{text-align:center;width:100%;font:inherit;background:0 0;border:0;outline:none}.brandmark{background:var(--marigold);border-radius:22px;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.brandmark svg{stroke:#3a2a05;stroke-width:1.6px;fill:none;width:36px;height:36px}.toggle{background:var(--green);cursor:pointer;border:0;border-radius:999px;flex:none;width:52px;height:30px;position:relative}.toggle i{background:#fff;border-radius:50%;width:24px;height:24px;display:block;position:absolute;top:3px;right:3px}.toggle.off{background:#cfc7b8}.toggle.off i{left:3px;right:auto}.earn{gap:10px;display:flex}.earn div{background:var(--card);border:1px solid var(--line);border-radius:15px;flex:1;padding:13px}.earn p{margin:0}.earn .k{color:var(--muted);font-size:11.5px;font-weight:600}.earn .v{margin-top:2px;font-family:"Baloo 2",sans-serif;font-size:23px;font-weight:700}.empty{text-align:center;padding:36px 10px}.empty h3{margin:14px 0 6px;font-size:19px}.empty p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.banner{border-radius:13px;gap:10px;padding:12px;display:flex}.banner p{margin:0;font-size:12.5px;line-height:1.5}.banner.ok{background:var(--green-bg)}.banner.ok p{color:#14563f}.banner.ok svg{stroke:var(--green)}.banner.bad{background:var(--red-bg)}.banner.bad p{color:#7a241e}.banner.bad svg{stroke:var(--red)}.banner.warn{background:#fdf0d8}.banner.warn p{color:#7a4d05}.banner.warn svg{stroke:var(--marigold-deep)}.map{border:1px solid var(--line);background:#e9e3d8;border-radius:15px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.map .grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.6;background-size:34px 34px;position:absolute;inset:0}.map .pin{z-index:2;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute}.map .pin span{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.map .pin i{background:var(--red);border:3px solid #fff;border-radius:50%;width:14px;height:14px;display:block}.map .pin.shop i{background:var(--ink-2)}.map .pin.rider i{background:var(--marigold);width:18px;height:18px}.map .attrib{color:var(--muted);background:#fffc;border-radius:4px;padding:2px 6px;font-size:9.5px;position:absolute;bottom:6px;left:8px}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.keypad b{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:12px;padding:14px;font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:600}.opt{background:var(--card);border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;font:inherit;border-radius:13px;align-items:center;gap:12px;padding:13px;display:flex}.opt.sel{border-color:var(--ink);border-width:1.5px}.opt .rad{border:2px solid var(--line);border-radius:50%;flex:none;width:20px;height:20px}.opt.sel .rad{border-color:var(--ink);border-width:6px}.track{flex-direction:column;display:flex}.track .st{text-align:left;align-items:flex-start;gap:13px;width:100%;padding-bottom:19px;display:flex;position:relative}.track .st:last-child{padding-bottom:0}.track .st:before{content:"";background:var(--line);width:2px;position:absolute;top:22px;bottom:0;left:9px}.track .st:last-child:before{display:none}.track .dot{border:2px solid var(--line);background:var(--paper);z-index:1;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.track .st.done .dot{background:var(--green);border-color:var(--green)}.track .st.done .dot svg{stroke:#fff;stroke-width:3px;fill:none;width:11px;height:11px}.track .st.now .dot{border-color:var(--marigold);background:var(--marigold)}.track .t{margin:0;font-size:14px;font-weight:600;line-height:1.25}.track .st:not(.done):not(.now) .t{color:var(--muted);font-weight:400}.track .d{color:var(--muted);margin:2px 0 0;font-size:12px}.steps{gap:6px;margin-bottom:16px;display:flex}.steps i{background:var(--line);border-radius:999px;flex:1;height:4px;display:block}.steps i.on{background:var(--ink)}.shopmode{background:var(--ink);flex-direction:column;max-width:480px;height:100svh;margin:0 auto;display:flex;overflow:hidden}.shopmode .body,.shopmode .foot,.shopmode .appbar{background:var(--ink);color:#fff}.shopmode .card{color:#fff;background:#22335a;border-color:#3a4e7c}.shopmode .label,.shopmode .meta{color:#9fb0d0}.shopmode h2{color:#fff}.shopmode .keypad b{color:#fff;background:#22335a;border-color:#3a4e7c}.wordmark{letter-spacing:-.02em;color:var(--ink);font-family:"Baloo 2",system-ui,sans-serif;font-size:26px;font-weight:700;line-height:1}.splash{background:var(--paper);z-index:60;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.splash-scene{width:300px;max-width:78vw}.splash-route{fill:none;stroke:var(--line);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 11}.splash-pin{fill:none;stroke:var(--ink-2);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.splash-pin-end{stroke:var(--marigold-deep)}.splash-bike{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.splash-rider{animation:1.5s cubic-bezier(.45,0,.4,1) infinite thodo-ride;transform:translate(30px)}@keyframes thodo-ride{0%{opacity:0;transform:translate(30px)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(258px)}}.splash-word{letter-spacing:-.02em;color:var(--ink);font-family:"Baloo 2",system-ui,sans-serif;font-size:34px;font-weight:700;line-height:1}.splash-tag{color:var(--muted);margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.splash-rider{opacity:1;transform:translate(140px)}}.chat{flex-direction:column;gap:8px;display:flex}.chat .m{border-radius:15px;max-width:78%;padding:9px 12px;font-size:14px;line-height:1.5}.chat .m.them{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.chat .m.me{background:var(--ink);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.chat .m .t{color:var(--muted);margin-top:3px;font-size:10.5px;display:block}.chat .m.me .t{color:#ffffff8c}.chat .m.note{max-width:100%;color:var(--muted);background:0 0;border:0;align-self:center;padding:2px;font-size:12px}.chat .pay{background:var(--card);border:1.5px solid var(--marigold-deep);border-radius:15px;align-self:stretch;max-width:100%;padding:0;overflow:hidden}.chat .pay .head{justify-content:space-between;align-items:baseline;padding:11px 13px;display:flex}.chat .pay .head .money{font-size:23px}.chat .pay img{border-top:1px solid var(--line);width:100%;display:block}.composer{align-items:center;gap:8px;display:flex}.composer input{background:var(--card);border:1px solid var(--line);min-width:0;font:inherit;color:inherit;border-radius:13px;outline:none;flex:1;padding:12px 14px;font-size:14.5px}.composer input::placeholder{color:#a79e8e}.composer .send{background:var(--ink);color:#fff;border:0;border-radius:13px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.composer .send:disabled{opacity:.45}.composer .send svg{stroke:#fff}.dot-badge{background:var(--red);color:#fff;text-align:center;border:1.5px solid var(--paper);border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-family:"Baloo 2",sans-serif;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:-3px;right:-3px}.topbar .acc.tap{justify-content:center;align-items:center;display:flex}.thumbs{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.thumb{border:1px solid var(--line);background:var(--card);border-radius:13px;flex:none;width:72px;height:72px;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb .x{background:#16233db8;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;padding:0;display:flex;position:absolute;top:3px;right:3px}.thumb .x svg{stroke:#fff;stroke-width:2.6px;width:12px;height:12px}.thumb.add{width:auto;min-width:72px;color:var(--ink-2);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 11px;display:flex}.thumb.add span{font-size:10.5px;font-weight:600}.thumb.add svg{width:21px;height:21px;stroke:var(--ink-2);fill:none;stroke-width:1.7px}