: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}.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}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
