.ride-summary .ride-when{color:var(--e-dim,var(--ui-dim));margin:0 0 8px}.demo-label{background:var(--e-yellow,var(--ui-yellow));color:var(--ui-ink);padding:1px 6px;font-weight:700}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:0 0 12px}.tile{padding:8px;box-shadow:inset 0 0 0 2px rgba(243,237,226,.15);min-height:44px}.tile dt{font-size:.75rem;color:var(--e-dim,var(--ui-dim))}.tile dd{margin:2px 0 0;font-size:1.15rem;font-weight:700}.tile dd small{font-size:.7rem;font-weight:400;color:var(--e-dim,var(--ui-dim))}.compare{color:var(--e-cyan,var(--ui-sky));margin:0 0 12px}.record-banner{margin:0 0 12px;padding:10px 14px;border:2px solid var(--e-yellow,var(--ui-yellow));color:var(--e-yellow,var(--ui-yellow));font-weight:700}.zones{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:12px}.zone-bars h4{font-size:.8rem;margin:0 0 6px}.zone-bars ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.zone-bars li{display:grid;grid-template-columns:7.5rem 1fr 4.5rem;align-items:center;gap:6px;font-size:.8rem}.zone-name small{color:var(--e-dim,var(--ui-dim))}.zone-track{height:10px;background:rgba(243,237,226,.08)}.zone-fill{display:block;height:100%}.zone-time{text-align:right}.export-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.export-row .btn{min-height:44px}.ride-spark{width:90px;height:24px;flex:none}.ride-row-stats{color:var(--e-dim,var(--ui-dim));font-size:.8rem}.stage-summary{margin:0 0 12px;padding:10px 14px;border:2px solid var(--e-accent,var(--ui-accent));background:color-mix(in srgb,var(--ui-accent) 10%,transparent)}.stage-summary h3{font-size:.8rem;margin:0 0 4px;text-transform:uppercase}.stage-name{margin:0 0 6px;font-weight:700}.stage-name small{font-weight:400;color:var(--e-dim,var(--ui-dim))}.stage-mini{width:100%;height:auto;display:block}.stage-mini-line{stroke:var(--e-text,var(--ui-text));stroke-width:1.5}.stage-mini-done{fill:color-mix(in srgb,var(--ui-accent) 55%,transparent)}.stage-mini-reach{stroke:var(--e-accent,var(--ui-accent));stroke-width:2}.stage-result{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 0;font-size:.9rem}.stage-record{color:var(--e-yellow,var(--ui-yellow));font-weight:700}