:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111419;color:#f8f9fb}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:24px 16px}header{display:flex;align-items:center;justify-content:space-between;gap:10px}header b{font-size:25px}header span{color:#ff9b45}small{font-size:11px;color:#aeb6c2}header small{letter-spacing:1px}.motto{font-size:12px;color:#aeb6c2;margin:12px 0 22px}.panel{background:#1b2028;border:1px solid #303844;border-radius:22px;padding:20px;margin-bottom:16px}#status{font-size:14px;margin:0;color:#ffb675}#count{text-align:center;font-size:clamp(90px,25vw,132px);font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.label{text-align:center;letter-spacing:4px;color:#aeb6c2;font-size:12px}#notice{font-size:14px;line-height:1.5;min-height:42px;color:#c9d0da}button{min-height:52px;border:1px solid #46515f;background:#2b333e;color:white;border-radius:12px;font:600 16px system-ui;cursor:pointer;padding:10px;width:100%;margin-top:10px}button.primary{background:#ff963e;color:#19130e;border-color:#ff963e}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffd7b0;outline-offset:3px}.row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px}h2{font-size:15px;margin:0 0 12px}canvas{width:100%;height:120px;background:#12171d;border-radius:10px}.readings{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:#b5bfcc;margin:10px 0 24px}label{font-size:14px;display:block}output{float:right;color:#ffb675}input[type=range]{width:100%;min-height:44px;accent-color:#ff963e}.hint,details p{color:#b5bfcc;font-size:13px;line-height:1.6}.check{display:flex;align-items:center;gap:10px;min-height:48px;font-size:13px}.check input{width:20px;height:20px;accent-color:#ff963e}summary{padding:15px 0;cursor:pointer;font-size:14px}footer{text-align:center;color:#9da7b5;font-size:11px;padding:8px 0 20px}

select,input[type=text],input[type=number],input:not([type]),textarea{width:100%;border:1px solid #46515f;background:#12171d;color:#fff;border-radius:10px;padding:12px;font:inherit;margin:8px 0 14px;min-height:48px}textarea{resize:vertical}.exports{grid-template-columns:1fr 1fr}pre{white-space:pre-wrap;font:13px/1.8 ui-monospace,monospace;margin:12px 0}#recordInfo{font-size:13px;line-height:1.5;color:#ffb675}.testsetup{margin-top:16px}