/* Frame Lab C / Clarity. FPS + motion instruments; no decorative animation while sampling. */
[data-fl-test], [data-fl-motion] {
  --timing-navy:#101e36;
  --timing-blue:#2455df;
  --timing-line:#dce4f1;
  --timing-muted:#5b6c83;
  --timing-mono:'DM Mono',monospace;
  --timing-sans:'Manrope',Arial,sans-serif;
  font-family:var(--timing-sans);
}
[data-fl-test] .timing-icon,[data-fl-motion] .timing-icon{display:inline-block;flex:none;vertical-align:middle}
[data-fl-test] button,[data-fl-motion] button{font-family:var(--timing-sans)}
[data-fl-test] button:focus-visible,[data-fl-motion] button:focus-visible,[data-fl-test] select:focus-visible,[data-fl-motion] select:focus-visible,[data-fl-test] summary:focus-visible{outline:3px solid #5489ff;outline-offset:4px}
[data-fl-test] button:not(:disabled),[data-fl-motion] button:not(:disabled),[data-fl-test] .timing-report summary{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
[data-fl-test] button:hover:not(:disabled),[data-fl-motion] button:hover:not(:disabled){filter:none}
[data-fl-test] .step-marker,[data-fl-motion] .step-marker{font:10px/1.6 var(--timing-mono);letter-spacing:.08em;color:var(--timing-blue);margin-bottom:13px}
[data-fl-test]{grid-template-columns:310px minmax(0,1fr);border:1px solid #cfd9e9;border-radius:18px;background:#fff;box-shadow:0 16px 40px #152c510a;isolation:isolate}
[data-fl-test] .test-controls{background:#fff;padding:30px 26px 24px;border-right:1px solid var(--timing-line)}
[data-fl-test] .controls-intro{display:block}
[data-fl-test] .controls-intro h2{font:750 24px/1.25 var(--timing-sans);letter-spacing:-.045em;color:#18263c;margin:0 0 12px;max-width:235px}
[data-fl-test] .controls-intro p{font:500 12px/1.8 var(--timing-sans);color:var(--timing-muted);margin:0 0 22px}
[data-fl-test] #start-test{display:flex;gap:10px;justify-content:flex-start;background:var(--timing-blue);border:1px solid var(--timing-blue);border-radius:9px;min-height:52px;padding:12px 14px;font:700 13px var(--timing-sans);margin:0 0 23px;box-shadow:0 4px 10px #2455df1c}
[data-fl-test] #start-test>.timing-icon:last-child{margin-left:auto;width:18px}
[data-fl-test] #start-test:not(:disabled):hover,[data-fl-motion] #start-motion:not(:disabled):hover{background:#1746ca;box-shadow:0 4px 14px #2455df30}
[data-fl-test] #start-test:disabled{opacity:.7;box-shadow:none}
[data-fl-test] .timing-field{margin-bottom:18px}
[data-fl-test] .timing-field label{display:flex;align-items:center;gap:7px;font:700 11px/1.5 var(--timing-sans);text-transform:none;letter-spacing:0;color:#344861;margin:0 0 7px}
[data-fl-test] .field-number{font:9px var(--timing-mono);color:#5e718d;border:1px solid #dce4f1;border-radius:4px;padding:2px 4px}
[data-fl-test] select,[data-fl-motion] select{border:1px solid #cdd8e8;background-color:#f9fbfe;color:#1b304d;border-radius:8px;font:600 12px/1.5 var(--timing-sans);padding:12px 29px 12px 11px;min-height:46px;box-shadow:0 1px 2px #12244203}
[data-fl-test] select:hover:not(:disabled),[data-fl-motion] select:hover:not(:disabled){border-color:#8ba6d6}
[data-fl-test] .timing-setup-note{display:flex;align-items:flex-start;gap:9px;border-top:1px solid #e6ecf5;padding:16px 0 0;margin:22px 0 17px;font:500 10px/1.8 var(--timing-sans);color:#61718a}
[data-fl-test] .timing-setup-note .timing-icon{width:16px;height:16px;color:#647fac;margin-top:2px}
[data-fl-test] .secondary-actions{gap:8px;margin:0}
[data-fl-test] .secondary-actions button{padding:8px;min-height:40px;border-color:#d6e0ee;border-radius:7px;background:#fff;color:#4d617c;font-size:11px}
[data-fl-test] .secondary-actions button:not(:disabled):hover{background:#f1f5fc;border-color:#adc1e2}
[data-fl-test] .instrument{position:relative;background:var(--timing-navy);background-image:radial-gradient(ellipse at 90% 0,#1b386340,transparent 62%);color:#f4f7ff;padding:26px 30px 18px;min-height:490px;overflow:hidden}
[data-fl-test] .instrument-top{gap:12px}
[data-fl-test] .instrument .eyebrow,[data-fl-motion] .motion-stage .eyebrow{display:flex;align-items:center;gap:8px;font:9px/1.5 var(--timing-mono);letter-spacing:.09em;color:#a4b6d4;margin:0}
[data-fl-test] .instrument .eyebrow .timing-icon,[data-fl-motion] .motion-stage .eyebrow .timing-icon{width:16px;height:16px;color:#7c9cd5}
[data-fl-test] .state-pill,[data-fl-motion] .state-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #405674;border-radius:100px;background:#1c2e48;color:#d6e1f5;font:10px/1.4 var(--timing-mono)}
[data-fl-test] .state-pill::before,[data-fl-motion] .state-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:#88a1c5;flex:none}
[data-fl-test][data-state="warming"] .state-pill,[data-fl-test][data-state="measuring"] .state-pill,[data-fl-motion][data-state="running"] .state-pill{background:#18366b;border-color:#3966b1;color:#c8deff}
[data-fl-test][data-state="warming"] .state-pill::before,[data-fl-test][data-state="measuring"] .state-pill::before,[data-fl-motion][data-state="running"] .state-pill::before{background:#8ab8ff}
[data-fl-test][data-state="complete"] .state-pill{background:#1b3c51;border-color:#426877;color:#c1e3e9}
[data-fl-test][data-state="complete"] .state-pill::before{background:#97d5df}
[data-fl-test] .reading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 20px;min-height:139px}
[data-fl-test] .reading>div{display:flex;align-items:baseline;gap:12px;flex-wrap:nowrap;min-width:0}
[data-fl-test] .reading-value{font:400 clamp(54px,6.7vw,91px)/1 var(--timing-mono);letter-spacing:-.075em;color:#f6f8ff;font-variant-numeric:tabular-nums}
[data-fl-test] .reading-unit{font:12px var(--timing-mono);color:#90a9d1;letter-spacing:0}
[data-fl-test] .reading p{font:600 11px/1.8 var(--timing-sans);color:#d0dcf0;max-width:170px;margin:0}
[data-fl-test] .reading .muted{font-weight:500;color:#91a5c6}
[data-fl-test] .measurement-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0 0 21px;padding:0}
[data-fl-test] .measurement-phases li{display:flex;align-items:center;gap:7px;border-top:1px solid #334765;padding:9px 0 0;margin:0;min-width:0;font:10px/1.5 var(--timing-sans);color:#8498b8}
[data-fl-test] .measurement-phases li>span{font:9px var(--timing-mono);color:#617da6}
[data-fl-test][data-state="warming"] .phase-warm,[data-fl-test][data-state="measuring"] .phase-measure,[data-fl-test][data-state="complete"] .phase-complete{color:#e2ecff;border-color:#83b1ff}
[data-fl-test][data-state="warming"] .phase-warm>span,[data-fl-test][data-state="measuring"] .phase-measure>span,[data-fl-test][data-state="complete"] .phase-complete>span{color:#a0c4ff}
[data-fl-test][data-state="measuring"] .phase-warm,[data-fl-test][data-state="complete"] .phase-warm,[data-fl-test][data-state="complete"] .phase-measure{color:#a6bada;border-color:#476c9d}
[data-fl-test] .graph-wrap{display:flex;flex:1;flex-direction:column;background:#0c172b;border:1px solid #2a3e5e;border-radius:10px;padding:13px 14px 11px;margin-top:0;min-height:185px}
[data-fl-test] .graph-plot{position:relative;flex:1;min-height:120px}
[data-fl-test] #frame-chart{position:absolute;inset:0;display:block;width:100%;height:100%}
[data-fl-test] .chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;color:#a5b8d8;background:linear-gradient(90deg,transparent,#0c172bd9 30%,#0c172bd9 70%,transparent);gap:5px;text-align:center}
[data-fl-test] .chart-empty>.timing-icon{width:25px;height:25px;color:#6b91ca;margin-bottom:3px}
[data-fl-test] .chart-empty>span{font:600 11px/1.5 var(--timing-sans)}
[data-fl-test] .chart-empty>small{font:10px/1.6 var(--timing-sans);color:#7c93b5}
[data-fl-test][data-state="measuring"] .chart-empty,[data-fl-test][data-state="complete"] .chart-empty{display:none}
[data-fl-test] .graph-caption{font:8px/1.6 var(--timing-mono);letter-spacing:.02em;color:#8fa6cb;padding-top:7px;gap:8px}
[data-fl-test] .graph-caption>span:last-child{color:#bdcdea;white-space:nowrap}
[data-fl-test] .progress-row{gap:14px;margin-top:16px}
[data-fl-test] .progress-row span{font:10px var(--timing-mono);color:#b3c5e2}
[data-fl-test] progress{height:3px;background:#2c3e5a;border-radius:5px;overflow:hidden}
[data-fl-test] progress::-webkit-progress-bar{background:#2c3e5a}
[data-fl-test] progress::-webkit-progress-value{background:#79aaff}
[data-fl-test] progress::-moz-progress-bar{background:#79aaff}
[data-fl-test] .instrument .status{font:500 10px/1.7 var(--timing-sans);color:#9fb3d3;min-height:18px;margin:11px 0 0;max-width:none}
[data-fl-test] .instrument .status.error{color:#ffbaad!important}
[data-fl-test] #load-canvas{border-color:#364e72;background:#0c172b;border-radius:6px;margin-top:10px}
[data-fl-test] .test-footnote{padding:17px 26px;gap:18px;background:#f8fafe;border-top:1px solid var(--timing-line)}
[data-fl-test] .test-footnote p{font:500 10px/1.8 var(--timing-sans);color:#61718b;max-width:640px}
[data-fl-test] .test-footnote a{color:var(--timing-blue);white-space:nowrap}
[data-fl-test] .test-footnote button{background:#fff;border:1px solid #d7e0ee;border-radius:7px;font-size:10px;color:#34547f;padding:8px 11px}
[data-fl-test] .result{padding:30px;background:#fff;border-top:1px solid var(--timing-line)}
[data-fl-test] .result-heading{gap:15px;align-items:flex-start}
[data-fl-test] .result .eyebrow{display:flex;align-items:center;gap:6px;color:var(--timing-blue);font:9px/1.5 var(--timing-mono);letter-spacing:.08em;margin:0 0 9px}
[data-fl-test] .result .eyebrow .timing-icon{width:15px;height:15px}
[data-fl-test] .result h2{font:750 27px/1.2 var(--timing-sans);letter-spacing:-.05em;margin:0;color:#192b47}
[data-fl-test] #result-duration{font:10px/1.8 var(--timing-mono);color:#61748e;border:1px solid #e1e8f3;border-radius:6px;padding:5px 9px;white-space:nowrap;margin-top:4px}
[data-fl-test] .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:23px 0}
[data-fl-test] .metrics>div{min-width:0;padding:21px 22px;border:1px solid #dce5f3;background:#f7faff}
[data-fl-test] .metrics>div:first-child{border-radius:10px 0 0 10px;background:#edf3ff}
[data-fl-test] .metrics>div+div{border-left:0;border-radius:0 10px 10px 0}
[data-fl-test] .metrics dt{font:500 11px/1.6 var(--timing-sans);min-height:0;color:#566b89;margin-bottom:8px}
[data-fl-test] .metrics dd{font:400 clamp(25px,3.3vw,37px)/1.3 var(--timing-mono);letter-spacing:-.06em;color:#204baf;overflow-wrap:anywhere}
[data-fl-test] .metrics>div+div dd{color:#263c60}
[data-fl-test] .result-insight{display:flex;gap:11px;align-items:flex-start;padding:0 0 16px;border-bottom:1px solid #e6ecf5}
[data-fl-test] .result-insight>.timing-icon{color:#4f75b4;margin-top:2px}
[data-fl-test] .result-insight p{max-width:none;font:600 12px/1.8 var(--timing-sans);color:#3b5273;margin:0}
[data-fl-test] .timing-limit{font:500 10px/1.8 var(--timing-sans);color:#6d7c91;max-width:820px;margin:14px 0 19px}
[data-fl-test] .timing-report{border:1px solid #dce5f1;border-radius:9px;padding:0;margin:0;background:#fbfcff}
[data-fl-test] .timing-report summary{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:52px;padding:14px 17px;cursor:pointer;list-style:none;font:700 11px/1.7 var(--timing-sans);color:#3b5478}
[data-fl-test] .timing-report summary::-webkit-details-marker{display:none}
[data-fl-test] .timing-report summary>span{font:20px/1 var(--timing-mono);color:#5274a7}
[data-fl-test] .timing-report[open] summary>span{transform:rotate(45deg)}
[data-fl-test] .timing-report summary:hover{background:#f0f5fd}
[data-fl-test] .timing-report-body{padding:0 17px 17px;border-top:1px solid #e3eaf5}
[data-fl-test] .timing-detail-metrics{margin:0 0 13px}
[data-fl-test] .timing-detail-metrics>div,[data-fl-test] .timing-detail-metrics>div:first-child,[data-fl-test] .timing-detail-metrics>div+div{border:0;border-radius:0;background:transparent;padding:18px 12px 0 0}
[data-fl-test] .timing-detail-metrics dd{font-size:24px;color:#29436b}
[data-fl-test] .timing-report .small{font:500 10px/1.8 var(--timing-sans);color:#64768f;margin:0 0 14px;max-width:none}
[data-fl-test] .result-actions{display:flex;flex-wrap:wrap;gap:8px}
[data-fl-test] .result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #ccd9ed;border-radius:7px;color:#294f86;padding:9px 13px;min-height:42px;font-size:11px}
[data-fl-test] .result-actions .timing-icon{width:15px;height:15px}
[data-fl-test] .result-actions button:hover{background:#edf3ff;border-color:#97b0d6}
[data-fl-test] .result-next{display:inline-flex;align-items:center;gap:10px;color:var(--timing-blue);font:700 11px/1.7 var(--timing-sans);text-decoration:none;margin-top:18px}
[data-fl-test] .result-next .timing-icon{width:17px;height:17px}
[data-fl-test] .result-next:hover{text-decoration:underline;text-underline-offset:4px}
/* Identical lane/marker colors preserve the rate comparison baseline. Keep original 40px geometry and direct rAF transforms. */
[data-fl-motion]{margin:32px 0 40px;border:1px solid #cfd9e9;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 16px 40px #152c510a}
[data-fl-motion] .motion-console-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:26px;padding:27px 28px 21px}
[data-fl-motion] .motion-console-heading .step-marker{margin-bottom:9px}
[data-fl-motion] .motion-console-heading h2{font:750 25px/1.3 var(--timing-sans);letter-spacing:-.045em;color:#192b47;margin:0}
[data-fl-motion] .motion-console-heading p{font:500 11px/1.8 var(--timing-sans);color:#61728b;max-width:225px;margin:0}
[data-fl-motion] .motion-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:#fff;border:0;border-radius:0;padding:0 28px 22px}
[data-fl-motion] .motion-settings label{font:600 11px var(--timing-sans);color:#405775;min-width:0}
[data-fl-motion] .motion-field-label{display:flex;align-items:center;gap:7px;min-height:23px;margin-bottom:6px}
[data-fl-motion] .motion-field-label>.timing-icon{width:18px;height:18px;color:#5f7cab}
[data-fl-motion] .motion-settings select{margin:0}
[data-fl-motion] .lane-letter{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border:1px solid #cdd9ec;border-radius:5px;background:#edf3ff;color:#3e63a2;font:10px var(--timing-mono);flex:none}
[data-fl-motion] .motion-actions{display:flex;flex-wrap:wrap;gap:8px;padding:17px 28px;border-top:1px solid #e3eaf5;background:#f7faff;align-items:center}
[data-fl-motion] .motion-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid #d3dff0;border-radius:8px;padding:10px 13px;font:600 11px/1.6 var(--timing-sans);color:#3b557a;background:#fff}
[data-fl-motion] .motion-actions .timing-icon{width:17px;height:17px}
[data-fl-motion] .motion-actions #start-motion{background:var(--timing-blue);border-color:var(--timing-blue);color:#fff;padding-left:15px;padding-right:18px;box-shadow:0 3px 8px #2455df18}
[data-fl-motion] .motion-actions #start-motion:disabled{opacity:.7;box-shadow:none}
[data-fl-motion] .motion-actions button:not(:disabled):not(.primary):hover{background:#edf3ff;border-color:#a8bee2}
[data-fl-motion] .motion-actions .motion-share{margin-left:auto;background:transparent;border-color:transparent;font-size:10px;color:#5e7393}
[data-fl-motion] .motion-stage{background:var(--timing-navy);border-radius:0;padding:21px 23px 15px;color:#fff;overflow:hidden}
[data-fl-motion] .motion-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 18px}
[data-fl-motion] .motion-lane{padding:16px 17px 13px;border:1px solid #354966!important;border-radius:9px;margin:0 0 11px;background:#12223d;color:#d5e1f6;--lane-grid:#526c993d;--lane-dash:#8fa5ce61;--runner-bg:#b8d2ff;--runner-ink:#1d3762;--lane-ink:#b9cae4;--lane-pill:#1c3151;--lane-pill-line:#3a5277}
[data-fl-motion] .lane-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
[data-fl-motion] .lane-identity{display:flex;align-items:center;gap:8px;font:500 10px/1.5 var(--timing-sans);color:var(--lane-ink)}
[data-fl-motion] .motion-lane .lane-letter{background:var(--lane-pill);border-color:var(--lane-pill-line);color:var(--lane-ink);width:22px;height:22px}
[data-fl-motion] .lane-readings{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
[data-fl-motion] .lane-requested{display:inline-flex;gap:7px;align-items:baseline;color:var(--lane-ink)}
[data-fl-motion] .lane-requested>span{font:9px/1.5 var(--timing-sans);opacity:.9}
[data-fl-motion] .lane-label{font:400 12px/1.5 var(--timing-mono);color:inherit;white-space:nowrap}
[data-fl-motion] .lane-observed{font:9px/1.5 var(--timing-mono);color:var(--lane-ink);border:1px solid var(--lane-pill-line);border-radius:5px;padding:4px 7px;background:var(--lane-pill);min-width:29px;text-align:center;white-space:nowrap}
[data-fl-motion] .motion-track{height:72px;position:relative;border:0;margin:12px 0 0;background-image:linear-gradient(var(--lane-grid) 1px,transparent 1px),linear-gradient(90deg,var(--lane-grid) 1px,transparent 1px);background-size:24px 24px;border-radius:3px;overflow:hidden}
[data-fl-motion] .motion-track::before{position:absolute;content:'';left:0;right:0;top:36px;border-top:1px dashed var(--lane-dash);pointer-events:none}
[data-fl-motion] .runner{display:flex;gap:4px;position:absolute;top:16px;left:0;width:40px;height:40px;border-radius:50%;background:var(--runner-bg);border:1px solid transparent;box-shadow:none;will-change:transform;transition:none!important;animation:none!important}
[data-fl-motion] .runner i{width:3px;height:18px;background:var(--runner-ink)}
[data-fl-motion] .motion-stage-footnote{display:flex;justify-content:space-between;gap:14px;padding:2px 4px 0;font:8px/1.7 var(--timing-mono);color:#8fa6c9}
[data-fl-motion] #motion-status{font:500 11px/1.8 var(--timing-sans);color:#526b8d;background:#f7faff;border-bottom:1px solid #e1e9f5;padding:15px 28px;min-height:50px;max-width:none;margin:0}
[data-fl-motion] .callout{background:#fff;border:0;border-radius:0;padding:23px 28px 25px;margin:0;max-width:none}
[data-fl-motion] .callout strong{font:700 12px/1.7 var(--timing-sans);color:#38567e}
[data-fl-motion] .callout p{font:500 11px/1.9 var(--timing-sans);color:#65768e;max-width:900px;margin:7px 0 0}
[data-fl-test] .share-feedback,[data-fl-motion] .share-feedback{background:#edf3ff;color:#38567e;font:500 12px/1.8 var(--timing-sans);margin:0;padding:17px 26px;border-top:1px solid #d7e2f5;overflow-wrap:anywhere}
[data-fl-motion]:fullscreen{background:#f5f8fd;padding:24px 0;overflow:auto;border:0;border-radius:0;box-shadow:none;margin:0}
[data-fl-motion]:fullscreen .motion-console-heading,[data-fl-motion]:fullscreen .motion-settings,[data-fl-motion]:fullscreen .motion-actions,[data-fl-motion]:fullscreen .motion-stage,[data-fl-motion]:fullscreen #motion-status,[data-fl-motion]:fullscreen .callout{max-width:1200px;margin-left:auto;margin-right:auto}
[data-fl-motion]:fullscreen .motion-console-heading,[data-fl-motion]:fullscreen .motion-settings{background:#fff}
[data-fl-motion]:fullscreen .motion-console-heading{padding-top:20px}
[data-fl-motion]:fullscreen .motion-stage{border-radius:0}
[data-fl-test][data-state="warming"] button,[data-fl-test][data-state="measuring"] button,[data-fl-motion][data-state="running"] button{transition:none}
@media(min-width:1450px){[data-fl-test]{grid-template-columns:330px minmax(0,1fr)}[data-fl-test] .instrument{padding:29px 34px 20px}[data-fl-test] .reading{padding:29px 0 24px}[data-fl-test] .graph-plot{min-height:133px}}
@media(max-width:1000px){[data-fl-test]{grid-template-columns:275px minmax(0,1fr)}[data-fl-test] .test-controls{padding:25px 21px}[data-fl-test] .instrument{padding:24px 23px 18px}[data-fl-test] .controls-intro h2{font-size:22px}[data-fl-test] .reading{align-items:flex-start;flex-direction:column;gap:7px;padding:23px 0 17px}[data-fl-test] .reading p{font-size:10px;max-width:none}[data-fl-test] .reading p br{display:none}[data-fl-test] .reading .muted{margin-left:6px}[data-fl-test] .reading-value{font-size:76px}[data-fl-motion] .motion-console-heading{align-items:flex-start}[data-fl-motion] .motion-console-heading p{max-width:190px}}
@media(max-width:720px){
  [data-fl-test]{display:flex;flex-direction:column;border-radius:13px}
  [data-fl-test] .test-controls{order:0;padding:22px;border-right:0;border-bottom:0}
  [data-fl-test] .controls-intro{display:block}
  [data-fl-test] .controls-intro h2{max-width:none;font-size:23px;line-height:1.3;margin-bottom:8px}
  [data-fl-test] .controls-intro p{font-size:11px;line-height:1.8;margin-bottom:17px;max-width:450px}
  [data-fl-test] .controls-intro .step-marker{font-size:9px;margin-bottom:9px}
  [data-fl-test] #start-test{margin-bottom:19px;min-height:50px}
  [data-fl-test] .timing-field{margin-bottom:15px}
  [data-fl-test] .timing-setup-note{margin:17px 0 14px;padding-top:13px}
  [data-fl-test] .instrument{order:1;padding:23px 22px 19px;min-height:397px}
  [data-fl-test] .instrument .eyebrow{font-size:8px;letter-spacing:.05em;gap:6px}
  [data-fl-test] .instrument .eyebrow .timing-icon{width:14px;height:14px}
  [data-fl-test] .state-pill{font-size:9px;padding:4px 7px}
  [data-fl-test] .reading{display:flex;flex-direction:row;align-items:center;padding:25px 0 22px;gap:12px;min-height:114px}
  [data-fl-test] .reading-value{font-size:clamp(51px,16vw,72px)}
  [data-fl-test] .reading>div{gap:9px}
  [data-fl-test] .reading-unit{font-size:11px}
  [data-fl-test] .reading p{max-width:120px;font-size:10px;line-height:1.7;margin:0}
  [data-fl-test] .reading p br{display:block}
  [data-fl-test] .reading .muted{display:inline;margin:0}
  [data-fl-test] .measurement-phases{gap:10px;margin-bottom:19px}
  [data-fl-test] .measurement-phases li{font-size:9px;gap:5px}
  [data-fl-test] .measurement-phases li>span{font-size:8px}
  [data-fl-test] .graph-wrap{flex:none;padding:11px;min-height:0}
  [data-fl-test] .graph-plot{flex:none;height:110px;min-height:110px}
  [data-fl-test] .graph-caption{font-size:7px}
  [data-fl-test] .result{order:2;padding:24px 22px}
  [data-fl-test] .result-heading{display:flex;flex-direction:column;gap:10px}
  [data-fl-test] .result h2{font-size:25px}
  [data-fl-test] #result-duration{font-size:9px;margin:0}
  [data-fl-test] .metrics{margin:19px 0}
  [data-fl-test] .metrics>div{padding:17px 13px}
  [data-fl-test] .metrics dt{font-size:10px;min-height:32px;margin-bottom:6px}
  [data-fl-test] .metrics dd{font-size:clamp(23px,6.7vw,31px);letter-spacing:-.075em}
  [data-fl-test] .result-insight p{font-size:11px}
  [data-fl-test] .timing-report summary{padding:14px;font-size:10px}
  [data-fl-test] .timing-report-body{padding:0 14px 14px}
  [data-fl-test] .timing-detail-metrics{margin:0 0 14px}
  [data-fl-test] .timing-detail-metrics>div{padding-left:0;padding-right:9px}
  [data-fl-test] .timing-detail-metrics dd{font-size:23px}
  [data-fl-test] .result-actions button{width:auto;flex:1 1 44%;padding:9px 8px;font-size:10px}
  [data-fl-test] .test-footnote{order:3;padding:17px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
  [data-fl-test] .test-footnote p{font-size:10px}
  [data-fl-test] .test-footnote button{font-size:10px;margin:0}
  [data-fl-test] .share-feedback{order:4;padding:17px 22px}
  [data-fl-motion]{margin:27px 0 34px;border-radius:13px}
  [data-fl-motion] .motion-console-heading{padding:23px 20px 19px;display:block}
  [data-fl-motion] .motion-console-heading h2{font-size:24px}
  [data-fl-motion] .motion-console-heading p{font-size:11px;max-width:none;margin:11px 0 0}
  [data-fl-motion] .motion-console-heading .step-marker{font-size:8px}
  [data-fl-motion] .motion-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px;padding:0 20px 22px}
  [data-fl-motion] .motion-actions{padding:14px 20px;gap:8px}
  [data-fl-motion] .motion-actions button{font-size:10px;gap:6px;padding:10px;flex:1 1 40%;min-width:0}
  [data-fl-motion] .motion-actions .motion-share{font-size:10px;margin:0}
  [data-fl-motion] .motion-stage{padding:18px 12px 14px}
  [data-fl-motion] .motion-stage-heading{padding:0 4px 15px}
  [data-fl-motion] .motion-stage .eyebrow{font-size:8px}
  [data-fl-motion] .motion-lane{padding:13px 11px 10px;margin-bottom:10px}
  [data-fl-motion] .lane-heading{gap:9px;align-items:flex-start}
  [data-fl-motion] .lane-identity{font-size:9px;gap:6px;flex:none}
  [data-fl-motion] .lane-readings{flex-direction:column;align-items:flex-end;gap:4px}
  [data-fl-motion] .lane-requested{gap:5px}
  [data-fl-motion] .lane-requested>span{font-size:8px}
  [data-fl-motion] .lane-label{font-size:11px}
  [data-fl-motion] .lane-observed{font-size:8px;padding:3px 5px}
  [data-fl-motion] .motion-track{margin-top:10px;height:64px}
  [data-fl-motion] .motion-track::before{top:32px}
  [data-fl-motion] .runner{top:12px}
  [data-fl-motion] .motion-stage-footnote{font-size:7px;gap:9px;align-items:flex-start}
  [data-fl-motion] .motion-stage-footnote>span{max-width:48%}
  [data-fl-motion] .motion-stage-footnote>span:last-child{text-align:right}
  [data-fl-motion] #motion-status{padding:14px 20px;font-size:10px;min-height:62px}
  [data-fl-motion] .callout{padding:21px 20px}
  [data-fl-motion] .callout strong{font-size:11px}
  [data-fl-motion] .callout p{font-size:10px;line-height:1.9}
  [data-fl-motion]:fullscreen{padding:0}
  [data-fl-motion]:fullscreen .motion-actions{position:relative}
}
@media(max-width:360px){[data-fl-test] .test-controls,[data-fl-test] .instrument,[data-fl-test] .result{padding-left:17px;padding-right:17px}[data-fl-test] .reading{flex-wrap:wrap}[data-fl-test] .reading p{max-width:none}[data-fl-test] .reading p br{display:none}[data-fl-test] .reading .muted{margin-left:5px}[data-fl-test] .instrument .eyebrow{font-size:7px}[data-fl-test] .metrics{grid-template-columns:1fr}[data-fl-test] .metrics>div:first-child{border-radius:9px 9px 0 0}[data-fl-test] .metrics>div+div{border-left:1px solid #dce5f3;border-top:0;border-radius:0 0 9px 9px}[data-fl-test] .metrics dt{min-height:0}[data-fl-test] .timing-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}[data-fl-test] .timing-detail-metrics>div+div{border:0}[data-fl-motion] .lane-identity{flex-wrap:wrap;max-width:85px}}
@media(prefers-reduced-motion:reduce){[data-fl-test] *,[data-fl-motion] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{[data-fl-test] .instrument{print-color-adjust:exact}[data-fl-test] .measurement-phases,[data-fl-test] .timing-report summary,[data-fl-test] .result-next{display:none}[data-fl-test] .timing-report-body{display:block!important}[data-fl-motion] .motion-console-heading{display:none}}
.timing-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;padding:26px;margin:24px 0;border:1px solid #cfdfd5;border-radius:14px;background:#f6faf7}
.timing-compare h3{font-size:1.05rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px}
.timing-compare label{display:block;font-size:.8rem;line-height:1.5;margin:0 0 8px;font-weight:600}
.expected-rate-field{display:flex;align-items:center;gap:12px;max-width:240px;padding:0 14px;background:#fff;border:1px solid #a7bdb0;border-radius:8px;color:#286b4a}
.expected-rate-field input{min-width:0;width:100%;padding:11px 0;border:0;border-radius:0;background:transparent;font:600 1.1rem 'DM Mono',monospace;color:#26352d;box-shadow:none}
.expected-rate-field:focus-within{outline:2px solid #286b4a;outline-offset:3px}
.expected-rate-field>span{flex:0 0 auto;white-space:nowrap}
.expected-rate-field input{flex:1;width:0}
.expected-rate-field input:focus{outline:none}
.timing-compare .small{font-size:.78rem;line-height:1.65;margin:10px 0 0}
.timing-compare-advice{padding-left:24px;border-left:1px solid #d7e4dc}
.timing-compare-advice .eyebrow{display:block;margin-bottom:10px}
.timing-compare-advice p{font-size:.9rem;line-height:1.7;margin:0 0 12px}
.timing-compare-advice>a{font-size:.82rem;font-weight:650;color:#286b4a;text-underline-offset:4px}
.timing-compare-advice details{margin-top:16px;font-size:.78rem}
.timing-compare-advice summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.timing-compare{grid-template-columns:1fr;padding:20px;gap:20px}.timing-compare-advice{padding:20px 0 0;border-left:0;border-top:1px solid #d7e4dc}.expected-rate-field{max-width:none}}