:root{--ink:#172d47;--muted:#4c6076;--blue:#173f70;--blue-dark:#0e2d54;--ground:#edf2f7;--line:#b7c6d7;--ochre:#f4bf54;--error:#a1252c;--white:#fff;--radius:12px;font-family:"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--ground);font-size:16px;line-height:1.5;scroll-behavior:smooth;scrollbar-color:#617992 var(--ground);}
*{box-sizing:border-box}body{margin:0}::selection{background:var(--ochre);color:var(--blue-dark)}input{caret-color:var(--blue)}a{color:var(--blue);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,input,select{min-height:46px;border:1px solid #71879e;border-radius:6px}input,select{width:100%;padding:9px 12px;background:var(--white);color:var(--ink);font-variant-numeric:tabular-nums}input::placeholder{color:#5c6d80}button{cursor:pointer;padding:10px 17px;background:var(--white);color:var(--blue);font-weight:650;line-height:1.35}button:hover:not(:disabled){background:#e3ebf4;border-color:var(--blue)}button:disabled{cursor:not-allowed;color:#5e6c7b;background:#e3e8ef;border-color:#bcc7d3}button.primary{background:var(--ochre);color:var(--blue-dark);border-color:var(--ochre);width:100%;font-weight:750}button.primary:hover{background:#ffcf70;border-color:#a6730e}:focus-visible{outline:3px solid #ad6000;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.15;letter-spacing:-.025em;text-wrap:balance}h2{font-size:1.35rem;line-height:1.3;letter-spacing:-.015em}h3{font-size:1.08rem;line-height:1.4}p{max-width:72ch}.hint{font-size:.875rem;color:var(--muted);line-height:1.5}.optional{font-size:.78rem;font-weight:400}label{display:block;font-size:.9rem;font-weight:650;margin-bottom:6px}.field{min-width:0;margin-bottom:17px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-pair .field{margin-bottom:8px}.field-pair+p.hint{margin:-1px 0 18px}.field .hint{margin-top:7px}.site-header{background:var(--blue);color:#fff}.header-inner{max-width:1160px;padding:20px 28px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-size:1.25rem;font-weight:750;display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:inherit}.brand svg{color:var(--ochre);flex-shrink:0}.site-header nav{display:flex;gap:25px;align-items:center}.site-header nav a{color:#fff;font-size:.92rem;padding:12px 0}.site-header :focus-visible{outline-color:var(--ochre)}main{max-width:1160px;margin:auto;padding:34px 28px 60px}.intro{margin-bottom:28px}.intro p{margin-top:10px;color:var(--muted);font-size:1.05rem}.workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:clip}.measure{padding:26px 30px}.measure h2{margin-bottom:20px}.result-area{padding:26px 30px;background:#e5edf7;border-left:1px solid var(--line)}fieldset{padding:0;border:0;margin:0;min-width:0}fieldset:disabled{opacity:.65}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-head span{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}#result{margin-top:18px;min-height:90px}.empty-result{color:var(--muted);font-size:1rem;padding:9px 0 18px;max-width:35ch}.speed-values{display:flex;align-items:baseline;gap:25px;flex-wrap:wrap}.speed-value{font-variant-numeric:tabular-nums;font-size:2.55rem;line-height:1.15;font-weight:750;letter-spacing:-.02em}.speed-value.secondary{font-size:1.6rem;font-weight:600}.speed-value span{font-size:.88rem;font-weight:500;display:block;margin-top:5px;letter-spacing:0}.measurement-summary{font-size:.85rem;color:var(--muted);margin-top:13px}#timing-note{margin-top:13px}#save-form{margin-top:23px;border-top:1px solid var(--line);padding-top:22px}#save-form h3{margin-bottom:15px}#save-run{width:100%;background:var(--blue);color:white;border-color:var(--blue)}#save-run:hover:not(:disabled){background:var(--blue-dark)}#save-run:disabled{background:#d0dbe8;color:#485d74;border-color:#b4c4d6}#save-hint{margin-top:9px}.timer-panel{margin-top:17px;border-top:1px solid var(--line);padding-top:7px}summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--blue);font-weight:600}.timer-panel .hint{margin:8px 0}#timer-display{display:block;font-size:2rem;font-variant-numeric:tabular-nums;font-weight:650;margin:11px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.error{color:var(--error);background:#fff0ee;padding:12px 14px;border:1px solid #d29492;border-radius:6px;margin-bottom:14px;font-size:.92rem}.saved-section{margin-top:36px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.section-heading p{color:var(--muted);font-size:.9rem;margin-top:5px}#run-count{font-size:.85rem;font-weight:650;background:#dbe5f0;padding:3px 9px;border-radius:5px;margin-left:7px;vertical-align:middle}.status-row{display:flex;align-items:center;gap:16px;min-height:40px;margin-top:5px}#status{font-size:.9rem;color:var(--blue)}#undo{padding:6px 12px}.empty-log{border:1px dashed #9db0c5;border-radius:var(--radius);padding:32px;text-align:center;background:#f5f8fc}.empty-log svg{color:#667f9d;margin-bottom:8px}.empty-log p{font-size:.93rem;color:var(--muted);margin:8px auto 0;max-width:52ch}.filter-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:6px 0 25px}.filter-row label{margin:0}.filter-row select{width:auto;max-width:300px}.filter-row .hint{margin-left:auto}#comparisons{margin-top:15px;display:grid;gap:1px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.comparison-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.2fr) 115px;gap:20px;align-items:center;padding:17px 20px;background:#fff}.comparison-name{font-weight:650;overflow-wrap:anywhere}.comparison-meta{font-size:.8rem;color:var(--muted);margin-top:3px}.range-track{height:24px;position:relative;margin:5px 8px}.range-track:before{content:"";position:absolute;top:11px;left:0;right:0;height:2px;background:#d3deea}.range-span{position:absolute;top:8px;height:8px;background:#b5c8df;border-radius:4px}.range-dot{position:absolute;top:6px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid white;transform:translateX(-50%)}.range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.mean{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.mean small{font-size:.75rem;font-weight:400;display:block;color:var(--muted)}.runs-heading{margin:25px 0 12px}#run-list{display:grid;gap:9px}.run-row{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(165px,1fr) minmax(120px,.8fr) auto;gap:20px;align-items:center;padding:16px 20px;background:white;border:1px solid var(--line);border-radius:8px}.run-row .run-speed{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.run-row p{font-size:.83rem;color:var(--muted)}.run-name{font-weight:650;overflow-wrap:anywhere}.remove-run{font-size:.85rem;padding:8px 12px;min-height:44px}.explanation{margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}.reading-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:17px;font-size:.95rem;color:var(--muted)}footer{max-width:1160px;margin:auto;padding:25px 28px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.85rem;color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;gap:22px}footer a{display:inline-block;padding:8px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;top:-100px;left:16px;padding:12px 18px;background:white;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}.article{max-width:780px}.article h1{margin-bottom:20px}.article h2{margin:32px 0 12px}.article p,.article li{margin-bottom:15px}.article ul,.article ol{padding-left:24px}.formula{background:white;padding:18px;border:1px solid var(--line);border-radius:8px;font-variant-numeric:tabular-nums}.new-run{animation:recorded .45s ease-out}@keyframes recorded{from{background:#ffebbd}to{background:#fff}}@media(max-width:760px){.header-inner{padding:15px 20px;gap:10px;flex-wrap:wrap}.site-header nav{gap:20px}.site-header nav a{font-size:.86rem;padding:7px 0}.brand{font-size:1.12rem}.brand svg{width:26px;height:26px}main{padding:25px 20px 40px}.intro{margin-bottom:21px}.intro p{font-size:.95rem}.workbench{grid-template-columns:1fr}.measure,.result-area{padding:22px}.result-area{border-left:0;border-top:1px solid var(--line)}.measure h2{margin-bottom:16px}.field{margin-bottom:13px}.section-heading{align-items:flex-start;flex-wrap:wrap}.section-heading button{width:100%}.comparison-row{grid-template-columns:1fr 100px;gap:12px;padding:16px}.comparison-plot{grid-column:1/-1;grid-row:2}.comparison-row .mean{text-align:right}.run-row{grid-template-columns:1fr auto;gap:10px 16px;padding:15px}.run-row .run-details{grid-column:1;grid-row:2}.run-row .run-speed-wrap{grid-column:2;grid-row:1;text-align:right}.remove-run{grid-column:2;grid-row:2}.filter-row{gap:8px}.filter-row select{max-width:100%;width:100%}.filter-row .hint{margin-left:0}.reading-columns{grid-template-columns:1fr;gap:15px}.empty-log{padding:26px 20px}footer{padding:22px 20px;flex-direction:column;gap:7px}footer nav{gap:16px}#result{min-height:0}.speed-value{font-size:2.2rem}.workbench{overflow:visible}.status-row{flex-wrap:wrap}.saved-section{margin-top:28px}}@media(max-width:370px){main{padding-left:14px;padding-right:14px}.header-inner{padding-left:14px;padding-right:14px}.measure,.result-area{padding:18px}.field-pair{gap:10px}h1{font-size:1.8rem}.speed-values{gap:18px}.run-row{gap:9px}.run-row .run-speed{font-size:1rem}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.new-run{animation:none}}

#result-title{scroll-margin-top:20px}