main{max-width:1120px;margin:auto;padding:30px 28px 24px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font:600 19px var(--mono);letter-spacing:3px}.brand svg{width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:2.4;stroke-linecap:round}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{color:var(--muted);font-size:15px;text-decoration:none}nav a:hover{color:var(--cyan)}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.intro h1{font-size:clamp(34px,4.3vw,50px);line-height:1.1;font-weight:600;letter-spacing:-1.3px}.intro h1 span{color:var(--cyan)}.intro p{font-size:17px;line-height:1.65;max-width:410px;padding-bottom:5px}.tester{padding:29px 32px}.panel-heading{margin-bottom:25px}.state{color:var(--muted);font:14px var(--mono)}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:36px}.input-panel{display:flex;flex-direction:column;gap:19px}.input-panel label{font-size:14px;letter-spacing:0;gap:9px}.input-panel select{font-family:var(--font-body);font-size:16px;min-height:48px}.permission-note{font-size:15px;line-height:1.55}.input-panel .row-actions{gap:10px}.button{font-size:15px;min-height:46px}.button:disabled{cursor:default;opacity:.45;filter:none}#feedback{font-size:16px;min-height:48px;color:var(--text)}.signal-panel{padding-left:31px;border-left:1px solid var(--line)}.signal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font:14px var(--mono);color:var(--muted)}.signal-heading strong{font-size:20px;color:var(--cyan)}.meter{height:16px;overflow:hidden;background:#1c2841;border:1px solid #436181;border-radius:2px}.meter>div{height:100%;width:0%;background:linear-gradient(90deg,#24d6ed 0%,#9774ff 76%,#ff9565 94%);transition:width .08s linear}.meter-labels{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font:12px var(--mono)}canvas{width:100%;height:86px;margin:8px 0;display:block}.readings{display:flex;justify-content:space-between;gap:12px}.readings>div{display:grid;gap:4px}.readings span{font-size:14px;color:var(--muted)}.readings strong{font:500 16px var(--mono)}.measurement-note{font-size:13px;line-height:1.5;margin-top:16px}.recording{border-top:1px solid var(--line);margin-top:27px;padding-top:24px;display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center}.recording p{font-size:15px;margin-top:5px}.recording audio{width:100%;grid-column:1/-1}.recording #record-status{grid-column:1/-1;color:var(--cyan);margin:0}.recording a{grid-column:1/-1;font-size:15px}.help{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;margin:46px 0}.help h2{font-size:30px;margin-bottom:13px}.help-list details{border-bottom:1px solid var(--line);padding:14px 0}.help-list details:first-child{padding-top:0}summary{cursor:pointer;font-size:17px;list-style-position:outside;margin-left:18px;padding-left:5px}.help-list p{padding:13px 0 6px;font-size:16px;line-height:1.65}.how{border-top:1px solid var(--line);padding-top:28px;max-width:850px}.how h2{font-size:24px}.how ol{padding-left:24px;color:var(--muted);font-size:16px;line-height:1.75}.how li{padding-left:5px;margin:6px 0}footer{border-top:1px solid var(--line);padding-top:23px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}footer nav{gap:20px}footer a{font-size:14px}.skip{position:absolute;top:8px;left:8px;padding:10px 15px;background:var(--bg);z-index:3;transform:translateY(-150%)}.skip:focus{transform:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.legal{max-width:800px}.legal nav{margin-bottom:30px}.legal h1{margin-bottom:20px}.legal h2{margin:28px 0 10px}.legal p,.legal address{margin:12px 0;font-size:17px;line-height:1.7}.legal address{font-style:normal}.legal a{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:800px){main{padding:24px 20px}.intro{align-items:start;flex-direction:column;gap:17px}.intro p{max-width:100%}.test-layout{grid-template-columns:1fr;gap:25px}.signal-panel{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}.recording{grid-template-columns:1fr}.help{grid-template-columns:1fr;gap:24px;margin-top:35px}.help h2 br{display:none}.help h2{font-size:27px}.tester{padding:25px}.site-header{margin-bottom:30px}.recording .row-actions{justify-content:start}}@media(max-width:480px){main{padding:20px 14px}.site-header{gap:15px;align-items:start}.site-header nav{gap:6px;flex-direction:column;text-align:right}.brand{font-size:16px;gap:8px;letter-spacing:2px}.brand svg{width:26px;height:26px}.intro h1{font-size:34px}.intro p{font-size:16px}.intro p br{display:none}.tester{padding:23px 18px}.panel-heading{gap:9px}.panel-heading h2{font-size:23px}.state{font-size:13px}.button{font-size:14px;padding:11px 16px}.readings{flex-wrap:wrap;gap:17px}.readings strong{font-size:15px}footer{flex-direction:column;gap:10px}}