*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1419;color:#e7ecf1;line-height:1.55;min-height:100vh}.track-header{background:#141c28;border-bottom:1px solid #2a3544;padding:.75rem 1rem;text-align:center}.track-header .logo{font-weight:700;font-size:.95rem;color:#e7ecf1;text-decoration:none}.track-header .logo span{color:#ffd400}.narrow-card{max-width:22rem;margin:0 auto;padding:1.5rem 1rem 3rem}.landing .input-api{margin-top:.35rem}.btn-primary{margin-top:1rem;width:100%;padding:.75rem 1rem;border-radius:10px;border:none;background:#ffd400;color:#0f1419;font-weight:700;font-size:1rem;cursor:pointer}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{margin-top:.75rem;width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid #2a3544;background:#141c28;color:#e7ecf1;font-size:.875rem;cursor:pointer}.input-api{width:100%;margin-top:.25rem;padding:.5rem;border-radius:8px;border:1px solid #2a3544;background:#0f1419;color:inherit}.tracking-shell{display:flex;flex-direction:column;min-height:100vh;padding-bottom:.75rem}.tracking-shell--dev-api{padding-bottom:4.5rem}.tracking-shell.terminal.delivered .map-stage{opacity:.45;transition:opacity .4s ease}.map-stage{position:relative;flex:0 0 auto;padding:.5rem .75rem 0}.route-eta-bar{margin:.35rem .75rem 0;min-height:1.25rem;font-size:.875rem}.live-line{margin:.25rem .75rem 0}.bottom-sheet{flex:1 1 auto;min-height:38vh;max-height:72vh;background:#141c28;border-radius:16px 16px 0 0;border:1px solid #2a3544;border-bottom:none;display:flex;flex-direction:column;margin-top:.25rem;box-shadow:0 -8px 32px #00000059}.sheet-handle{flex:0 0 auto;padding:.5rem 0 .25rem;display:flex;justify-content:center;cursor:grab;touch-action:none}.sheet-handle span{display:block;width:40px;height:4px;border-radius:4px;background:#3a4a5a}.sheet-scroll{overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch;padding:0 .75rem 1rem}.sheet-main .sheet-title{font-size:1.15rem;margin:0 0 .5rem}.sheet-card{margin-top:.75rem}.eta-hero-wrap{margin:.5rem 0}.eta-hero-big{font-size:2rem;font-weight:700;margin:0;color:#ffd400}.eta-hero{font-weight:700;color:#ffd400}.rider-pin{background:transparent!important;border:none!important}.rider-pin-inner{font-size:1.5rem;line-height:1;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.rider-pin-mapbox .rider-pin-inner{font-size:1.5rem;line-height:40px;text-align:center}.rider-card{display:flex;gap:.75rem;align-items:center;margin:1rem 0;padding:.75rem;background:#0f1419;border-radius:12px;border:1px solid #2a3544}.rider-avatar{border-radius:50%;object-fit:cover;background:#1a2332}.rider-name{margin:0 0 .35rem;font-weight:600}.btn-call{display:inline-block;padding:.4rem .75rem;border-radius:8px;background:#22c55e;color:#04120a!important;font-weight:600;text-decoration:none;font-size:.875rem}.btn-call:hover{filter:brightness(1.08)}.pod-box{margin:1rem 0 0;padding:.75rem 0;border-top:1px solid rgba(42,53,68,.5)}.pod-title{font-weight:700;margin:0 0 .35rem;color:#4ade80}.pod-thumb{max-width:100%;max-height:200px;border-radius:10px;margin-top:.5rem;border:1px solid #2a3544}.logo-inline{font-weight:600;color:#5a6a7a}main{max-width:32rem;margin:0 auto;padding:1.5rem 1rem 3rem}main.wide{max-width:42rem}.track-map{height:min(42vh,320px);width:100%;margin-top:.25rem;border-radius:12px;border:1px solid #2a3544;overflow:hidden}.track-map.leaflet-container{background:#141c28}.route-steps .route-step-list{margin:0;padding-left:1.2rem;max-height:10rem;overflow-y:auto}.steps-title{margin:0 0 .35rem;font-weight:600;font-size:.8125rem}@media(min-width:480px){.track-map{height:min(46vh,380px)}}.small{font-size:.8125rem;margin-top:.5rem}h1{font-size:1.35rem;font-weight:700;margin:0 0 1rem}.card{background:#1a2332;border-radius:14px;padding:1.35rem;border:1px solid #2a3544}dl{margin:0;display:grid;gap:.65rem}dl>div{display:flex;justify-content:space-between;align-items:baseline;padding:.35rem 0;border-bottom:1px solid rgba(42,53,68,.5)}dl>div:last-child{border-bottom:none}dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#8b98a5}dd{margin:0;font-size:.95rem;font-weight:500;text-align:right}.err{color:#f87171}.muted{color:#8b98a5;font-size:.875rem}a{color:#ffd400}a:hover{color:#e6c200}.stepper{display:flex;align-items:flex-start;justify-content:space-between;margin:1rem 0;position:relative}.stepper-four:before{content:"";position:absolute;top:12px;left:12%;right:12%;height:2px;background:#2a3544;z-index:0}.stepper-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;position:relative;z-index:1;flex:1;min-width:0}.stepper-dot{width:24px;height:24px;border-radius:50%;background:#2a3544;border:2px solid #2a3544;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#8b98a5;transition:all .2s}.stepper-step.done .stepper-dot{background:#ffd400;border-color:#ffd400;color:#000}.stepper-step.current .stepper-dot{background:#0f1419;border-color:#ffd400;color:#ffd400;box-shadow:0 0 0 4px #ffd40040}.stepper-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.03em;color:#5a6a7a;text-align:center;line-height:1.2;max-width:5.2rem;word-wrap:break-word}.stepper-step.done .stepper-label,.stepper-step.current .stepper-label{color:#c8d4e0}.status-message{margin:.75rem 0;padding:.75rem 1rem;border-radius:10px;background:#ffd40014;border:1px solid rgba(255,212,0,.25);font-size:.88rem;color:#fff6b0}.status-message.warn{background:#fbbf2414;border-color:#fbbf2433;color:#fde68a}.status-message.error{background:#f8717114;border-color:#f8717133;color:#fca5a5}.time-ago{font-size:.78rem;color:#5a6a7a;margin-top:.25rem}.track-footer{text-align:center;margin-top:1rem;font-size:.72rem;color:#3a4a5a}.track-footer a{color:#5a6a7a}