*{box-sizing:border-box}body{margin:0;background:#fff;color:#233c39;font-family:Inter,"Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.6}main{max-width:1120px;padding:20px;margin:auto}h1,h2,p{margin:0}h1{font-size:27px;font-weight:650;letter-spacing:.01em;margin:4px 0 7px}header>p{color:#61716d}.eyebrow{font-size:12px;letter-spacing:.07em;color:#00868b}.steps{display:flex;gap:0;margin:21px 0 19px;border-bottom:1px solid #d8e3df}.steps button{flex:1;border:0;border-radius:0;padding:12px 8px;background:#fff;font-size:14px}.steps button[aria-current=step]{border-bottom:3px solid #257967;color:#1a6654;font-weight:700}.steps button:disabled{opacity:1;color:#99a6a0;cursor:default}button{font:inherit;border:1px solid #bed1c9;border-radius:6px;padding:8px 14px;background:white;color:#285349;cursor:pointer}button:hover:not(:disabled){background:#edf5f1}button:focus-visible{outline:3px solid #56b4a9;outline-offset:3px}button.primary{background:#2c7461;border-color:#2c7461;color:white}button.primary:hover:not(:disabled){background:#215c4c}button:disabled{cursor:default;opacity:.45}.quiet{border-color:transparent;color:#658076;background:transparent;font-size:12px}.experiment-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:17px}.machine-card,.record-card{border:1px solid #d9e4df;border-radius:10px;overflow:hidden;padding:13px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.panel-title h2{font-size:16px;font-weight:600}.panel-title h2 span{color:#73887e;font-size:13px;margin-left:6px}.unit{font-size:12px;color:#7a8a81}#machine{height:308px;position:relative;overflow:hidden;background:#f3f6f3;border-radius:7px;touch-action:none}#machine canvas{display:block;width:100%;height:100%}.scene-note{font-size:11px;color:#7b8b82;text-align:center;padding-top:6px}.readouts{display:flex;justify-content:space-around;margin-top:10px}.readouts>div{flex:1;text-align:center}.readouts span{display:block;font-size:12px;color:#6b7f74}.readouts strong{font-size:26px;font-variant-numeric:tabular-nums;color:#9b6334;font-weight:650}.readouts strong small{font-size:12px;font-weight:500}.load-meter{height:4px;background:#e7e8df;border-radius:3px;margin:9px 20px 5px}.load-meter i{display:block;width:0;background:#b67d48;height:100%;border-radius:3px}.conversion{font-size:11px;color:#728177;text-align:center}.record-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.record-cell{height:37px;border-radius:4px;background:#f2f4f2;display:flex;align-items:center;justify-content:center;gap:4px;color:#acb5ae;position:relative;font-variant-numeric:tabular-nums}.record-cell .id{font-size:9px;color:#91a298;position:absolute;left:4px;top:1px}.record-cell .value{font-size:14px;padding-top:6px}.record-cell.tested{background:#e9f2ec;color:#2d7155}.record-cell.low{background:#faeded;color:#b35155}.record-cell.current{box-shadow:inset 0 0 0 2px #a87637;background:#f7f0e2}.record-note{font-size:11px;color:#6e8277;margin-top:9px;min-height:34px}.controls{display:flex;align-items:center;gap:9px;margin-top:17px;min-height:42px}.controls #status{margin-left:3px;font-size:12px;color:#6b7f76}.next-button{margin-left:auto}.analysis-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.analysis-heading h2{font-size:18px}.analysis-heading>span{font-size:12px;color:#74877b}#chart{border:1px solid #d9e4df;border-radius:9px;overflow:hidden}#chart svg{display:block;width:100%;height:auto}.reading-grid{display:flex;gap:15px;margin-top:16px}.reading-grid>div{flex:1;background:#f4f7f4;padding:11px 16px;border-radius:6px}.reading-grid span{display:block;color:#728479;font-size:12px}.reading-grid strong{display:block;font-size:22px;font-weight:600;color:#365e4c}.reading-grid small{font-size:12px;margin-left:4px;color:#728479}.reading-text{margin:13px 0 0;font-size:13px}.reading-text strong{color:#2b7560}.math{color:#886297;background:#f6f2f8;border-radius:5px;padding:9px 13px;margin-top:12px;font-size:13px}.analysis-controls{justify-content:space-between}footer{border-top:1px solid #e4ebe5;margin-top:20px;padding-top:12px;font-size:11px;color:#7c8b80}footer p+p{margin-top:6px}a{color:#447a70}sub{font-size:.75em}[hidden]{display:none!important}@media(min-width:1100px){#machine{height:325px}.record-cell{height:39px}}
.reading-grid>div{background:transparent;padding:6px 10px;border-radius:0;border-left:1px solid #d9e4df}.reading-grid>div:first-child{border-left:0}.math{background:transparent;padding:0;color:#52665a}.reading-text{line-height:1.7}.record-note[hidden],#analysis-note[hidden]{display:none}