.track-page{min-height:100dvh;background:#f4f6fc;color:#1f2940;font-family:Manrope,sans-serif}.track-header{position:fixed;top:0;left:0;right:0;margin:0 auto;width:min(100%,var(--app-frame-width));z-index:20;min-height:74px;border-bottom:1px solid #dfe5f2;background:#f4f6fcf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;display:flex;align-items:center;gap:10px}.track-back{width:38px;height:38px;border-radius:12px;border:1px solid #d7dfed;background:#edf2fb;color:#2b3650;display:grid;place-items:center}.track-header h1{margin:0;font-size:1.2rem;font-family:Satoshi,sans-serif}.track-header p{margin:2px 0 0;color:#6a7690;font-size:.78rem}.track-shell{width:min(100%,var(--app-frame-width));margin:0 auto;padding:86px 14px 24px}.track-summary-card{margin-top:12px;border:1px solid #dce4f2;border-radius:16px;background:#fff;padding:12px;display:grid;gap:12px}.track-summary-card span{display:block;color:#7a879f;font-size:.74rem;font-weight:700;margin-bottom:4px}.track-summary-card strong{color:#1f2940;font-size:.94rem;line-height:1.45}.track-summary-address strong{font-size:.86rem}.track-eta-card{border:1px solid #dce4f2;border-radius:16px;background:linear-gradient(132deg,#6f2d70,#6d46d8);color:#fff;padding:12px;display:grid;grid-template-columns:1fr auto;gap:10px}.eta-left h2{margin:0;font-size:1.3rem;font-family:Satoshi,sans-serif}.eta-left p{margin:4px 0 0;opacity:.95;font-size:.84rem}.eta-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.eta-tags span{border-radius:999px;background:#fff3;padding:4px 9px;font-size:.72rem;display:inline-flex;gap:4px;align-items:center}.eta-icon{width:48px;height:48px;border-radius:14px;background:#ffffff38;display:grid;place-items:center}.track-map{margin-top:12px;border:1px solid #dce4f2;border-radius:16px;overflow:hidden;position:relative;height:220px;background:#fff}.track-map iframe{width:100%;height:100%;border:0}.map-badge{position:absolute;border-radius:999px;background:#ffffffeb;border:1px solid #d6deef;font-size:.72rem;font-weight:700;color:#2e3a57;display:inline-flex;align-items:center;gap:4px;padding:4px 9px}.map-badge.store{top:10px;left:10px}.map-badge.home{bottom:10px;right:10px}.rider-dot{position:absolute;top:calc(50% - 14px);width:28px;height:28px;border-radius:50%;background:#6f2d70;color:#fff;display:grid;place-items:center;transition:left 1.2s linear}.rider-dot svg{width:14px;height:14px}.track-rider{margin-top:12px;border:1px solid #dce4f2;border-radius:14px;background:#fff;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.rider-avatar{width:42px;height:42px;border-radius:12px;background:#ece8ff;color:#5f40c4;font-weight:700;display:grid;place-items:center}.rider-copy h3{margin:0;font-size:.98rem}.rider-copy p{margin:3px 0 0;color:#6a7690;font-size:.78rem}.rider-actions{display:flex;gap:6px}.rider-actions button{width:34px;height:34px;border-radius:10px;border:1px solid #d6deef;background:#f4f8ff;color:#385392}.track-timeline{margin-top:12px;border:1px solid #dce4f2;border-radius:14px;background:#fff;padding:10px;display:grid;gap:8px}.track-state-card{border-radius:14px;background:#f4f7ff;color:#53627b;padding:12px;font-size:.84rem;border:1px dashed #d9e2f3}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;opacity:.7}.timeline-item.done,.timeline-item.current{opacity:1}.timeline-icon{width:24px;height:24px;border-radius:50%;background:#eceff7;color:#6c758d;display:grid;place-items:center}.timeline-item.done .timeline-icon{background:#d8f4e4;color:#10844e}.timeline-item.current .timeline-icon{background:#ece8ff;color:#5f40c4}.timeline-item h4{margin:0;font-size:.88rem}.timeline-item p{margin:2px 0 0;font-size:.74rem;color:#6a7690}