@font-face{font-family:PlexWeb;src:url(fonts/PlexWeb.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F5F0;color:#20232A;font-family:PlexWeb,system-ui,sans-serif;line-height:1.7}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;min-height:48px;border:1.5px solid #898b8d;background:transparent;color:#20232A;border-radius:9px;padding:10px 17px}button:hover{background:#eae7df}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #20232A;outline-offset:4px}button:disabled{opacity:.55;cursor:default}button.primary{background:#20232A;color:#fff;border-color:#20232A}button[aria-pressed=true]{border:2px solid #20232A;background:#e2ded4}header{max-width:1100px;padding:15px 24px 9px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{color:inherit;text-decoration:none;letter-spacing:.12em;font-size:16px;font-weight:bold}.brand span{color:#5C6370}header button{font-size:14px;min-height:40px;padding:5px 14px}nav{position:sticky;top:0;z-index:3;display:flex;justify-content:center;gap:8px;background:#F7F5F0f5;border-bottom:1px solid #d6d3cb;padding:8px 16px}nav button{font-size:15px;border:none;border-radius:0;min-height:44px;padding:6px 14px;flex:1;max-width:350px}nav button[aria-current=true]{border-bottom:3px solid #20232A;font-weight:bold}main{max-width:1040px;margin:auto;padding:15px 24px 60px}h1{font-size:clamp(24px,4vw,35px);margin:9px 0}h2{font-size:25px;margin-top:30px}h3{font-size:21px}p{margin:10px 0}.muted,.study{color:#555c67;font-size:14px}.study{border-left:2px solid #a8adb6;padding:0 0 0 15px;margin:20px 0}.notice{font-size:14px;max-width:900px}#lab{border-top:1px solid #d6d3cb;margin-top:20px;padding-top:12px}#question{font-size:clamp(18px,3vw,23px);text-align:center;max-width:860px;margin:auto}#stimulus{max-width:720px;margin:0 auto}#stimulus svg{display:block;width:100%;height:auto;max-height:620px}#actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:7px auto 20px}#actions button{flex:1;max-width:340px}#actions .small{flex-basis:100%;max-width:100%}#progress{text-align:center;min-height:0;font-size:15px}progress{appearance:none;display:block;width:100%;height:4px;border:0;margin:9px 0 15px;background:#d6d3cb}progress::-webkit-progress-bar{background:#d6d3cb}progress::-webkit-progress-value{background:#20232A}.controls{border-top:1px solid #d6d3cb;padding:20px 0}.control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:17px 0}.control label{min-width:210px}.control output{font-variant-numeric:tabular-nums;min-width:65px;text-align:right}.control input[type=range]{flex:1;min-width:130px;accent-color:#20232A;min-height:34px}.control select{max-width:100%;padding:8px;border:1px solid #898b8d;border-radius:7px;background:transparent}.row{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}.row>*{flex:1}.measurebox{margin:22px 0;padding:22px;border:1px solid #c2bdb2;border-radius:10px}.measurebox h2{margin-top:0}#result:not(:empty){padding:22px 0;border-top:1px solid #d6d3cb}#result>svg{display:block;max-width:350px;margin:auto}.fact{color:#1C64D9}.record{padding:16px 0;border-bottom:1px solid #d6d3cb}.record p{margin:5px 0}.record strong{font-size:18px}.trace{height:22px;background:#ddd9d0;position:relative;margin:10px 0}.trace span{position:absolute;top:0;height:100%;background:#E8590C;border-radius:2px}.orange{color:#bd4500}.error{padding:14px;border:2px solid #20232A;border-radius:8px}footer{margin-top:45px;border-top:1px solid #d6d3cb;padding-top:15px;font-size:14px}a{color:#20232A;text-underline-offset:3px}.measurement #intro,.measurement #controls,.measurement #below,.measurement #notes,.measurement footer{display:none}.measurement #lab{border:0;margin-top:0;padding-top:0}.measurement #stimulus{max-width:640px}.measurement #stimulus svg{max-height:58vh}.measurement #question{font-size:17px}.measurement #actions{margin-bottom:8px}.measurement #actions button{min-height:58px}.measurement #actions button.hold{min-height:82px;user-select:none;-webkit-user-select:none;touch-action:none;width:100%;max-width:none}.hold[aria-pressed=true]{background:#20232A;color:white}.measurement #progress{max-width:640px;margin:auto}.measurement main{padding-top:4px}textarea{width:100%;font:inherit;min-height:90px;padding:12px;background:transparent;color:inherit;border:1px solid #898b8d}.heightview svg{width:100%;height:190px}.heightview{margin:10px 0}#result ul{padding-left:24px}@media(max-width:600px){header{padding:10px 12px}main{padding:8px 13px 35px}nav{padding:6px 6px;gap:0}nav button{font-size:12px;padding:5px 4px}#lab{margin-top:12px}#actions{gap:8px}button{padding:9px 11px}.control label{min-width:100%;font-size:16px}.measurebox{padding:15px}#stimulus svg{max-height:none}.measurement #stimulus svg{max-height:52vh}.measurement #question{font-size:15px;line-height:1.6}.measurement header{padding-top:5px;padding-bottom:3px}.measurement nav button{min-height:35px}.row>*{min-width:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.measurement #stimulus svg{max-height:none}.measurement #stimulus{max-width:500px}

@font-face{font-family:PlexLatin;src:url(fonts/PlexLatin.woff2) format("woff2");font-display:swap}html[lang=en] body{font-family:PlexLatin,system-ui,sans-serif}