:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e5edf6;background:#0d121a;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:0 auto;padding:48px 40px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{color:#75efd0;font:500 .8rem ui-monospace,monospace;letter-spacing:.14em}h1{font-size:2rem;letter-spacing:-.05em;font-weight:550;margin:12px 0}h1 span{color:#78889d;font-weight:400}button,input{font:inherit}button{border:1px solid #354357;background:#202b3a;color:#e5edf6;border-radius:8px;padding:12px 18px;cursor:pointer;transition:background .15s}button:hover:enabled{background:#304055}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #75efd0;outline-offset:3px}.primary{background:#75efd0;border-color:#75efd0;color:#0d2420;font-weight:650}.primary:hover:enabled{background:#a0ffe7}.primary span{margin-left:28px}.connection{display:flex;gap:16px;align-items:center;margin:28px 0 36px;font-size:.875rem;color:#95a7bb}#state{border:1px solid #354357;padding:5px 10px;border-radius:5px;color:#d2dbe7}.metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid #2b3544;border-bottom:1px solid #2b3544;margin-bottom:32px}.metrics article{padding:28px 24px 24px 0}.metrics article+article{border-left:1px solid #2b3544;padding-left:32px}h2{font-size:.9rem;font-weight:500;color:#aab8c9;margin:0}.reading{font:500 3.8rem ui-monospace,SFMono-Regular,monospace;letter-spacing:-.06em;margin:14px 0 8px}.reading small{font-size:1.5rem;margin-left:10px;color:#91a3b8}.reading.compact{font-family:inherit;font-size:1.9rem;letter-spacing:-.04em;min-height:65px;display:flex;align-items:center}p{font-size:.875rem;line-height:1.6;color:#8fa1b6;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.chartPanel,aside{border:1px solid #2b3544;background:#121a25;border-radius:12px;padding:24px}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.sectionTitle h2{font-size:1rem;color:#e5edf6}.sectionTitle>span{font-size:.8rem;color:#8fa1b6}.chart{height:325px;position:relative}canvas{width:100%;height:100%;display:block}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8fa1b6;font-size:.9rem;text-align:center;padding:40px}.legend{display:flex;gap:24px;align-items:center;color:#9dacc0;font-size:.8rem;margin-top:18px}.legend span{display:flex;align-items:center;gap:8px}.legend span:last-child{margin-left:auto}i{width:18px;height:2px;background:#75efd0;display:inline-block}i.dashed{background:none;border-top:2px dashed #ffbd70}#beep{width:100%;text-align:left;margin-bottom:28px}#beep small{display:block;margin:6px 0 0 22px;color:#96a8bd;font-size:.8rem}label{font-size:.875rem;display:block;margin-bottom:10px}.inputRow{display:flex;gap:10px;align-items:center;margin-bottom:14px}input{width:90px;min-width:0;padding:11px;background:#0d121a;border:1px solid #354357;border-radius:7px;color:#fff}.inputRow>span{color:#8fa1b6}.inputRow button{margin-left:auto}.hint{font-size:.8rem}.divider{border-top:1px solid #2b3544;margin:24px 0}.statusRow{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;margin-bottom:14px;color:#9dacc0}.statusRow strong{font-weight:500;color:#dce7f3}footer{display:flex;justify-content:space-between;gap:24px;color:#8fa1b6;font-size:.8rem;line-height:1.5;padding:24px 0}footer>span:last-child{font-family:ui-monospace,monospace;white-space:nowrap}.danger{color:#ffbd70!important}@media(max-width:950px){.workspace{grid-template-columns:1fr}.metrics article+article{padding-left:20px}.reading.compact{font-size:1.5rem}aside{max-width:none}}@media(max-width:620px){main{padding:24px 18px}header{align-items:flex-start;flex-direction:column}h1{font-size:1.8rem}.connection{align-items:flex-start;flex-direction:column;gap:8px}.metrics{grid-template-columns:1fr}.metrics article{padding:20px 0!important}.metrics article+article{border-left:0;border-top:1px solid #2b3544}.reading.compact{min-height:0}.chartPanel,aside{padding:18px}.chart{height:260px}.legend{gap:12px;flex-wrap:wrap}.legend span:last-child{margin-left:0}footer{flex-direction:column}}

.motionPanel{border:1px solid #34495a;background:#131f2a;border-radius:12px;padding:24px;margin-bottom:24px}.motionControls{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.motionControls>div{flex:1;min-width:115px}.motionControls>div:first-child{flex:1.6;min-width:210px}.motionControls input,.motionControls select{width:100%}select{font:inherit;padding:11px;color:#e5edf6;background:#0d121a;border:1px solid #354357;border-radius:7px}.stop{border-color:#ff918a;color:#ffd5d1;background:#472328;min-width:100px}.stop:hover:enabled{background:#733038}.motionFooter{display:flex;justify-content:space-between;gap:16px;margin:18px 0 10px;font-size:.875rem;color:#afc2d5}#motionState{font-weight:500;color:#75efd0;font-size:.9rem}[hidden]{display:none!important}@media(max-width:620px){.motionFooter{flex-direction:column}.motionControls>button{flex:1}}

.devicePanel{border:1px solid #2b3544;border-radius:12px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;gap:32px}.devicePanel>div{flex:1;min-width:0}.devicePanel h2{color:#e5edf6;font-size:1rem;margin-bottom:8px}.devicePanel form{flex:1.3;min-width:0}.nameRow{display:flex;gap:12px;margin-bottom:8px}.nameRow input{flex:1;width:100%}.nameRow button{white-space:nowrap}#deviceIdentity{overflow-wrap:anywhere}#nameHint{font-size:.875rem}@media(max-width:700px){.devicePanel{display:block}.devicePanel form{margin-top:18px}.nameRow{flex-wrap:wrap}.nameRow button{width:100%}}