.tracking-replay{container:tracking-replay / inline-size;font-size:14px;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--studio-radius);overflow:hidden}.tracking-replay__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsl(var(--border));gap:20px}.tracking-replay__header>div,.tracking-replay__header>span{display:flex;align-items:center;gap:12px}.tracking-replay__header strong{font-size:20px}.tracking-replay__header span{color:hsl(var(--muted-foreground));font-size:12px}.tracking-replay__body{display:grid;grid-template-columns:270px 1fr}.tracking-replay aside{border-right:1px solid hsl(var(--border));display:flex;flex-direction:column}.tracking-replay__summary{display:grid;gap:10px;padding:24px}.tracking-replay small{font-size:12px;color:hsl(var(--muted-foreground))}.tracking-replay__summary>span{color:hsl(var(--muted-foreground));font-size:12px}.tracking-replay__visits{padding:0 12px}.tracking-replay__visits button{display:flex;align-items:flex-start;text-align:left;gap:12px;width:100%;padding:16px 12px;border:1px solid transparent;border-radius:var(--studio-radius);transition:background .18s,border-color .18s}.tracking-replay__visits button:hover,.tracking-replay__visits button[aria-pressed=true]{background:hsl(var(--muted));border-color:hsl(var(--border))}.tracking-replay__visits button:focus-visible{outline:2px solid var(--fresh-line-blue);outline-offset:-2px}.tracking-replay__visits button>span{display:grid;gap:6px}.tracking-replay__visits em{font-size:12px;font-style:normal;color:hsl(var(--muted-foreground))}.tracking-replay__drive{display:flex;align-items:center;gap:12px;padding:14px 12px;color:hsl(var(--muted-foreground));font-size:12px}.tracking-replay__position{margin-top:auto;display:flex;gap:12px;padding:24px;border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));font-size:12px}.tracking-replay__position strong{display:block;color:hsl(var(--foreground));font-size:22px;margin-top:6px;font-variant-numeric:tabular-nums}.tracking-replay__map{position:relative;min-height:420px;overflow:hidden}.tracking-replay__map>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.tracking-replay__map-label{position:absolute;top:20px;left:20px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--studio-radius);padding:10px 14px;box-shadow:0 3px 10px #0000000f;font-size:12px}.tracking-replay footer{display:flex;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid hsl(var(--border))}.tracking-replay time{font-variant-numeric:tabular-nums;min-width:45px}.tracking-replay__timeline{flex:1;padding:0 12px}.tracking-replay__timeline input{display:block;width:100%;accent-color:var(--fresh-line-red);cursor:pointer}.tracking-replay__timeline>div{display:flex;justify-content:space-between;font-size:12px;color:hsl(var(--muted-foreground));margin-top:10px}@media(prefers-reduced-motion:reduce){.tracking-replay__visits button{transition:none}}.tracking-replay footer [data-slot=button]{width:36px;height:36px;min-width:36px;font-size:13px;padding:8px}@container tracking-replay (max-width:760px){.tracking-replay__header{flex-wrap:wrap;padding:16px;gap:12px}.tracking-replay__header>div{flex-wrap:wrap;gap:8px}.tracking-replay__body{display:flex;flex-direction:column}.tracking-replay__map{order:-1;min-height:0;aspect-ratio:960 / 560}.tracking-replay aside{border-right:0;border-top:1px solid hsl(var(--border))}.tracking-replay__summary,.tracking-replay__position{padding:16px}.tracking-replay__visits{padding:0 8px}.tracking-replay footer{flex-wrap:wrap;padding:16px;gap:12px}.tracking-replay__timeline{order:1;flex-basis:100%;padding:8px 0 0}.tracking-replay__timeline>div{gap:16px;line-height:1.5}.tracking-replay__timeline>div>span:last-child{text-align:right}.tracking-replay__map-label{top:12px;left:12px;padding:8px}}