.trip-replay-page{display:grid;grid-gap:14px;gap:14px;padding:16px}.trip-replay-intro{display:flex;align-items:center;gap:10px}.trip-replay-intro h2,.trip-replay-intro p{margin:0}.trip-replay-intro h2{font-size:1.08rem}.trip-replay-intro p{margin-top:2px;color:var(--muted);font-size:.82rem}.trip-replay-select{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.trip-replay-select select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);color:var(--text);font:inherit;font-size:1rem;text-transform:none}.trip-replay-empty,.trip-replay-map{min-height:310px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.trip-replay-empty{display:grid;place-items:center;padding:28px;color:var(--muted);text-align:center}.trip-replay-controls{display:flex;align-items:center;gap:12px}.trip-replay-controls button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--blue);color:white}.trip-replay-controls input{flex:1 1;accent-color:var(--blue)}.trip-replay-time{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.trip-replay-time strong{color:var(--text);font-size:1rem}.trip-replay-quality{margin:0;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--muted) 12%,transparent);color:var(--muted);font-size:.8rem;font-weight:750}.trip-replay-quality.quality-qualified{background:color-mix(in srgb,#2f9e55 14%,transparent);color:#267a45}.trip-replay-quality.quality-lowAccuracy{background:color-mix(in srgb,#e0a526 16%,transparent);color:#8a6200}.trip-replay-quality.quality-stale{background:color-mix(in srgb,#d94841 14%,transparent);color:#a52f2a}.trip-replay-events{display:grid;grid-gap:7px;gap:7px;margin:0;padding:0;list-style:none}.trip-replay-events li{display:grid;grid-template-columns:84px 1fr;grid-gap:8px;gap:8px;padding:9px 10px;border-radius:8px;background:var(--surface);font-size:.84rem}.trip-replay-events time{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trip-replay-events .unchecked span{text-decoration:line-through;color:var(--muted)}.trip-replay-id{overflow-wrap:anywhere;margin:4px 0 0;color:var(--muted);font-size:.68rem}.trip-replay-marker{width:17px;height:17px;border:3px solid white;border-radius:50%;background:#2677d8;box-shadow:0 2px 7px rgba(0,0,0,.34)}