.tracker{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;display:flex}.tracker-hero{text-align:center;padding:8px 0 0}.tracker-title{color:#1a1d2e;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700}.tracker-subtitle{color:#4b5563;font-size:1rem;font-weight:400}.search-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.search-form{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;display:flex}.field{flex-direction:column;flex:0 200px;gap:4px;display:flex}.field label{color:#4b5563;text-align:center;font-size:.78rem;font-weight:600}.field input{color:#1a1d2e;text-align:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#9ca3af}.field input:focus{border-color:#0ea5a3;box-shadow:0 0 0 3px #0ea5a31f}.field input.error{border-color:#ef4444}.field-error{color:#ef4444;text-align:center;min-height:1em;font-size:.75rem}.form-actions{align-items:center;gap:8px;padding-bottom:2px;display:flex}.btn-track{color:#fff;cursor:pointer;background:#0ea5a3;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:90px;height:36px;padding:8px 24px;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0ea5a340}.btn-track:hover{background:#0b8a88;box-shadow:0 4px 16px #0ea5a359}.btn-track:disabled{opacity:.6;cursor:not-allowed}.btn-reset{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;height:36px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,color .2s}.btn-reset:hover{color:#1a1d2e;border-color:#6b7280}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.lg{border-color:#0ea5a3 #0ea5a333 #0ea5a333;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.status-msg{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:24px;font-size:.9rem;display:flex}.status-msg.warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px}.status-msg.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px}.default-map{border:none;border-radius:16px;height:300px;overflow:hidden;box-shadow:0 4px 24px #0ea5a31f,0 1px 4px #0000000a}.map-placeholder{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;height:300px}.results{flex-direction:column;gap:24px;display:flex}.timeline{-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;gap:0;padding:8px 0;display:flex;overflow-x:auto}.tl-step-wrap{flex-shrink:0;align-items:flex-start;display:flex}.tl-connector{background:#e5e7eb;border-radius:2px;width:48px;height:3px;margin-top:15px;transition:background .3s}.tl-connector.filled{background:#0ea5a3}.tl-step{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:80px;display:flex}.tl-dot{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .3s,box-shadow .3s;display:flex}.tl-step.done .tl-dot{background:#0ea5a3}.tl-step.active .tl-dot{background:#0ea5a3;box-shadow:0 0 0 4px #0ea5a333}.dot-pulse{background:#fff;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.tl-label{color:#4b5563;white-space:nowrap;font-size:.78rem;font-weight:600}.tl-step.done .tl-label{color:#0ea5a3}.tl-step.active .tl-label{color:#0ea5a3;font-weight:700}.tl-step.future .tl-label{color:#9ca3af}.tl-date{color:#6b7280;font-size:.72rem}.tl-eta{color:#0ea5a3;background:#0ea5a314;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600}.tl-hold-banner{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;font-size:.82rem;font-weight:700;display:flex}.tl-hold-icon{font-size:1.1rem}.tl-step.on-hold .tl-label{color:#d97706;font-weight:700}.tl-dot.hold-dot{background:#f59e0b!important;border-color:#f59e0b!important}.tl-connector.hold{background:#f59e0b!important}.map-section{flex-direction:column;gap:16px;display:flex}.map-container{border:none;border-radius:16px;height:420px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0ea5a31f,0 1px 4px #0000000a}.journey-stats{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px #00000008}.journey-progress{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:14px;overflow:hidden}.journey-progress-bar{background:linear-gradient(90deg,#0ea5a3 0%,#0b8a88 100%);border-radius:3px;min-width:4px;height:100%;transition:width .3s ease-out}.journey-info{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.journey-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.stat-value{color:#1a1d2e;font-size:1rem;font-weight:700}.stat-value.highlight{color:#0ea5a3;font-size:1.1rem}.stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}.app.embed .search-card{box-shadow:none;border:none;padding:12px 16px}.app.embed .default-map{box-shadow:0 2px 16px #0ea5a31a}@media (width<=700px){.tracker{gap:20px;padding:0 16px}.search-card{padding:16px}.search-form{flex-direction:column;align-items:stretch}.field{flex:auto;width:100%}.field label,.field input{text-align:left}.form-actions{width:100%}.btn-track{flex:1}.tl-connector{width:28px}.tl-step{min-width:64px}.tl-label{font-size:.7rem}.map-container{height:320px}.default-map{height:240px}.journey-info{gap:20px}}@media (width<=480px){.tracker{padding:0 12px}.search-card{border-radius:12px;padding:14px}.tracker-title{font-size:1.3rem}.tracker-subtitle{font-size:.88rem}.map-container{height:260px}.default-map{height:200px}.tl-connector{width:16px}.tl-dot{width:26px;height:26px}.tl-label{font-size:.65rem}.journey-info{gap:16px}}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;background:#fff;border-bottom:1px solid #0ea5a326;padding:0 24px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1160px;height:64px;margin:0 auto;display:flex}.logo{color:#1a1d2e;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-icon{color:#0ea5a3;font-size:1.5rem;line-height:1}.logo-text{letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.header-nav{align-items:center;gap:24px;display:flex}.nav-link{color:#4b5563;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#0ea5a3}.btn-contact{background:#0ea5a3;border-radius:8px;padding:8px 20px;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0ea5a333;color:#fff!important}.btn-contact:hover{background:#0b8a88;box-shadow:0 4px 16px #0ea5a34d}.site-main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:32px 24px}.site-footer{text-align:center;background:#0f1117;padding:24px}.footer-inner{max-width:1160px;margin:0 auto}.footer-brand{color:#9ca3af;font-size:.85rem;font-weight:500}.footer-tagline{color:#6b7280;margin-top:4px;font-size:.78rem}@media (width<=700px){.site-header{padding:0 16px}.header-inner{height:56px}.logo-text{font-size:1.1rem}.site-main{padding:20px 16px}.header-nav{gap:16px}.nav-link:not(.btn-contact){display:none}}@media (width<=480px){.site-main{padding:16px 12px}.btn-contact{padding:6px 14px;font-size:.85rem}}.app.embed{background:0 0;min-height:auto}.app.embed body,.app.embed{background:#fff}.embed-main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:8px 16px 16px}@media (width<=700px){.embed-main{padding:8px 12px 12px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#1a1d2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f9;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}