:root{color-scheme:dark;--paper:#e6f2ed;--muted:#98a6a8;--subtle:#65797f;--teal:#aaf6d9;--panel:rgba(10,23,29,.91);--line:rgba(184,227,214,.16);font-family:Inter,system-ui,Arial,sans-serif;font-size:13px}
*{box-sizing:border-box}body{margin:0;background:#152630;color:var(--paper);overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #bdfbd5;outline-offset:3px}
#app,#viewport,#shade,#scene-labels{position:absolute;inset:0}#viewport{width:100%;height:100%;display:block;outline:none}#shade{pointer-events:none;background:linear-gradient(90deg,rgba(6,18,23,.81) 0%,rgba(9,22,28,.4) 24%,transparent 54%,rgba(8,18,22,.19) 77%,rgba(8,18,22,.45) 100%),linear-gradient(0deg,rgba(8,22,27,.85) 0%,transparent 24%,transparent 86%,rgba(5,17,24,.42) 100%)}#scene-labels{pointer-events:none;overflow:hidden}
.topbar{height:78px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 33px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-family:'Barlow Condensed',sans-serif;font-size:33px;font-weight:800;color:#ecf2e8;border:1px solid var(--teal);width:45px;height:45px;display:flex;align-items:center;justify-content:center;letter-spacing:-2px;position:relative}.brand-mark span{position:absolute;color:var(--teal);font-size:17px;right:-9px;top:-10px;letter-spacing:0}.brand-copy strong{font-size:15px;letter-spacing:.16em;font-weight:800;display:block}.brand-copy .thin{color:#a1bbc0;font-weight:400}.brand-copy small{letter-spacing:.19em;color:#849ca1;font-size:9px;display:block;margin-top:5px}.top-status,.top-links{display:flex;align-items:center;gap:14px;font:11px 'DM Mono',monospace;letter-spacing:.075em}.status-dot,.pulse{width:8px;height:8px;border-radius:100%;background:#a9ffce;box-shadow:0 0 13px #82ffaa}.top-status .divider{height:19px;width:1px;background:var(--line)}.top-links{color:#d1e4dc}.top-links .strong{font-weight:700}.top-links button{border:1px solid rgba(220,255,245,.33);padding:12px 15px;background:rgba(10,27,30,.5);color:var(--paper);font:11px 'DM Mono',monospace;letter-spacing:.09em}.top-links button:hover{background:rgba(171,246,217,.17)}
.intro{position:absolute;z-index:3;top:126px;left:51px;max-width:460px;pointer-events:none}.overline{font:10px 'DM Mono',monospace;letter-spacing:.18em;color:var(--teal)}.intro h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(58px,6.2vw,113px);line-height:.82;letter-spacing:-.027em;margin:26px 0 27px;color:#f0f2e9}.intro h1 em{font-style:normal;color:var(--teal)}.intro p{font-size:13px;line-height:1.8;color:#c4d5d0;letter-spacing:.02em}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.tags span{font:10px 'DM Mono',monospace;padding:10px;border:1px solid rgba(191,240,222,.35);letter-spacing:.09em;background:rgba(10,27,30,.3)}
.toolbar{position:absolute;z-index:4;bottom:166px;left:44px;display:flex;gap:6px;flex-wrap:wrap}.toolbar button{background:rgba(6,20,27,.76);border:1px solid var(--line);color:#a9bfbd;padding:12px 13px;font:11px 'DM Mono',monospace;letter-spacing:.05em}.toolbar button.active,.toolbar button:hover{background:var(--teal);color:#12252a;border-color:var(--teal)}
.sidebar{position:absolute;z-index:6;right:0;top:78px;bottom:0;width:336px;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#53736c transparent}.side-title{padding:26px 23px 19px;display:flex;align-items:center;justify-content:space-between}.side-title h2{font:700 28px 'Barlow Condensed',sans-serif;line-height:1;margin:13px 0 0;letter-spacing:.015em}.index-tag{color:#8da9a5;border:1px solid var(--line);padding:6px;font:10px 'DM Mono',monospace}.control-block{padding:22px 24px;border-top:1px solid var(--line)}.control-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;color:#d5ded9;font:10px 'DM Mono',monospace;letter-spacing:.16em}.control-title span{color:#6d9494}.segmented{display:flex;gap:5px}.segmented button{width:50%;padding:12px 4px;border:1px solid var(--line);color:#abbeb9;background:#15272e;font:11px 'DM Mono',monospace}.segmented .selected{border-color:var(--teal);background:var(--teal);color:#132b2e;font-weight:700}.muted{font-size:11px;color:#899c9e;line-height:1.8;margin:17px 0 0}.slider-caption{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.slider-caption label{font-size:11px;color:#bdcbc5}.slider-caption output{font:11px 'DM Mono',monospace;color:var(--teal)}input[type=range]{width:100%;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#92cbb9 0%,#33595b 48%,#405057 48%);height:3px;cursor:pointer;margin:5px 0 11px;border-radius:9px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:3px solid #102730;background:var(--teal);border-radius:50%;box-shadow:0 0 0 1px #9ae7d1}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--teal);border-radius:50%}.range-ends{display:flex;justify-content:space-between;font:9px 'DM Mono',monospace;color:#6e8990;letter-spacing:.03em}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;margin:17px 0}.toggle span{display:block}.toggle b{font-size:11px;font-weight:500}.toggle small{display:block;color:#80959a;font-size:10px;margin-top:4px}.toggle input{position:absolute;opacity:0}.toggle i{flex:none;width:34px;height:19px;border-radius:20px;border:1px solid #416064;background:#25363c;position:relative;transition:background .2s}.toggle i:after{content:'';position:absolute;width:11px;height:11px;background:#b7c9c8;border-radius:50%;top:3px;left:3px;transition:transform .2s}.toggle input:checked+i{background:#7fe5b9;border-color:#90efd0}.toggle input:checked+i:after{background:#163135;transform:translateX(15px)}.console-buttons{display:flex;gap:7px;padding:19px 24px 15px;border-top:1px solid var(--line)}.console-buttons button{background:transparent;color:#deede8;border:1px solid var(--line);padding:13px;font:11px 'DM Mono',monospace}.console-buttons .cta{background:var(--teal);border-color:var(--teal);color:#13262c;font-weight:700;flex:1}.side-bottom{font:9px 'DM Mono',monospace;color:#6d8389;display:flex;flex-direction:column;gap:8px;padding:16px 24px 23px;letter-spacing:.07em}
.inspection{position:absolute;left:48px;bottom:212px;z-index:4;padding:16px 20px;background:rgba(7,22,28,.88);border:1px solid rgba(159,232,210,.24);max-width:355px;min-height:122px;backdrop-filter:blur(12px)}.ins-head{display:flex;align-items:center;justify-content:space-between}.ins-head .overline{font-size:9px}.ins-head button{background:none;color:#9faeaf;border:0;font-size:20px;margin:-6px -9px 0 10px}.inspection h3{font:700 22px 'Barlow Condensed',sans-serif;margin:13px 0 8px}.inspection p{color:#aebdb9;font-size:11px;line-height:1.6;margin:0}.ins-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;font:10px 'DM Mono',monospace;color:var(--teal)}
.telemetry{position:absolute;z-index:4;bottom:41px;left:0;right:336px;min-height:106px;display:flex;align-items:stretch;background:rgba(8,22,28,.91);border-top:1px solid var(--line);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.telemetry-name{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:0 25px 0 42px;min-width:206px;border-right:1px solid var(--line)}.telemetry-name .overline{font-size:9px}.telemetry-name div{display:flex;align-items:center;gap:9px;font:10px 'DM Mono',monospace;letter-spacing:.07em}.telemetry-name .pulse{width:5px;height:5px}.metric{display:flex;flex:1;flex-direction:column;justify-content:center;gap:13px;padding:0 18px;border-right:1px solid var(--line);min-width:0}.metric small{font:9px 'DM Mono',monospace;color:#839ca0;letter-spacing:.04em;white-space:nowrap}.metric strong{font:600 clamp(20px,2.2vw,31px) 'Barlow Condensed',sans-serif;white-space:nowrap;letter-spacing:.025em}.metric sup{font:11px 'DM Mono',monospace;color:var(--teal);vertical-align:baseline;margin-left:5px}.storage-track{height:2px;background:#314d4b;margin-top:-5px;width:100%}.storage-track span{height:100%;display:block;width:62%;background:var(--teal)}.footerline{z-index:5;position:absolute;left:0;right:336px;bottom:0;height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 42px;gap:8px;font:9px 'DM Mono',monospace;color:#a0b5b3;letter-spacing:.1em;background:rgba(7,19,25,.84)}
.scene-label{position:absolute;transform:translate(-50%,-50%);border-left:2px solid #a9fae0;background:rgba(12,27,34,.86);color:#e2f7eb;padding:8px 10px;white-space:nowrap;font:9px 'DM Mono',monospace;letter-spacing:.09em;box-shadow:0 9px 22px rgba(0,0,0,.3)}.scene-label:before{content:'◆';color:#acf6d9;margin-right:8px}.fatal-error{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);background:#091920;border:1px solid #fc9577;padding:30px;max-width:460px;line-height:1.7}.fatal-error strong{color:#fca78c}.fatal-error[hidden]{display:none}
@media (max-width:1240px){.sidebar{width:310px}.telemetry,.footerline{right:310px}.intro h1{font-size:76px}.telemetry-name{min-width:158px;padding-left:19px}.metric{padding:0 12px}.metric small{font-size:8px}.metric strong{font-size:23px}.inspection{left:22px}}
@media (max-width:890px){body{overflow:auto}#app{height:100vh;min-height:760px}.topbar{padding:0 16px}.desktop-only,.top-status{display:none}.top-links button{padding:10px}.intro{left:20px;top:102px}.intro h1{font-size:62px;margin:20px 0}.intro p{font-size:11px}.sidebar{width:100%;top:auto;bottom:auto;position:relative;margin-top:100vh;border-left:0;overflow:visible;background:#101e26}.control-block{padding:15px 24px}.telemetry{right:0;bottom:41px;min-height:88px}.telemetry-name,.storage-metric{display:none}.metric{padding:0 9px}.metric small{font-size:7px}.metric strong{font-size:21px}.footerline{right:0;padding:0 12px;font-size:7px}.toolbar{left:14px;bottom:140px}.toolbar button{font-size:9px;padding:9px}.inspection{left:14px;bottom:205px;max-width:min(315px,calc(100% - 30px))}.scene-label{display:none}}
@media (max-height:680px) and (min-width:890px){.intro{top:99px}.intro h1{font-size:74px}.toolbar{bottom:155px}.inspection{bottom:206px}}

#manual-calibration[hidden]{display:none}