/* Keep interactive data precise; distinguish traces without offsetting samples. */
.telemetry-trace{stroke-width:1.5}.trace-b{stroke-dasharray:5 3;stroke-width:1.5}.speed-view-toggle{display:flex;flex:none;border:1px solid var(--line);border-radius:6px;padding:2px;gap:2px;background:var(--surface-alt)}.speed-view-toggle button{padding:4px 7px;border-radius:4px;font-size:10px;color:var(--secondary);white-space:nowrap}.speed-view-toggle button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #0001}.chart-head{flex-wrap:wrap}.chart-readouts{gap:10px}.chart-card[data-speed-gap=true] .chart-readouts{font-size:11px}.chart-card[data-speed-gap=true] .chart-unit{font-size:10px}.chart-card[data-speed-gap=true] .chart-readouts>[data-value-b]{color:var(--secondary)}
.graph-behavior-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 2px 3px;font-size:11px;color:var(--secondary)}.graph-behavior-bar>span{font-weight:550}.graph-behavior-bar>[role=group]{display:flex;border:1px solid var(--line);background:var(--surface-alt);padding:2px;border-radius:6px;gap:2px}.graph-behavior-bar button{padding:5px 10px;color:var(--secondary);font-size:11px;border-radius:4px}.graph-behavior-bar button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #0002}.graph-behavior-bar small{font-size:10px;color:var(--muted)}#graphs[data-graph-behavior=drag] .telemetry-chart{cursor:grab;touch-action:pan-y}#graphs.graph-dragging .telemetry-chart{cursor:grabbing;touch-action:none}#graphs{position:relative}#graphs[data-edge-pan]:after{content:'Scrolling';position:absolute;bottom:33px;padding:4px 7px;font-size:9px;background:var(--surface-alt);color:var(--secondary);border:1px solid var(--line);border-radius:5px;pointer-events:none}#graphs[data-edge-pan=left]:after{left:45px}#graphs[data-edge-pan=right]:after{right:16px}.graph-zoom-toolbar{justify-content:flex-start;gap:8px}.graph-zoom-toolbar:after{content:'Hold at graph edge to scroll';font-size:9px;margin-left:auto;color:var(--muted)}
/* Simple, flat weather metadata avoids unrelated accent styling. */
#modal .session-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:10px 0 24px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none;box-shadow:none;border-radius:0}#modal .session-info-grid>div{position:static;border:0;border-radius:0;padding:2px 14px;background:transparent;box-shadow:none;outline:0;min-width:0}#modal .session-info-grid>div:first-child{padding-left:0}#modal .session-info-grid>div+div{border-left:1px solid var(--line)}#modal .session-info-grid>div:before,#modal .session-info-grid>div:after{content:none}#modal .session-info-grid span{color:var(--secondary);font-size:11px}#modal .session-info-grid b{color:var(--ink);font-size:15px;font-weight:550}#modal .field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23828a92' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:35px}.field .field-note{display:block;margin-top:8px;font-size:11px}
.library-result-toolbar select{appearance:none;padding-right:36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23828a92' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.overview-rhythm .timeline-heading{justify-content:flex-start;gap:28px;flex-wrap:wrap}.overview-rhythm .timeline-summary{gap:17px}.overview-rhythm .timeline-best{padding:5px 8px;background:color-mix(in srgb,var(--gain) 9%,transparent);border:1px solid color-mix(in srgb,var(--gain) 25%,transparent);border-radius:5px;color:var(--gain)}.overview-rhythm .timeline-point.best .timeline-stem{stroke:var(--gain);stroke-width:9}.overview-rhythm .timeline-point.best .timeline-dot{r:5;fill:var(--gain);stroke:var(--surface);stroke-width:1.5}.overview-rhythm .timeline-point.best .timeline-lap-label{fill:var(--gain);font-weight:750}.overview-rhythm .timeline-point.best .timeline-ring{stroke:var(--gain);opacity:.4}
.theoretical-session{display:inline-block!important;font-size:8px!important;letter-spacing:.6px;padding:3px 5px;margin-left:8px;vertical-align:middle;background:var(--surface-alt);color:var(--secondary)!important;border-radius:4px}.theoretical-session-note{font-size:12px;color:var(--secondary)}
.map-wrap .driving-event{stroke-width:1.1!important;filter:none!important}
.home-panorama{display:none}[data-home-style=panorama] .home-art{display:none}[data-home-style=panorama] .home-panorama{display:block;--panorama-road:color-mix(in srgb,var(--secondary) 10%,transparent);border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,var(--surface),color-mix(in srgb,var(--surface-alt) 55%,var(--surface)));box-shadow:0 15px 50px #00000008;padding:20px 24px 19px;min-width:0}[data-home-style=panorama] .home-screen{max-width:1260px;padding-top:25px;gap:32px}.panorama-heading{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:8px;letter-spacing:1.4px;text-align:left}.home-panorama svg{display:block;width:100%;height:auto;aspect-ratio:1040/350;margin:10px 0 0}.panorama-caption{display:flex;justify-content:center;gap:35px;color:var(--secondary);font-size:10px;letter-spacing:.4px;padding-top:13px}.panorama-caption span+span:before{content:'·';margin-right:35px;color:var(--muted)}
@media(max-width:760px){.graph-behavior-bar{gap:8px}.graph-behavior-bar small{flex-basis:100%;line-height:1.6}.graph-zoom-toolbar:after{content:''}.overview-rhythm .timeline-heading{gap:10px}.overview-rhythm .timeline-summary{gap:12px}.panorama-heading>span:last-child{display:none}[data-home-style=panorama] .home-panorama{padding:14px 10px}.panorama-heading{padding:0 8px;font-size:7px}.panorama-caption{gap:10px;font-size:8px}.panorama-caption span+span:before{margin-right:10px}.home-panorama svg{min-height:130px}#modal .session-info-grid>div{padding:2px 9px}#modal .session-info-grid b{font-size:13px}}
.chart-card[data-speed-gap=true] .chart-readouts>[data-value-b]{display:none}.chart-head:has(.close-chart){position:relative;padding-right:26px}.chart-head .close-chart{position:absolute;right:0;top:0;margin:0}.chart-head:has(.speed-view-toggle) .chart-readouts{font-size:11px}