@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Nunito+Sans:wght@400;600;700&display=swap");:root{--dd-green:#58cc02;--dd-blue:#1cb0f6;--dd-red:#ff4b4b;--dd-yellow:#ffde00;--dd-white:#fff;--dd-gray:#4b4b4b;--dd-bg:#f7f7f7;--tracking-vh:100vh;--tracking-vw:100vw;--tracking-vv-top:0px;--tracking-vv-left:0px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#fff 0,var(--dd-bg) 45%,#eef9e6 100%);color:var(--dd-gray);font-family:Nunito Sans,sans-serif}body.tracking-no-scroll,html.tracking-no-scroll-root{height:100%;overflow:hidden;overscroll-behavior:none}.page,body{min-height:100vh}.page{padding:16px}.tracking-page{position:relative;overflow:hidden}.tracking-page,.tracking-page .map-wrap{height:var(--tracking-vh,100vh);min-height:var(--tracking-vh,100vh)}.tracking-page .map-wrap{position:fixed;top:var(--tracking-vv-top,0);left:var(--tracking-vv-left,0);z-index:0;width:var(--tracking-vw,100vw);border-radius:0;box-shadow:none;transition:top .24s ease,left .24s ease,width .24s ease,height .24s ease}.tracking-page .map-wrap .leaflet-container{width:100%;height:100%}.tracking-scrim{position:fixed;top:var(--tracking-vv-top,0);left:var(--tracking-vv-left,0);z-index:1;background:linear-gradient(180deg,rgba(11,18,32,.22),rgba(11,18,32,.06) 35%,rgba(11,18,32,.24)),radial-gradient(circle at 12% 14%,rgba(88,204,2,.12),transparent 42%);transition:top .24s ease,left .24s ease,width .24s ease,height .24s ease}.tracking-overlay,.tracking-scrim{width:var(--tracking-vw,100vw);height:var(--tracking-vh,100vh);pointer-events:none}.tracking-overlay{position:relative;z-index:2;min-height:var(--tracking-vh,100vh);transform:translate3d(var(--tracking-vv-left,0),var(--tracking-vv-top,0),0);padding:max(10px,env(safe-area-inset-top)) clamp(10px,3vw,16px) calc(max(10px, env(safe-area-inset-bottom)) + 6px);display:flex;justify-content:center;transition:transform .24s ease,width .24s ease,height .24s ease,padding .24s ease}.overlay-column{width:clamp(260px,92vw,520px);min-height:0;height:100%;display:flex;flex-direction:column;gap:clamp(8px,2vw,12px)}.overlay-bottom-stack,.overlay-top-stack{display:grid;grid-gap:clamp(8px,2vw,12px);gap:clamp(8px,2vw,12px)}.overlay-bottom-stack{margin-top:auto;padding-bottom:max(2px,env(safe-area-inset-bottom));transition:padding-bottom .24s ease,transform .24s ease}.floating-card{background:hsla(0,0%,100%,.92);border:1px solid hsla(0,0%,100%,.32);box-shadow:0 12px 34px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.intro-card{padding-top:12px;padding-bottom:12px}.status-subtitle{text-align:left}.address-card{padding:12px 14px}.container{max-width:460px;margin:0 auto;display:grid;grid-gap:12px;gap:12px}.title{font-family:Baloo\ 2,sans-serif;font-size:clamp(22px,5.8vw,30px);font-weight:700;margin:4px 0;line-height:1.05}.subtitle,.title{text-align:center}.subtitle{color:#4e5868;font-size:clamp(13px,3.2vw,15px);margin:0}.card{background:var(--dd-white);border-radius:clamp(14px,4vw,20px);box-shadow:0 8px 20px rgba(0,0,0,.08);padding:clamp(10px,2.9vw,16px)}.status-card{border:2px solid var(--dd-green)}.status-progress-track{margin-top:12px;width:100%;height:8px;border-radius:999px;background:rgba(207,215,226,.74);overflow:hidden}.status-progress-fill{height:100%;width:0;transition:width .35s ease}.status-header{gap:10px}.status-header,.status-icon{display:flex;align-items:center}.status-icon{justify-content:center;width:clamp(20px,5.5vw,26px);height:clamp(20px,5.5vw,26px);flex-shrink:0}.status-label{font-weight:700;font-size:clamp(14px,3.8vw,18px);margin:0}.driver-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.driver-name{font-weight:700;font-size:clamp(15px,3.8vw,18px)}.distance-pill{background:hsla(90,73%,90%,.93);color:#235f06;border-radius:999px;padding:clamp(6px,1.8vw,8px) clamp(10px,3vw,14px);font-weight:700;font-size:clamp(12px,3.2vw,14px);white-space:nowrap}.map-wrap{height:calc(100vh - 170px);min-height:520px;border-radius:20px;box-shadow:0 12px 26px rgba(0,0,0,.16);overflow:hidden;padding:0}.map-section{position:relative}.map-skeleton{border-radius:0;background:#eef0f2;min-height:100vh;display:grid;place-items:center}.address-row{display:flex;align-items:flex-start;gap:10px}.dot{width:12px;height:12px;border-radius:50%;margin-top:5px}.dot.pickup{background:var(--dd-green)}.dot.dropoff{background:var(--dd-red)}.label{font-size:clamp(11px,2.7vw,12px);text-transform:uppercase;letter-spacing:.04em;color:#7a7a7a;margin:0}.value{margin:2px 0 0;font-weight:600;font-size:clamp(13px,3.4vw,16px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner{text-align:left;border-radius:16px;padding:12px;font-weight:700;background:hsla(0,0%,94%,.92)}.button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:12px 22px;font-weight:700;font-family:Baloo\ 2,sans-serif;color:#fff;background:var(--dd-green);cursor:pointer}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.custom-marker{background:transparent;border:none}@media (max-width:600px){.tracking-overlay{padding:calc(max(8px, env(safe-area-inset-top)) + 2px) 10px calc(max(8px, env(safe-area-inset-bottom)) + 10px)}.overlay-column{width:min(100%,460px);gap:8px}.title{font-size:22px}.card{border-radius:16px;padding:12px}.driver-row{align-items:flex-start;flex-direction:column;gap:8px}.distance-pill{font-size:13px}.address-card{padding:10px 12px}.value{font-size:14px}}@media (prefers-reduced-motion:reduce){.overlay-bottom-stack,.tracking-overlay,.tracking-page .map-wrap,.tracking-scrim{transition:none}}@media (min-width:601px){.tracking-overlay{padding:calc(max(12px, env(safe-area-inset-top)) + 4px) 16px calc(max(10px, env(safe-area-inset-bottom)) + 10px)}.overlay-column{width:min(100%,480px)}.card{border-radius:18px}.title{font-size:26px}}