.run-head{border:1px solid var(--hair);border-radius:var(--rad-lg);background:oklch(100% 0 0/.04);justify-content:space-between;align-items:center;gap:12px;min-height:132px;padding:16px;display:flex;position:relative;overflow:hidden}.run-head>div{gap:4px;display:grid;position:relative}.run-head .kind{position:relative}.run-route{opacity:.45;width:52%;height:calc(100% - 16px);position:absolute;top:8px;right:8px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%);mask-image:linear-gradient(90deg,#0000,#000 40%)}.run-route path{fill:none;stroke:var(--chart-1);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.run-stats{margin-top:0}.run-stats .mut{font-size:.75rem}.zones{gap:10px;margin-top:12px;display:grid}.zones li{font:400 .75rem/1 var(--mono);font-variant-numeric:tabular-nums;grid-template-columns:56px minmax(0,1fr) 5ch;align-items:center;gap:12px;display:grid}.zones li span:last-child{text-align:right}.zbar{background:oklch(100% 0 0/.1);border-radius:4px;height:14px;overflow:hidden}.zbar i{height:100%;display:block}.sess .wide{display:none}@media (min-width:760px){.sess .wide{display:flex}.run-route{width:60%;right:56px}.run-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.motion .run-route path{stroke-dasharray:1;stroke-dashoffset:1px}.motion .seen .run-route path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s ease-out .7s}}