:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e6f2f7;background:#070f1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:350px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #63ddec;outline-offset:3px}#app{max-width:1700px;margin:0 auto}.topbar{height:78px;border-bottom:1px solid #263446;display:flex;align-items:center;gap:20px;padding:0 4.2%;background:linear-gradient(90deg,#081524,#0c1522)}.brandmark{height:45px;width:45px;display:grid;place-items:center;border:1px solid #3fb6c2;color:#c7fafd;font-size:23px;font-weight:900;letter-spacing:-5px;padding-right:5px}.brandmark span{color:#fbaf79}.brand{display:flex;flex-direction:column;gap:4px}.tiny,.eyebrow,.micro{font-size:10px;font-weight:750;letter-spacing:2px;color:#7897a8}.tiny b{color:#ba7f60;font-weight:600}.wordmark{font-size:17px;letter-spacing:3.5px;font-weight:850}.code{color:#67e0e4;font-weight:500}.topmeta{margin-left:auto;color:#93a9b8;font-size:10px;letter-spacing:1.4px;font-weight:700}.indicator,.live-dot{display:inline-block;width:7px;height:7px;background:#70deb0;border-radius:50%;box-shadow:0 0 11px #70deb088;margin-right:8px}.separator{display:inline-block;height:13px;border-left:1px solid #486071;margin:0 18px;vertical-align:middle}.workspace{padding:31px 4.2% 20px}.heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.heading .eyebrow{color:#6bccda;display:flex;align-items:center;gap:16px}.line{height:1px;width:72px;background:#2d5261}h1{font-size:clamp(30px,3.2vw,52px);letter-spacing:-2px;line-height:1.14;font-weight:710;margin:12px 0 9px}h1 em{font-style:normal;color:#79d9e4}.heading p{font-size:13px;line-height:1.6;max-width:680px;color:#8ca5b6;margin:0}.edition{border-left:1px solid #314657;padding:9px 0 7px 25px;white-space:nowrap;display:flex;flex-direction:column;gap:5px;text-align:right}.edition strong{font-weight:750;font-size:13px;letter-spacing:1.5px}.edition>span:last-child{color:#647f90;font-size:10px;letter-spacing:1px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #24364a;border-radius:6px;background:#0d1b2b;margin-bottom:20px;overflow:hidden}.metric{padding:18px 22px;position:relative}.metric:not(:last-child){border-right:1px solid #26394a}.metric>div{display:flex;align-items:baseline;gap:8px;margin:9px 0 7px}.metric b{font-size:31px;letter-spacing:-1px;font-weight:680;font-variant-numeric:tabular-nums}.metric small{font-size:13px;color:#81d5e0}.mini-help{font-size:11px;color:#658394}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:stretch}.left-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.cardpanel{border:1px solid #243b4e;border-radius:6px;background:#0d1c2c;overflow:hidden}.panelhead{padding:17px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panelhead h2{font-weight:680;font-size:17px;letter-spacing:-.3px;margin:6px 0 0}.hint{font-size:10px;color:#68889c;font-weight:700;letter-spacing:1px}.slash{color:#d9a07a;padding:0 6px}.view-shell{position:relative;height:385px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#16374a,#081525 65%)}#instrument3D{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#instrument3D:active{cursor:grabbing}.view-overlay{pointer-events:none;position:absolute;font-size:10px;letter-spacing:1.25px;font-weight:700;color:#a1c6d2}.view-overlay small{font-size:10px;font-weight:500;color:#6a9aab}.top-left{top:19px;left:22px}.top-right{top:20px;right:21px;text-align:right;font-size:10px;color:#6b99a5}.top-right span{color:#ddfaff}.top-right div{margin-top:7px}.bottom-left{bottom:22px;left:22px;background:#0a1a2bd6;border-left:2px solid #ebad7f;padding:12px 16px;display:flex;flex-direction:column;gap:4px}.bottom-left span,.bottom-left small{color:#7ea0af;font-size:9px;letter-spacing:1.5px}.bottom-left strong{font-size:23px;color:#fff;letter-spacing:0;font-weight:620}.bottom-right{bottom:24px;right:21px;font-size:9px;color:#86adb9}.cross{font-size:18px;color:#6bd8e6;vertical-align:middle}.view-status{height:40px;border-top:1px solid #243b4e;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px;font-size:10px;letter-spacing:1px;color:#7196a6;font-weight:700}.view-status span:first-child{color:#b4d2d8}.status-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f0ab75;margin-right:7px}.chart-card{min-height:292px}.mode-toggle{border:1px solid #2b4555;display:flex;padding:3px;border-radius:4px;background:#091726}.mode-toggle button{font-size:10px;padding:8px 13px;color:#779dab;font-weight:750;border:0;background:none;letter-spacing:.6px}.mode-toggle button.active{background:#183a4b;color:#8cf2f6;border-radius:3px}.muted{font-weight:400;color:#68889a}.plotwrap{height:211px;padding:0 13px 0 8px}.plotwrap canvas{height:100%;width:100%;cursor:crosshair;touch-action:none}.chart-foot{display:flex;gap:20px;align-items:center;padding:4px 23px 18px;color:#698b9e;font-size:9px;letter-spacing:.8px;font-weight:700}.legend{display:inline-block;height:2px;width:19px;vertical-align:middle;margin-right:7px}.legend.ideal{background:#1e8a99}.legend.measured{background:#83e8ed}.chart-tip{margin-left:auto}.results{min-height:189px}.fit-pill{color:#91dfc2;border:1px solid #2e6b67;padding:7px 10px;border-radius:3px;font-size:9px;letter-spacing:1px;font-weight:750}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 0 18px}.result{padding:5px 17px 0 20px}.result:not(:last-child){border-right:1px solid #263b4c}.result strong{display:inline-block;margin-top:11px;font-size:25px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.result small{display:inline-block;margin-left:4px;font-size:11px;color:#79d9e4}.result-true{font-size:9px;font-weight:650;letter-spacing:.7px;margin-top:6px;color:#7694a5}.result-true span{color:#d9e8ed}.controls{display:flex;flex-direction:column}.controls-head{border-bottom:1px solid #273c50;padding:21px 22px 20px}.settings-icon{font-size:20px;color:#88bbc3}.control-scroll{padding:23px 22px 10px;flex:1}.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#99bbc5;font-weight:800;font-size:10px;letter-spacing:1.5px}.subhead small{font-size:9px;color:#526f84;letter-spacing:.4px}select{width:100%;background:#162c3e;border:1px solid #2d5062;color:#d8e7ee;border-radius:3px;padding:12px;margin-top:15px;font-size:11px;font-weight:800;letter-spacing:.9px}.divider{height:1px;background:#283d50;margin:25px 0}.slider-block{margin:22px 0}.slider-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.slider-title label{font-size:12px;color:#aec5d0;font-weight:600}.slider-title output{color:#89e2e7;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:18px;margin:9px 0 0;accent-color:#7ddce5;cursor:pointer}.range-hints{display:flex;justify-content:space-between;font-size:10px;color:#627c90}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.button-grid button{height:44px;background:#163347;border:1px solid #32596a;color:#c5e0e9;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.4px;white-space:nowrap}.button-grid button:hover{background:#20475b}.button-grid button.primary{background:#7de0e2;border-color:#8fecef;color:#05222d}.button-grid button.primary:hover{background:#a6f1ef}.button-grid.secondary button{background:#0f2233;height:37px;font-size:10px;color:#8eb1bc}.mini-diagnostic{margin:27px 0 12px;background:#102637;border:1px solid #2b4557;padding:18px;display:flex;flex-direction:column;gap:7px}.mini-diagnostic strong{font-size:12px;letter-spacing:1px;margin-top:3px}.mini-diagnostic>span:nth-child(3){color:#668b9f;font-size:9px;font-weight:700;letter-spacing:1px}.steps{display:flex;gap:5px;margin-top:5px}.steps i{height:3px;background:#2d4c59;flex:1}.steps i.on{background:#71d7df}.control-footer{border-top:1px solid #283b4d;padding:17px 22px;font-size:10px;color:#9fc4c8;letter-spacing:1px;font-weight:750}.control-footer small{font-size:10px;color:#66879a;font-weight:500;letter-spacing:0}footer{margin-top:29px;display:flex;justify-content:space-between;gap:18px;color:#59788c;font-size:10px;letter-spacing:.6px;font-weight:650}footer span{color:#b08a77}@media (max-width:1200px){.main-grid{grid-template-columns:minmax(0,1fr) 310px}.results-grid{grid-template-columns:repeat(2,1fr);row-gap:19px}.result:nth-child(2){border-right:0}.view-shell{height:340px}.topmeta{font-size:9px}}@media (max-width:930px){.main-grid{grid-template-columns:1fr}.controls{order:0}.control-scroll{display:grid;grid-template-columns:1fr 1fr;column-gap:23px}.control-scroll>.subhead,.control-scroll>.divider,.control-scroll>#sliderControls,.mini-diagnostic{grid-column:1/-1}.control-scroll>#sliderControls{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #26394a}.topmeta{display:none}}@media(max-width:600px){.workspace{padding:22px 15px}.topbar{padding:0 16px}.heading{display:block}.edition{margin-top:17px;text-align:left;padding:10px 15px}.heading h1{letter-spacing:-1.4px}.metric{padding:14px 12px}.metric b{font-size:26px}.view-shell{height:330px}.hint{display:none}.view-status span:nth-child(2){display:none}.chart-foot{flex-wrap:wrap}.chart-tip{display:none}.results-grid{grid-template-columns:repeat(2,1fr)}.result{padding-left:14px}.result strong{font-size:20px}.control-scroll{display:block}.control-scroll>#sliderControls{display:block}.button-grid{grid-template-columns:1fr 1fr}footer{display:block;line-height:1.8}}