:root{color-scheme:light;--ink:#152b40;--muted:#64768a;--line:#dce5ed;--blue:#1766a6;--green:#157456;--red:#b53840;--bg:#eef3f7}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:760px;margin:auto;padding:22px 16px calc(24px + env(safe-area-inset-bottom))}header,.section-title,.controls,.signal-row{display:flex;align-items:center;justify-content:space-between;gap:12px}header{align-items:flex-start}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue);margin:0 0 8px}h1{font-size:29px;margin:0;letter-spacing:-.8px}h2{font-size:17px;margin:0}.muted,.hint,footer{color:var(--muted)}.muted{font-size:13px;line-height:1.5}.hint{font-size:12px;line-height:1.55;margin:13px 0 0}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:14px;box-shadow:0 3px 12px #14304905}.badge{font-size:11px;font-weight:750;padding:7px 10px;border-radius:20px;background:#e9eff5;white-space:nowrap}.badge.good{background:#e4f5ed;color:var(--green)}.badge.bad{background:#fff0ef;color:var(--red)}#status{line-height:1.5;margin:14px 0;color:var(--ink);font-weight:600}.controls{font-size:13px;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:10px}select{font:inherit;color:var(--ink);background:#f6f9fb;border:1px solid var(--line);border-radius:8px;padding:9px;max-width:100%}.actions{display:flex;gap:10px;margin-top:15px}button,.download{font:inherit;font-weight:750;min-height:46px;border-radius:10px;padding:12px 14px;cursor:pointer;text-align:center;touch-action:manipulation}button{border:1px solid var(--line)}.actions>*{flex:1}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.stop{color:var(--red);background:#fff5f4;border-color:#efccce}button:disabled,.disabled{opacity:.42;cursor:default}.download{display:flex;align-items:center;justify-content:center;color:var(--blue);background:#eef5fb;text-decoration:none;font-size:13px}.disabled{pointer-events:none}.text-button{min-height:38px;font-size:12px;padding:7px 8px;color:var(--blue);background:transparent;border:0}#signals{margin:8px -4px 0}.signal-row{padding:12px 4px;border-top:1px solid #edf2f6;min-height:55px}.signal-row label{display:flex;gap:11px;align-items:center;min-width:0;flex:1;font-size:14px;line-height:1.35}.signal-row input{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue)}.signal-name small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.signal-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:750}.signal-value small{color:var(--muted);font-size:11px;font-weight:500;margin-left:4px}.graph-value{display:flex;gap:8px;align-items:baseline;margin:18px 0 0}.graph-value strong{font-size:36px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.graph-value span{color:var(--muted)}#graph{width:100%;height:210px;display:block;margin-top:6px}#graph-signal{max-width:52%;font-size:12px}#record-status{font-size:13px;line-height:1.5}footer{text-align:center;font-size:11px;margin-top:22px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #55a5e3;outline-offset:2px}@media(max-width:380px){main{padding:18px 10px}.panel{padding:14px}h1{font-size:26px}.signal-row label{font-size:12px}.signal-value{font-size:13px}.section-title{gap:6px}h2{font-size:15px}.actions{gap:7px}.download{font-size:12px;padding:10px 7px}}

.channel-graph{border-top:1px solid var(--line);padding-top:16px;margin-top:16px;min-width:0}.channel-graph h3{font-size:14px;line-height:1.45;margin:0;overflow-wrap:anywhere}.channel-graph canvas{display:block;width:100%;height:160px;margin-top:6px}.channel-graph .graph-value{margin-top:8px}.channel-value{font-size:28px!important}
.sd-bar{height:12px;border-radius:6px;background:#dce5ed;overflow:hidden;margin:12px 0 0}.sd-bar span{display:block;height:100%;border-radius:6px;background:var(--blue);transition:width .3s}.sd-bar.warn span{background:#d98a00}.sd-bar.full span{background:var(--red)}.sd-usage{font-size:13px;line-height:1.5;margin:8px 0 0;color:var(--muted)}.sd-usage.warn{color:#8a5a00;font-weight:650}.sd-usage.full{color:var(--red);font-weight:650}