:root{color-scheme:dark;--bg:#07111d;--card:#0c1b2a;--line:#26374a;--sub:#8095a8;--text:#edf5f7;--accent:#f7bb69;--teal:#72dfd3;--blue:#85a4f6;--green:#83d8a3}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 52% -25%,#183049 0,transparent 49%),var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.006em}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}.app{max-width:1640px;margin:auto;padding:0 43px}
.topbar{height:100px;border-bottom:1px solid #213247;display:flex;align-items:center;gap:17px}.brand-icon{height:40px;width:40px;background:linear-gradient(145deg,#2c4756,#132c3e);border:1px solid #557885;border-radius:11px;position:relative;transform:rotate(-5deg);box-shadow:0 6px 24px #0004}.brand-icon span{position:absolute;width:19px;height:10px;border:1.6px solid #8ff0dd;border-radius:50%;top:14px;left:9px}.brand-icon span:first-child{transform:rotate(65deg)}.brand-icon span:nth-child(2){transform:rotate(-65deg)}.brand-icon span:last-child{height:5px;width:5px;border:0;background:#ffc27d;top:17px;left:16px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-upper,.eyebrow,.topchip,.live-indicator,.viewer-top,.view-tag,.readout>div:first-child,.readout-sub,.panel-eyebrow,.range-ticks,.helper-note,.telemetry-grid>div>span,.telemetry-footer,.site-foot,.chart-foot,.chart-legend,.small-legend,.viewport-help,.viewport-measure>span,.phase-track+small,.view-btn{font-size:10px;font-weight:700;letter-spacing:.13em}.brand-upper{color:#8198a8;font-size:9px}.brand-copy strong{font-size:19px;letter-spacing:.06em;font-weight:800}.brand-copy em{color:#e4b982;font-style:normal;font-weight:500}.header-right{margin-left:auto;display:flex;align-items:center;gap:24px}.topchip{color:#a6bdc7;border:1px solid #263b4b;padding:9px 12px;border-radius:5px}.live-indicator{display:flex;align-items:center;gap:10px;color:#9cafba}.live-indicator i,.pulse-dot{display:block;width:7px;height:7px;border-radius:50%;background:#86e4b5;box-shadow:0 0 12px #43d8a7}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;padding:34px 0 31px;gap:25px}.eyebrow{color:#6cbeb6}.small-slash{color:#5c7281;padding:0 8px}.section-head h1{margin:10px 0 10px;font-size:clamp(26px,2.8vw,44px);letter-spacing:-.048em;font-weight:730;line-height:1.14}.section-head h1 span{font-weight:400;color:#b6c5cd}.section-head p{color:#99acbc;margin:0;font-size:13px;max-width:800px}.head-meta{text-align:right;display:flex;flex-direction:column;gap:4px;padding-bottom:3px}.head-meta span{font-size:10px;letter-spacing:.14em;color:#6cbeb6;font-weight:800}.head-meta b{font-size:12px}.head-meta small{color:#7993a2;font-size:11px}
.dashboard{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(342px,.79fr);gap:20px;align-items:start}.main-col{min-width:0}.viewer-card{border:1px solid #31475c;border-radius:12px;overflow:hidden;background:#101f2f;box-shadow:0 26px 90px #0003}.viewer-top{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#102234;border-bottom:1px solid #314358;color:#c1d3de;letter-spacing:.12em}.viewer-top-left,.viewer-top-right{display:flex;align-items:center;gap:13px}.viewer-top-left b{border-left:1px solid #456078;padding-left:14px;color:#7b9aa8;font-weight:600}.little-orbit{height:10px;width:10px;border:1.5px solid #67d3c2;border-radius:50%;box-shadow:0 0 0 3px #20525a66}.scan-state{color:#f4bd83}.view-tag{color:#7b94aa;border:1px solid #33495a;padding:4px 7px;border-radius:3px}.canvas-shell{height:clamp(340px,34vw,570px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 49% 35%,#1e3b50 0,#0b1e31 49%,#061321 95%)}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:absolute;inset:0;z-index:1}#scene:active{cursor:grabbing}.ambient-ring{position:absolute;width:390px;height:130px;border-radius:50%;background:#24c2b7;filter:blur(90px);opacity:.065;bottom:5%;left:22%}.scene-glare{position:absolute;inset:0;background:linear-gradient(144deg,#b0edff08,transparent 35%,#00000020);pointer-events:none;z-index:2}.viewport-help{position:absolute;bottom:16px;left:21px;color:#acc0cd8f;z-index:4;pointer-events:none;font-size:9px;letter-spacing:.09em}.viewport-help span{padding:0 7px;color:#d5c29b}.viewport-measure{position:absolute;z-index:4;right:20px;bottom:22px;background:#0a1a2be9;border:1px solid #34485a;padding:13px 14px 11px;width:173px;pointer-events:none;border-radius:7px;box-shadow:0 10px 20px #0004}.viewport-measure>span{color:#8eacbd;font-size:9px;letter-spacing:.11em}.viewport-measure strong{display:block;font-size:14px;margin:5px 0 8px;letter-spacing:.075em;color:#b1f7e6}.phase-track{height:4px;background:#344a58;border-radius:8px;overflow:hidden}.phase-bar{height:100%;width:0%;background:linear-gradient(90deg,#59c9c4,#f4b86a);transition:width .25s}.viewport-measure small{display:block;text-align:right;color:#8eaaac;margin-top:8px;font-size:10px}.scene-anchor{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,-100%);transition:opacity .15s}.scene-anchor>span{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:750;letter-spacing:.14em;padding:7px 10px;background:#071b2bc9;border:1px solid #447a82;border-radius:4px;color:#b2edeb;white-space:nowrap;box-shadow:0 5px 20px #0004}.scene-anchor>span i{width:6px;height:6px;border-radius:50%;background:#7defe2;box-shadow:0 0 7px #7defe2}.reference-anchor>span{border-color:#566779;color:#cad4df}.reference-anchor>span i{background:#b0c3d5;box-shadow:none}.anchor-line{height:22px;width:1px;background:linear-gradient(#79c4ca99,transparent);margin:auto;position:absolute;bottom:-22px;left:50%}.viewer-error{z-index:10;background:#7a2739e8;border:1px solid #ef879b;color:#fff;position:absolute;left:20px;right:20px;top:25px;padding:12px;border-radius:6px}.viewer-error[hidden]{display:none}.viewport-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 21px;background:#101f2f}.power-led{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.11em;color:#8ba9b7;font-weight:700}.power-led i{background:#6bddc7;box-shadow:0 0 9px #6bddc7;width:7px;height:7px;border-radius:50%}.view-buttons{display:flex;gap:4px}.view-btn{padding:8px 11px;color:#8a9fae;border:1px solid transparent;border-radius:4px;background:none;font-size:9px}.view-btn.active{color:#bffbef;background:#23404a;border-color:#395a61}.view-btn:hover{color:#fff;background:#2a414d}
.readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.readout{min-height:115px;padding:17px 15px 13px;background:#0d1d2c;border:1px solid #223b50;border-radius:7px}.readout>div:first-child{display:flex;align-items:center;gap:9px;color:#9fb0c1;white-space:nowrap;font-size:9px;letter-spacing:.09em}.keydot{display:inline-block;width:7px;height:7px;border-radius:3px}.keydot.teal{background:var(--teal)}.keydot.amber{background:var(--accent)}.keydot.blue{background:var(--blue)}.keydot.green{background:var(--green)}.readout-value{display:flex;align-items:baseline;gap:6px;margin:8px 0 0;white-space:nowrap}.readout-value b{font-size:clamp(21px,2.0vw,31px);font-weight:650;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.readout-value small{color:#86a0b3;font-size:12px}.readout-sub{font-size:9px;letter-spacing:0;color:#7190a0;font-weight:500;margin-top:3px}
.charts{display:grid;grid-template-columns:1.05fr 1fr;gap:15px}.chart-card{border:1px solid #263e51;border-radius:9px;background:#0d1c2b;min-width:0;overflow:hidden}.chart-card header{display:flex;align-items:flex-start;justify-content:space-between;padding:19px 20px 10px;gap:6px}.chart-card h2{font-size:17px;letter-spacing:-.015em;font-weight:650;margin:5px 0 2px}.chart-card header p{font-size:11px;color:#839cac;margin:0}.chart-legend,.small-legend{white-space:nowrap;color:#97a9b7;font-size:9px;display:flex;align-items:center;gap:7px}.small-legend{gap:10px}.small-legend>span{display:flex;align-items:center;gap:5px}.chart-legend i,.small-legend i{width:16px;height:2px;display:inline-block;border-radius:8px}.legend-amber{background:#f3ba70}.legend-teal{background:#60d4c2}.legend-slate{background:#a0b3c4}.chart-body{height:177px;padding:0 8px}.chart-body canvas{height:100%;width:100%;display:block}.chart-foot{display:flex;justify-content:space-between;padding:9px 16px 12px;color:#718ba0;font-size:8px;letter-spacing:.07em;border-top:1px solid #1f3241}
.control-col{display:flex;flex-direction:column;gap:13px;min-width:0}.run-panel,.settings-panel,.telemetry-panel{border:1px solid #294155;border-radius:9px;background:#0e1d2d}.run-panel{padding:22px 24px 18px;background:linear-gradient(142deg,#172e41,#0d1e30 65%)}.panel-eyebrow{display:flex;justify-content:space-between;gap:6px;color:#78b9bf;font-size:9px}.panel-eyebrow>span:last-child{color:#8b9eaf;font-variant-numeric:tabular-nums}.run-state{display:flex;justify-content:space-between;margin:17px 0 16px;align-items:center}.run-state strong{font-size:20px;letter-spacing:-.03em}.run-state small{display:block;color:#8ca4b3;font-size:11px;margin-top:3px}.status-circle{border:1px solid #395e64;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;background:#183b45;color:#76d7cf}.status-circle svg{width:26px;height:26px}.primary-run{height:51px;width:100%;background:linear-gradient(120deg,#e7b874,#f4cb89);border:1px solid #ffe5af;color:#142431;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:12px;box-shadow:0 5px 25px #fbc57a1c}.primary-run:hover{filter:brightness(1.08)}.primary-run svg{height:16px;width:16px}.keyshort{margin-left:auto;padding:4px 7px;font-size:8px;font-weight:850;letter-spacing:.06em;background:#bd915d38;border:1px solid #b48b6d;border-radius:3px}.primary-run>span:first-of-type{margin-left:auto}.run-secondary{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;margin-top:8px}.run-secondary button{height:35px;border:1px solid #355066;background:#15293b;color:#b8ccd8;border-radius:5px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.run-secondary button:hover{border-color:#88c6be}.run-secondary span{font-size:9px;letter-spacing:.08em;font-weight:750}.speed-line{border-top:1px solid #2d4154;padding-top:16px;margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:8px}.speed-line>span{font-size:9px;letter-spacing:.08em;color:#94a8b7;font-weight:700}.speed-control{display:flex;gap:3px;background:#071827;padding:4px;border-radius:6px}.speed-control button{color:#8aa3b3;background:transparent;border:0;border-radius:3px;font-size:10px;padding:5px 9px}.speed-control button.selected{background:#244e57;color:#92eee2}
.settings-panel{padding:21px 24px 19px}.settings-title{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #253b50;padding-bottom:12px;margin-bottom:17px}.settings-title h2{font-size:18px;letter-spacing:-.025em;margin:5px 0 0}.params-icon{font-size:23px;color:#61868b}.control-row{margin-bottom:21px}.control-row:last-child,.control-row.last{margin-bottom:2px}.input-header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:9px}.input-header label{font-size:12px;color:#b8c8d2;font-weight:540}.input-header output{color:#e3c499;font-size:11px;white-space:nowrap;font-weight:730;font-variant-numeric:tabular-nums}.control-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#365265;border-radius:50px;outline:none;cursor:pointer;margin:5px 0 3px;accent-color:#f3be79}.control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#ffc780;border:2px solid #ffddb0;box-shadow:0 0 0 5px #f6b56817;cursor:ew-resize}.control-row input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ffc780;border:2px solid #ffddb0;cursor:ew-resize}.range-ticks{display:flex;justify-content:space-between;color:#628092;font-size:9px;letter-spacing:.02em;margin-top:9px}.secondary-settings{padding-bottom:15px}.lid-settings{padding-bottom:18px}.helper-note{display:flex;gap:9px;margin-top:18px;padding:12px;border-left:2px solid #4b9899;background:#12303c;color:#89acb4;font-size:10px;letter-spacing:0;font-weight:500;line-height:1.5}.helper-note>span:first-child{color:#87d3c3;font-size:16px}.telemetry-panel{padding:18px 23px 14px;background:#0a1928}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 7px;padding:17px 0 16px}.telemetry-grid>div{display:flex;flex-direction:column;gap:5px}.telemetry-grid>div>span{color:#7892a5;font-size:9px;letter-spacing:.08em}.telemetry-grid strong{font-size:13px;font-variant-numeric:tabular-nums;color:#d4e6ee}.telemetry-footer{display:flex;align-items:center;gap:7px;border-top:1px solid #273b4f;padding-top:11px;color:#70999d;font-size:9px;letter-spacing:.04em}.pulse-dot{width:5px;height:5px}
.site-foot{margin:35px 0 20px;padding-top:22px;border-top:1px solid #253647;display:flex;align-items:center;justify-content:space-between;color:#91a9b7;font-size:9px;letter-spacing:.08em;gap:20px}.site-foot>div{display:flex;align-items:center;gap:11px}.foot-muted{color:#617c8e}.footer-mark{font-size:18px;color:#67c5b9}.site-foot>div:last-child{color:#668394}.site-foot>div:last-child span{color:#506a77}
@media(max-width:1280px){.app{padding:0 22px}.dashboard{grid-template-columns:minmax(0,1fr) minmax(310px,.57fr);gap:13px}.readouts{grid-template-columns:repeat(2,1fr)}.control-col{gap:10px}.settings-panel,.run-panel{padding-left:17px;padding-right:17px}.charts{grid-template-columns:1fr}.chart-body{height:150px}.viewport-measure{width:146px}.chart-card header{padding-top:15px}}
@media(max-width:860px){.dashboard{grid-template-columns:1fr}.section-head{padding:25px 0;align-items:start}.head-meta{display:none}.canvas-shell{height:clamp(350px,65vw,525px)}.charts{grid-template-columns:1fr 1fr}.chart-card header{flex-direction:column}.chart-body{height:170px}.control-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.run-panel,.telemetry-panel{grid-column:span 2}.run-panel{display:block}.site-foot{flex-wrap:wrap}.section-head h1{font-size:34px}}
@media(max-width:560px){.app{padding:0 12px}.topbar{height:77px}.brand-copy strong{font-size:17px}.header-right{display:none}.section-head h1{font-size:29px}.section-head p{font-size:12px}.dashboard{gap:13px}.canvas-shell{height:365px}.viewport-help{font-size:7px;max-width:80%;bottom:12px}.viewport-measure{bottom:39px;right:10px;width:139px;padding:10px}.scene-anchor>span{font-size:8px;padding:5px}.viewer-top{padding:0 12px;font-size:9px}.view-tag{display:none}.view-btn{font-size:8px;padding:6px}.power-led{font-size:8px}.viewport-bottom{padding:0 8px}.readouts{gap:8px}.readout{padding:13px;min-height:108px}.readout-value b{font-size:25px}.charts,.control-col{grid-template-columns:1fr}.run-panel,.telemetry-panel{grid-column:auto}.chart-card header{flex-direction:row}.chart-body{height:170px}.site-foot{font-size:8px}.site-foot>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}