.timing-context{display:flex;align-items:flex-end;gap:22px;padding:18px 22px}.timing-context label{margin:0;min-width:220px;max-width:440px;flex:1}.timing-context select{display:block;margin-top:7px}.timing-context p{flex:1;margin:0 0 9px}.timing-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:20px;align-items:start}.timing-capture h2,.timing-order h2,.timing-results h2{font-size:20px;margin:0 0 12px}.timing-passage-control{padding:15px 0 5px}.timing-passage-control>label{margin:0 0 9px}.timing-passage-control>small{display:block;font-size:11px;color:#6b7e99;margin-top:9px}.timing-rounds{display:flex;gap:7px;flex-wrap:wrap}.timing-rounds button{position:relative;min-width:38px;height:37px;padding:6px 10px;border-radius:8px;background:#f7f9fc;font-size:12px}.timing-rounds button.active{background:#0d2045;color:#fff;border-color:#0d2045}.timing-rounds button:disabled:not(.active){opacity:.65;background:#edf2f7}.timing-rounds button span{font-size:9px;margin-left:4px}.timing-rounds .timing-add-round{color:#1a6bff;background:#edf4ff;border-color:#d7e5ff}.timing-capture .clock{font-size:60px;margin:16px 0 20px;letter-spacing:-2px}.timing-clock-actions{display:flex;gap:8px;flex-wrap:wrap}.timing-clock-actions button{padding:10px 12px;font-size:12px}.timing-record{width:100%;margin-top:20px;min-height:45px}.timing-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.timing-section-heading>.ui-icon{width:28px;height:28px;color:#1a6bff}.timing-section-heading .eyebrow{display:block;margin-bottom:8px}.timing-section-heading h2{margin-bottom:0}.timing-section-heading .badge{font-size:10px;white-space:nowrap}.timing-order ol{list-style:none;counter-reset:timing-order;margin:16px 0 0;padding:0;display:grid;gap:6px}.timing-order li{counter-increment:timing-order;display:flex;align-items:center;gap:10px}.timing-order li:before{content:counter(timing-order,decimal-leading-zero);font-size:12px;color:#8d9db6;min-width:23px;font-variant-numeric:tabular-nums}.timing-order li button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;text-align:left;font-size:12px;border-radius:8px;background:#f8fafc;border-color:#e3e9f2}.timing-order li button span{font-size:10px;font-weight:400;color:#71819a;white-space:nowrap}.timing-order li button.active{background:#edf4ff;border-color:#bcd3ff;color:#1a6bff}.timing-results .table-scroll{margin-top:15px}.timing-results table{font-variant-numeric:tabular-nums}.timing-results td,.timing-results th{white-space:nowrap;vertical-align:middle;padding:14px 12px}.timing-results th[scope=row]{color:#0d2045;font-size:12px;font-weight:600}.timing-results td small,.timing-results th small{display:block;color:#71819a;font-size:10px;font-weight:400;margin-top:4px}.timing-results thead th{color:#6b7e99;font-size:10px;font-weight:600}.timing-rank{display:inline-grid;place-items:center;border-radius:8px;width:28px;height:28px;background:#f2f5f9;color:#71819a;font-weight:600}.timing-rank.podium{color:#0d2045;background:#eaf2ff}.timing-best{background:#f3f7fd;color:#0d2045}.timing-delta{display:inline-flex;flex-direction:column;gap:4px;font-size:12px}.timing-delta small{margin:0!important;color:inherit!important;font-size:10px}.timing-delta.gain{color:#16854c}.timing-delta.loss{color:#bd5444}.timing-delta.same{color:#6b7e99}.timing-no-delta{color:#9aa8bc}.timing-log{border-top:1px solid #e1e7f0;padding-top:17px;margin-top:24px}.timing-log summary{font-size:12px;font-weight:600;color:#435a7c;cursor:pointer}.timing-log td button{padding:4px 9px;font-size:10px}.timing-comparison .my-result th{color:#1a6bff}
@media(max-width:1000px){.timing-workspace{grid-template-columns:1fr}.timing-order ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px}.timing-order li button{align-items:flex-start;flex-direction:column;gap:3px}.timing-context{display:block}.timing-context p{margin:12px 0 0}.timing-context label{max-width:none;min-width:0}}
@media(max-width:550px){.timing-order ol{grid-template-columns:1fr}.timing-order li button{flex-direction:row;align-items:center}.timing-clock-actions{display:grid;grid-template-columns:1fr 1fr}.timing-clock-actions .transfer-time{grid-column:1/-1}.timing-capture .clock{font-size:52px}.timing-workspace{gap:0}.timing-section-heading{align-items:flex-start}.timing-section-heading .badge{white-space:normal;text-align:right}.timing-results td,.timing-results th{padding:12px 9px}}
.timing-pass-time{font-weight:400}.timing-comparison strong.timing-pass-time{font-weight:750;color:#0d2045}.timing-validate{font-size:10px;padding:3px 6px;margin-left:3px}.timing-sparkline{display:block;width:128px;height:38px;min-width:128px;border-radius:0;background:transparent!important;overflow:visible;color:#7789a4}.timing-sparkline.gain{color:#16854c}.timing-sparkline.loss{color:#bd5444}.timing-sparkline polyline{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}.timing-sparkline circle{stroke:currentColor;stroke-width:1.25;fill:white;vector-effect:non-scaling-stroke}.timing-sparkline .timing-spark-axis{stroke:#e3e9f2;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}

@media(max-width:700px){
.timing-comparison th[scope=row],.timing-comparison thead th:nth-child(2){min-width:88px;width:88px;max-width:110px;white-space:normal}
.timing-comparison .timing-first-name,.timing-comparison .timing-family-name{display:block;white-space:normal;overflow-wrap:break-word;line-height:1.35}
.timing-comparison .timing-family-name{font-size:10px;font-weight:400;margin-top:3px;color:inherit}
}