:root{--wine:#55152d;--wine-dark:#32101d;--wine-soft:#7b2848;--gold:#f7c600;--cream:#f7f4f2;--ink:#231e20;--muted:#72686c;--line:#e9e1e4;--success:#177a4a;--danger:#b42318;--shadow:0 16px 40px #3a0f211a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--cream);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--cream);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--cream);min-height:100dvh}.topbar{z-index:20;padding:max(14px, env(safe-area-inset-top)) 18px 12px;color:#fff;background:linear-gradient(135deg, var(--wine-dark), var(--wine) 62%, var(--wine-soft));position:sticky;top:0}.topbar-row{justify-content:space-between;align-items:center;max-width:520px;margin:auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:42px;height:42px;color:var(--wine);letter-spacing:-.09em;background:#fff;border-radius:50%;place-items:center;font-weight:950;display:grid}.brand-copy strong{letter-spacing:-.02em;font-size:16px;line-height:1;display:block}.brand-copy span{color:#ffffff9e;letter-spacing:.12em;margin-top:4px;font-size:10px;display:block}.icon-button{cursor:pointer;width:44px;height:44px;color:inherit;background:#ffffff21;border:0;border-radius:50%;place-items:center;display:grid}.avatar{font-size:13px;font-weight:900}.content{width:min(100%,520px);padding:22px 16px calc(108px + env(safe-area-inset-bottom));margin:auto}.eyebrow{color:var(--wine);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:900}h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,9vw,40px);line-height:1.02}.hello{color:var(--muted);margin:8px 0 0;font-size:15px}.network-banner{color:#6b4a00;background:#fff2b8;border-radius:12px;align-items:center;gap:9px;margin:0 0 16px;padding:11px 13px;font-size:13px;font-weight:750;display:flex}.network-dot{background:#c27600;border-radius:50%;flex:none;width:8px;height:8px}.run-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin-top:22px;position:relative;overflow:hidden}.run-card:before{content:"";background:var(--gold);height:7px;display:block}.run-head{padding:20px 20px 16px}.run-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.run-id{color:var(--muted);font-size:12px;font-weight:800}.status-pill{color:var(--wine);text-transform:uppercase;letter-spacing:.05em;background:#f4e6eb;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:900;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-pill.active{color:#11623c;background:#e4f5ec}.status-pill.done{color:#fff;background:var(--success)}.run-title{letter-spacing:-.03em;margin:16px 0 4px;font-size:24px}.run-summary{color:var(--muted);margin:0;font-size:14px}.progress{align-items:center;padding:2px 20px 19px;display:flex}.progress-step{color:#0000;background:#fff;border:2px solid #d9ced2;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.progress-step.current{border-color:var(--gold);box-shadow:0 0 0 4px #f7c60033}.progress-step.complete{border-color:var(--wine);color:#fff;background:var(--wine)}.progress-line{background:#e6dde0;flex:1;height:2px}.progress-line.complete{background:var(--wine)}.stops{border-top:1px solid var(--line)}.stop{grid-template-columns:38px 1fr auto;align-items:start;gap:12px;padding:17px 20px;display:grid}.stop+.stop{border-top:1px solid var(--line)}.stop-number{width:34px;height:34px;color:var(--wine);background:#f4e6eb;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.stop.current .stop-number{color:var(--ink);background:var(--gold)}.stop.done .stop-number{color:#fff;background:var(--success)}.stop-copy strong{font-size:15px;display:block}.stop-copy span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.35;display:block}.stop-state{color:var(--muted);padding-top:4px;font-size:11px;font-weight:850}.stop.done .stop-state{color:var(--success)}.stop.current .stop-state{color:var(--wine)}.active-stop{color:#fff;background:linear-gradient(145deg, var(--wine-dark), var(--wine));border-radius:22px;margin-top:16px;padding:20px;box-shadow:0 18px 44px #32101d38}.active-stop .eyebrow{color:var(--gold)}.active-stop h2{letter-spacing:-.035em;margin:0;font-size:26px}.active-stop p{color:#ffffffb8;margin:9px 0 0;font-size:14px;line-height:1.45}.delivery-address{background:#ffffff1a;border:1px solid #fff3;border-radius:14px;margin-top:16px;padding:14px 15px}.delivery-address span{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.delivery-address address{color:#fff;margin-top:6px;font-size:17px;font-style:normal;font-weight:850;line-height:1.35}.map-link{color:#fff;border:1px solid #ffffff59;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:18px;font-weight:850;text-decoration:none;display:flex}.action-dock{z-index:18;padding:13px 16px calc(13px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--cream) 72%, #f7f4f200);position:fixed;bottom:0;left:0;right:0}.action-inner{width:min(100%,488px);margin:auto}.primary-button{cursor:pointer;color:#fff;background:var(--wine);border:0;border-radius:16px;width:100%;min-height:62px;font-size:17px;font-weight:900;box-shadow:0 12px 30px #55152d3d}.primary-button:disabled{cursor:wait;opacity:.58}.secondary-button{border:1px solid var(--line);cursor:pointer;width:100%;min-height:48px;color:var(--wine);background:#fff;border-radius:14px;margin-top:9px;font-size:14px;font-weight:850}.sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#231e2080;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.sheet{width:min(100%,500px);max-height:min(82dvh,700px);padding:22px 20px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 18px 18px;overflow:auto;box-shadow:0 24px 80px #00000040}.sheet-handle{background:#ddd2d6;border-radius:5px;width:42px;height:5px;margin:-10px auto 19px}.sheet h2{letter-spacing:-.035em;margin:0;font-size:24px}.sheet-intro{color:var(--muted);margin:7px 0 19px;font-size:14px}.field{margin-top:14px;display:block}.field span{margin-bottom:7px;font-size:12px;font-weight:850;display:block}.field input,.field textarea{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;min-height:48px;padding:12px 13px}.field textarea{resize:vertical;min-height:82px}.field input:focus,.field textarea:focus{border-color:var(--wine);box-shadow:0 0 0 3px #55152d1a}.option-list{gap:9px;display:grid}.option{border:1px solid var(--line);cursor:pointer;min-height:56px;color:var(--ink);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-weight:800;display:flex}.option.danger{color:var(--danger)}.sheet-actions{gap:9px;margin-top:20px;display:grid}.text-button{cursor:pointer;min-height:46px;color:var(--muted);background:0 0;border:0;font-weight:800}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.toggle-copy strong{font-size:14px;display:block}.toggle-copy span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.switch{cursor:pointer;background:#d8ced2;border:0;border-radius:20px;width:48px;height:28px;padding:3px}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;display:block}.switch.on{background:var(--wine)}.switch.on:after{transform:translate(20px)}.toast{z-index:80;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));color:#fff;background:var(--ink);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:12px;padding:12px 15px;font-size:13px;font-weight:750;position:fixed;transform:translate(-50%)}.empty{text-align:center;padding:44px 24px}.empty-mark{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:64px;height:64px;margin:auto;font-size:28px;display:grid}.empty h2{margin:18px 0 7px;font-size:26px}.empty p{color:var(--muted);margin:0}.route-loading{align-content:center;justify-items:center;min-height:70dvh;display:grid}.route-loading .brand-mark{animation:1.6s ease-in-out infinite waiting-pulse;box-shadow:0 12px 35px #55152d29}.loading-dots{gap:7px;margin-top:20px;display:flex}.loading-dots i{background:var(--wine);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite waiting-dot}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.waiting-state{min-height:100dvh;padding:max(72px, env(safe-area-inset-top)) 28px max(38px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#fff 0%,#fbf5f1 66%,#f5ece7 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.waiting-state h2{letter-spacing:-.04em;max-width:360px;margin:8px 0 10px;font-size:clamp(28px,8vw,38px);line-height:1.04}.waiting-state>p:not(.eyebrow){max-width:350px;color:var(--muted);margin:0;line-height:1.5}.waiting-retry{width:min(100%,350px);margin-top:24px}.waiting-sky{width:min(100%,360px);height:64px;position:relative}.waiting-sun{background:var(--yellow);border-radius:50%;width:38px;height:38px;animation:2.4s ease-in-out infinite waiting-pulse;position:absolute;top:4px;right:42px;box-shadow:0 0 0 10px #f7c60021}.waiting-cloud{opacity:.75;background:#eadfe3;border-radius:20px;width:62px;height:15px;animation:7s ease-in-out infinite alternate cloud-drift;position:absolute}.waiting-cloud:before,.waiting-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.waiting-cloud:before{width:25px;height:25px;left:10px}.waiting-cloud:after{width:19px;height:19px;right:9px}.cloud-one{top:30px;left:22px}.cloud-two{width:42px;animation-delay:-3s;top:8px;left:135px;transform:scale(.72)}.waiting-scene{width:280px;height:150px;margin:0 0 22px;animation:2.6s ease-in-out infinite scooter-float;position:relative}.waiting-ground{background:#55152d1f;border-radius:50%;height:5px;position:absolute;bottom:21px;left:12px;right:12px;box-shadow:0 8px 18px #55152d1f}.scooter-wheel{background:#f7f5f4;border:8px solid #292427;border-radius:50%;width:47px;height:47px;position:absolute;bottom:22px;box-shadow:inset 0 0 0 3px #aaa1a5}.wheel-back{left:34px}.wheel-front{right:30px}.scooter-body{background:var(--wine);border-radius:10px 34px 15px 28px;width:130px;height:42px;position:absolute;bottom:52px;left:65px;transform:skew(-8deg);box-shadow:inset -18px -10px #2707142e}.scooter-handle{border-top:6px solid #292427;border-right:6px solid #292427;border-radius:0 8px 0 0;width:44px;height:38px;position:absolute;bottom:84px;right:53px;transform:rotate(-8deg)}.rider-body{background:#f7c600;border-radius:32px 26px 10px 10px;width:64px;height:57px;position:absolute;bottom:84px;left:106px;transform:rotate(8deg)}.rider-head{background:#b87555;border-radius:50%;width:34px;height:34px;position:absolute;bottom:132px;left:127px}.rider-helmet{background:var(--wine-dark);border-radius:28px 28px 8px 8px;width:47px;height:25px;position:absolute;bottom:148px;left:121px;transform:rotate(5deg)}@keyframes waiting-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@keyframes waiting-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes scooter-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-5px)rotate(.4deg)}}@keyframes cloud-drift{0%{transform:translate(-8px)}to{transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.route-loading .brand-mark,.loading-dots i,.waiting-sun,.waiting-cloud,.waiting-scene{animation:none}}.auth-shell{place-items:center;min-height:100dvh;display:grid}.auth-frame{background:#fff;width:min(100%,520px);min-height:100dvh}.auth-topbar{min-height:290px;padding:max(28px, env(safe-area-inset-top)) 24px 38px;flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.auth-topbar:after{content:"";border:30px solid #f7c6002b;border-radius:50%;width:180px;height:180px;position:absolute;top:64px;right:-54px}.auth-topbar .brand{left:24px;top:max(24px, env(safe-area-inset-top));position:absolute}.auth-kicker{color:var(--gold);letter-spacing:.13em;margin:0 0 10px;font-size:11px;font-weight:900}.auth-topbar h1{max-width:340px;font-size:clamp(38px,12vw,58px);position:relative}.auth-card{z-index:2;width:calc(100% - 32px);padding:26px 22px calc(28px + env(safe-area-inset-bottom));border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;margin:-18px auto 0;position:relative}.auth-card h2{letter-spacing:-.035em;margin:0;font-size:27px}.auth-card>p:not(.eyebrow){color:var(--muted);margin:7px 0 18px;font-size:14px}.auth-card .primary-button{margin-top:20px}.auth-error{color:var(--danger);background:#fff0ee;border-radius:11px;margin-top:14px;padding:11px 12px;font-size:13px;font-weight:750}@media (width>=700px){.app-shell{background:radial-gradient(circle at 50% -20%, #ead6df, var(--cream) 44%);padding:24px}.phone-frame{background:var(--cream);border:1px solid #55152d1a;border-radius:30px;width:520px;min-height:calc(100dvh - 48px);margin:auto;overflow:hidden;box-shadow:0 30px 90px #32101d29}.topbar{border-radius:29px 29px 0 0;position:sticky}.action-dock{border-radius:0 0 29px 29px;width:520px;left:50%;transform:translate(-50%)}.auth-frame{border-radius:30px;min-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 30px 90px #32101d29}.waiting-state{min-height:calc(100dvh - 48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}