:root{--brand:#f5a623;--brand-dark:#d9860f;--ink:#1a1a1a;--muted:#6b6b6b;--surface:#fff;--canvas:#f7f5f2;--line:#e7e4de;--success:#22a559;--danger:#e24b4a;--radius:16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.landing__logo{margin-bottom:16px;font-size:56px}.landing h1{margin:0 0 8px;font-size:22px}.landing p{color:var(--muted);margin:0}.courier-page{max-width:480px;min-height:100vh;padding:16px 16px calc(100px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:12px;margin:0 auto;display:flex}.courier-page--centered{text-align:center;justify-content:center;align-items:center;padding:24px}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-icon{margin-bottom:12px;font-size:56px}.status-icon--success{animation:pop .4s var(--ease,ease-out)}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.courier-page--centered h1{margin:0 0 8px;font-size:22px}.courier-page--centered p{color:var(--muted);max-width:300px;margin:0}.cp-header{justify-content:space-between;align-items:center;padding:8px 4px 4px;display:flex}.cp-header__badge{color:var(--brand-dark);background:#f5a62326;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700}.cp-header__total{color:var(--ink);font-size:20px;font-weight:800}.cp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.cp-card__label{letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.cp-card__title{color:var(--ink);font-size:18px;font-weight:700;line-height:1.3}.cp-card__sub{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.4}.cp-card__hint{color:var(--muted);margin:8px 0 0;font-size:12.5px;font-style:italic}.cp-card__items{color:var(--ink);font-size:15px;line-height:1.5}.cp-map-btn,.cp-call-btn{background:var(--canvas);color:var(--ink);border-radius:12px;align-items:center;gap:6px;margin-top:10px;padding:9px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.cp-call-btn{margin-left:8px}.cp-arrow{text-align:center;color:var(--muted);font-size:18px;position:relative}.cp-arrow__km{margin-left:8px;font-size:13px;font-weight:600}.cp-footer{max-width:480px;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg, #f7f5f200 0%, var(--canvas) 30%);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.cp-btn{border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:transform .1s}.cp-btn:active{transform:scale(.98)}.cp-btn--primary{background:var(--brand);color:#1a1200;box-shadow:0 6px 18px #f5a62359}.cp-btn--primary:disabled{opacity:.6}.cp-btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.cp-confirm{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;padding:16px}.cp-confirm p{margin:0 0 12px;font-size:16px;font-weight:700}.cp-confirm__row{gap:10px;display:flex}.cp-confirm__row .cp-btn{flex:1}