:root{color-scheme:dark;--bg:#08121c;--surface:#111f2b;--line:#253746;--label:#778d9e;--text:#e8f3f8;--cyan:#60d6f4;--gold:#e3bc77}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07111a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}body{background:radial-gradient(ellipse at 28% 6%,#13293b 0%,#07111b 62%)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.shell{max-width:1540px;margin:auto;padding:0 22px}.masthead{display:flex;justify-content:space-between;align-items:center;height:68px;border-bottom:1px solid var(--line);font-size:12px;font-weight:750;letter-spacing:.18em}.brand{display:flex;align-items:center;gap:13px}.brandmark{font-size:30px;color:#66d0f1}.brand small{display:block;font-size:9px;color:#657d92;letter-spacing:.22em;margin-top:4px}.headright{display:flex;align-items:center;gap:12px;color:#8698aa;font-size:10px}.led{width:7px;height:7px;border-radius:50%;background:#6ae0b3;box-shadow:0 0 10px #6ae0b3}.pip{color:#d9ecf8;padding:8px;border:1px solid #315064}.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;padding:20px 0 12px}.visual-space{min-width:0}.intro{padding:10px 1px 20px}.overline,.eyebrow{font-size:10px;font-weight:750;letter-spacing:.19em;color:#76c4d6}.intro h1{font-size:clamp(42px,5.2vw,70px);line-height:1;letter-spacing:.11em;font-weight:800;margin:10px 0 6px}.intro h1 span{color:#71cee7}.subheading{font-size:15px;color:#91a9b6;letter-spacing:.05em}.viewwrap{position:relative;min-height:440px;height:clamp(440px,47vw,570px);background:radial-gradient(circle at 45% 53%,#18394d 0%,#0b202f 39%,#081823 88%);border:1px solid #2c4559;overflow:hidden;border-radius:4px}.viewwrap canvas{display:block;width:100%;height:100%;touch-action:none}.scene-top,.scene-bottom,.scene-side,.scale{position:absolute;pointer-events:none;font-size:9px;font-weight:650;letter-spacing:.12em;color:#7292a5}.scene-top{top:17px;left:18px;display:flex;align-items:center;gap:14px}.chip{padding:8px 9px;border:1px solid #3d7f83;color:#82f5da;background:#12333b}.scene-side{right:20px;top:22px;text-align:right}.scene-side em{font-style:normal;line-height:3;color:#547184}.scene-bottom{bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between}.scene-bottom b{color:var(--cyan)}.scale{right:18px;top:28%;height:50%;display:flex;flex-direction:column;justify-content:space-between;align-items:end;color:#8cb9cf}.scale-line{height:70%;width:1px;background:linear-gradient(#8be6ff,#345c73);margin-right:6px}.error{position:absolute;inset:16% 8%;background:#24171bd9;border:1px solid #b45e5e;display:grid;place-items:center;padding:32px;text-align:center}.error[hidden]{display:none}.data-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0;border:1px solid var(--line);background:#0d1c29}.stat{padding:17px 14px 14px;border-right:1px solid var(--line)}.stat:last-child{border:none}.stat label{display:block;color:#86a2b4;letter-spacing:.16em;font-size:9px;font-weight:750}.stat strong{display:block;font-size:clamp(20px,2.4vw,32px);letter-spacing:-.02em;margin:8px 0 3px;font-weight:650;font-variant-numeric:tabular-nums}.stat strong small{font-size:13px;color:#7f9bad}.stat span{font-size:10px;color:#698a9b}.stat span.accent-cyan{color:#58bedf}.stat span.accent-gold{color:#d6aa65}.graphs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.graph-card{min-width:0;padding:15px 14px 10px;border:1px solid var(--line);background:#0d1c29}.graph-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.graph-head h2,.control-heading h2{margin:5px 0 0;font-size:18px;letter-spacing:.02em}.legend{color:#80a3b4;font-size:10px;white-space:nowrap}.legend i{display:inline-block;width:13px;height:3px;background:var(--cyan);vertical-align:middle;margin-right:6px}.legend.gold i{background:var(--gold)}.graph-card canvas{display:block;width:100%;height:205px}.controls{border:1px solid #2c4052;background:linear-gradient(145deg,#122430,#0c1a27 70%);padding:20px 22px;align-self:start}.control-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:17px}.control-heading.smaller{margin-top:24px;margin-bottom:18px}.control-heading h2{font-size:22px}.control-heading.smaller h2{font-size:17px}.status{font-size:9px;color:#6be9b5;border:1px solid #387a67;padding:7px;letter-spacing:.1em}.status.stopped{color:#e6be7a;border-color:#6b5e3b}.presetrow{display:flex;gap:7px;padding-bottom:20px;border-bottom:1px solid #2b4251}.preset{flex:1;padding:11px 2px;background:#102330;border:1px solid #2c4053;color:#8facbd;white-space:nowrap;font-size:9px;font-weight:750;letter-spacing:.05em}.preset.selected{background:#204755;border-color:#54b8ce;color:#b8f7ff}.control-group{padding-top:7px}.control-label,.probe-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:#b2c6d0}.control-label output,.probe-head output{font-weight:700;color:#c7eff4;white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range]{display:block;appearance:none;width:100%;background:transparent;height:24px;margin:9px 0 0}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#264b5e;border-radius:3px}input[type=range]::-moz-range-track{height:4px;background:#264b5e;border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;height:13px;width:13px;border:2px solid #a4f0ff;border-radius:50%;background:#214f65;margin-top:-4.5px}input[type=range]::-moz-range-thumb{height:11px;width:11px;border:2px solid #a4f0ff;border-radius:50%;background:#214f65}.range-ends{display:flex;justify-content:space-between;color:#718b9b;font-size:9px;letter-spacing:.02em}.actions{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7px;margin-top:20px}.actions button{min-width:0;padding:13px 4px;border:1px solid #3c6072;font-size:10px;font-weight:750;letter-spacing:.04em;color:#bad3db;background:#1c3442}.actions .primary{color:#072333;background:#70d6ee;border-color:#70d6ee}.mode{background:#132b38;border:1px solid #356071;color:#98dcef;font-size:10px;font-weight:730;letter-spacing:.07em;width:100%;padding:12px 8px;margin:10px 0 4px}.mode.active{background:#493a2f;color:#ffce87;border-color:#a88148}.probe-head{margin-top:20px}.probe-read{margin-top:12px;border:1px solid #284356;display:grid;grid-template-columns:1fr 1fr}.probe-read>div{padding:12px 10px;font-size:9px;color:#7da0b2;letter-spacing:.1em}.probe-read>div+div{border-left:1px solid #284356}.probe-read strong{display:block;font-size:19px;color:#e0eef5;margin-top:7px;letter-spacing:0;font-variant-numeric:tabular-nums}.bottom-tools{display:flex;gap:10px;margin-top:18px}.bottom-tools button{flex:1;border:none;border-bottom:1px solid #417080;background:transparent;color:#9cbecc;padding:9px 4px;font-size:10px;letter-spacing:.08em}.disclaimer{font-size:10px;line-height:1.6;color:#66808f;margin-top:22px}footer{border-top:1px solid var(--line);padding:17px 0 22px;display:flex;justify-content:space-between;font-size:9px;color:#5c7887;letter-spacing:.1em}@media(max-width:1100px){.main-layout{grid-template-columns:1fr}.controls{display:block}.viewwrap{height:500px}}@media(max-width:650px){.shell{padding:0 10px}.masthead{height:58px}.headright{font-size:8px;gap:6px}.main-layout{padding-top:8px}.intro h1{font-size:39px}.viewwrap{min-height:350px;height:390px}.scene-side,.scale{display:none}.data-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:none}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.graphs{grid-template-columns:1fr}.controls{padding:16px}.scene-top{font-size:8px}footer{gap:18px;line-height:1.8}}