/* Compact timing visuals share the same quiet surfaces as the analysis workspace. */
.global-nav nav{display:flex;align-items:center;gap:10px}.global-nav .nav-current{font-size:12px}.global-nav .nav-current[aria-current=false]{color:var(--secondary)}#nav-analysis{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink)}#nav-analysis>span{color:var(--muted);font-size:18px}#nav-analysis b{font-weight:550}
.session-library-row{transition:border-color .18s,box-shadow .18s}.session-library-row.is-new-import{border-color:color-mix(in srgb,var(--blue) 60%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 9%,transparent)}.is-new-import .session-source{background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--blue);font-weight:650;letter-spacing:.5px}.session-row-main{padding-top:15px;padding-bottom:15px}
.overview-rhythm{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;min-width:0}.lap-timeline{min-width:0}.timeline-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 2px}.timeline-heading strong{font-size:13px;font-weight:600;letter-spacing:-.1px}.timeline-heading small{display:block;color:var(--secondary);font-size:10px;margin-top:4px}.timeline-summary{display:flex;align-items:center;gap:20px;color:var(--secondary);font-size:11px;white-space:nowrap}.timeline-summary b{font-weight:600;color:var(--ink);margin-left:5px;font-variant-numeric:tabular-nums}.timeline-summary .timeline-best b{color:var(--gain)}.timeline-typical:before{content:'';display:inline-block;width:13px;border-top:1px dashed var(--secondary);margin-right:6px;vertical-align:middle}.timeline-scroll{overflow-x:auto;max-width:100%;padding:0 8px 10px;scrollbar-width:thin}.timeline-svg{display:block;width:100%;height:142px;overflow:visible}.timeline-baseline{stroke:var(--line);stroke-width:1}.timeline-median{stroke:var(--secondary);stroke-width:1;stroke-dasharray:3 5;opacity:.5}.timeline-spread{fill:var(--blue);opacity:.035}.timeline-line{fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linejoin:round;opacity:.5}.timeline-stem{stroke:color-mix(in srgb,var(--secondary) 30%,var(--surface));stroke-width:6;stroke-linecap:round}.timeline-point .timeline-dot{fill:var(--surface);stroke:var(--blue);stroke-width:2}.overview-rhythm .timeline-dot{fill:var(--secondary);stroke:var(--surface);stroke-width:1.5}.timeline-point.best .timeline-dot{fill:var(--gain);stroke:var(--gain)}.timeline-point.best .timeline-stem{stroke:color-mix(in srgb,var(--gain) 35%,var(--surface))}.timeline-hit{fill:transparent;stroke:none}.timeline-ring{fill:none;stroke:var(--blue);stroke-width:1;opacity:0}.timeline-point{outline:none}.timeline-point[role=button]{cursor:pointer}.timeline-point .timeline-lap-label{fill:var(--secondary);font-size:10px}.timeline-point.selected .timeline-dot{fill:var(--blue)}.timeline-point.selected .timeline-ring,.timeline-point:hover .timeline-ring,.timeline-point:focus .timeline-ring{opacity:.8}.timeline-point.selected .timeline-lap-label{fill:var(--ink);font-weight:650}.timeline-point.excluded .timeline-dot{stroke:var(--muted);stroke-dasharray:2 2}.timeline-point.excluded .timeline-lap-label{opacity:.5}.timeline-time{opacity:0;pointer-events:none;transition:opacity .1s}.timeline-time rect{fill:var(--surface-alt);stroke:var(--line)}.timeline-time text{fill:var(--ink);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.timeline-point:is(:hover,:focus,.selected) .timeline-time{opacity:1}.timeline-svg:has(.timeline-point:hover) .timeline-point.selected:not(:hover) .timeline-time{opacity:0}.timeline-svg:has(.timeline-point:focus) .timeline-point.selected:not(:focus) .timeline-time{opacity:0}
.progression-chart{margin-top:9px}.consistency-table th,.consistency-table td{padding:3px 4px;min-width:92px}.consistency-table th:first-child{min-width:180px;padding:3px 9px}.consistency-table tbody th>button{display:inline-flex;align-items:center;width:47px;min-height:30px;padding:0;font-size:11px}.consistency-table .consistency-status-picker{display:inline-flex;width:108px;vertical-align:middle}.consistency-table .consistency-status-picker select{font-size:10px;min-height:28px;padding:3px 23px 3px 7px}.consistency-table td>button:not(.consistency-cell){padding:5px 7px;min-height:30px}.consistency-table .consistency-cell{display:flex;justify-content:center;align-items:baseline;gap:5px;padding:6px 5px;min-height:30px}.consistency-cell small{display:inline;margin:0;font-size:9px}.consistency-cell strong{font-size:12px}.consistency-table thead th{padding:7px 5px}.consistency-table thead small{margin-top:2px}.consistency-table tfoot td,.consistency-table tfoot th{padding:7px 5px}.consistency-table-scroll{max-height:620px}.lap-row{padding-top:9px;padding-bottom:9px}
.opportunity-footer .opportunity-play{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 12px;font-size:13px!important;line-height:20px}.opportunity-play-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.opportunity-play-icon .icon{width:18px;height:18px;margin:0;transform:none}.opportunity-action{font-size:13px!important;font-weight:600;line-height:20px}.opportunity-footer [data-compare-corner]{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;font-size:12px!important;font-weight:600;border:1px solid color-mix(in srgb,var(--secondary) 45%,var(--line));border-radius:7px;background:var(--surface);color:var(--ink)}.opportunity-footer [data-compare-corner]:hover{background:var(--surface-alt);border-color:var(--blue)}.opportunity-footer [data-compare-corner].is-comparing{border-color:var(--red);color:var(--red)}.opportunity-footer [data-compare-corner] .icon{width:17px;height:17px}
.clear-graph-selection{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:5px 8px;color:var(--ink);font-size:11px;white-space:nowrap;min-height:29px}.clear-graph-selection:hover{border-color:var(--blue);color:var(--blue)}.custom-summary-heading{gap:10px;flex-wrap:wrap}.custom-summary-heading [data-clear-custom]{margin-left:auto}.custom-timing-note{font-size:11px;color:var(--secondary);margin:0 0 12px;line-height:1.6}
@media(max-width:760px){.timeline-heading{flex-wrap:wrap;padding:10px 10px 2px;gap:10px}.timeline-summary{gap:14px}.timeline-heading strong{font-size:12px}.timeline-svg{height:134px}.timeline-scroll{padding-left:0;padding-right:0}.global-nav nav{gap:5px}#nav-analysis{font-size:10px;gap:5px}.global-nav .nav-current{font-size:10px}.global-nav .demo-badge{display:none}.session-overview{padding:16px 14px}.custom-summary-heading [data-clear-custom]{margin-left:0}.telemetry-header .section-label{flex-wrap:wrap}}
@media(pointer:coarse){.consistency-table tbody th>button,.consistency-table .consistency-status-picker select,.consistency-table .consistency-cell,.consistency-table td>button:not(.consistency-cell){min-height:40px}.clear-graph-selection{min-height:40px}}
@media(prefers-reduced-motion:reduce){.timeline-time,.session-library-row{transition:none}}