:root{color-scheme:dark;--bg:#071016;--panel:#0c171d;--panel2:#0e1a20;--line:#24363b;--line2:#1b2b30;--muted:#7d9496;--text:#e7f4ed;--sub:#b5cbc2;--green:#8cf3af;--teal:#45c5aa;--blue:#5bbde5;--gold:#eac47a;--orange:#eba474;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{transition:background .18s,border-color .18s,transform .1s}button:active{transform:scale(.98)}.app{width:100%;min-height:100vh;max-width:1920px;margin:auto;background:radial-gradient(circle at 60% 24%,#11242a 0,#081117 54%,#070e14 100%)}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 31px;border-bottom:1px solid #26383b;background:#0b151a}.brand{display:flex;align-items:center;gap:12px;min-width:276px}.brand img{width:42px;height:42px}.brand strong{display:block;font-size:16px;letter-spacing:.09em;font-weight:760}.brand em{color:var(--green);font-style:normal;font-weight:550}.brand small{display:block;color:#829895;font-size:9px;margin-top:5px;letter-spacing:.21em;font-weight:700}.topcenter{display:flex;gap:12px;align-items:center;color:#6f8588;font-size:10px;letter-spacing:.13em;font-weight:750}.topcenter .current{color:#c7e8d8}.topTag{margin-left:18px;border:1px solid #314d4c;border-radius:3px;padding:7px 10px;color:#86beaa;background:#102324;font-size:9px}.slash{color:#3b5355}.topstatus{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em;color:#bbd5c2;font-weight:700;white-space:nowrap}.statusIndicator,.livingDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7af9a4;box-shadow:0 0 10px #53e09b90}.seed{margin-left:12px;padding-left:16px;border-left:1px solid #34504c;color:#69817f}
.workbench{display:grid;grid-template-columns:minmax(262px,294px) minmax(440px,1fr) minmax(278px,316px);min-height:calc(100vh - 112px)}.panel{background:#0b161c}.controls-panel{padding:29px 24px 24px 27px;border-right:1px solid #273a3d}.section-head{display:flex;align-items:center;gap:8px;color:#c9dbd5;font-size:10px;font-weight:750;letter-spacing:.15em;white-space:nowrap}.section-code{color:var(--green)}.section-dash{flex:1;height:1px;background:#23403d;margin-left:6px}.controls-panel h1{font-size:37px;line-height:1.08;letter-spacing:-.048em;font-weight:550;margin:30px 0 17px}.controls-panel h1 span{color:var(--green)}.intro{font-size:12px;line-height:1.75;color:#92a9a6;margin:0 0 30px;max-width:254px}.smalllabel,.overline{font-size:10px;letter-spacing:.14em;font-weight:700;color:#738c89}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0 31px}.preset{background:#0d1b21;color:#b4c8c3;padding:11px 4px 12px;border:1px solid #284044;border-radius:4px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.preset.active{background:#12312e;border-color:#56a58e;box-shadow:inset 0 0 0 1px #2d6757}.preset:hover{background:#173033;border-color:#5a988b}.presetIcon{font-size:21px;height:25px;line-height:21px}.presetIcon.blue{color:#79bedc}.presetIcon.green{color:#a7f3b1}.presetIcon.orange{color:#eea778}.preset strong{font-size:10px;letter-spacing:-.01em;font-weight:650}.preset small{font-size:9px;color:#7b9993}.control-group{margin:23px 0}.slider-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.slider-header label{font-size:11px;color:#afc1bd}.slider-header>span{font-size:16px;color:#d3f5dd;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.slider-header small{font-size:9px;color:#7f9d97;font-weight:600}.control-group input[type=range]{width:100%;height:3px;appearance:none;background:linear-gradient(90deg,#82e6ad 0,#447b73 65%,#213a3d 100%);border-radius:5px;display:block;cursor:pointer}.control-group input::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#a9ffbd;border:2px solid #0a1718;border-radius:50%;box-shadow:0 0 0 1px #70da9d}.control-group input::-moz-range-thumb{width:9px;height:9px;background:#b4fac4;border:2px solid #0c1515;border-radius:50%}.rangeScale{display:flex;justify-content:space-between;font-size:8px;color:#5f7778;margin-top:9px}.section-head.secondary{margin-top:33px;margin-bottom:28px}.flow-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 13px;border:1px solid #416158;background:#132d2b;color:#a0e4b7;font-size:10px;font-weight:750;letter-spacing:.05em;margin-top:29px}.flow-button:hover{background:#1a4137}.aside-foot{padding-top:23px;margin-top:25px;border-top:1px solid #22383a;color:#6b8780;font-size:8px;line-height:2;letter-spacing:.07em}.aside-foot>span:last-child{margin-left:15px;color:#779793}.tiny-dot{display:inline-block;background:#8feeb4;width:5px;height:5px;border-radius:50%;vertical-align:middle;margin-right:5px}
.stage-panel{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 40% 23%,#10262b,#09141b 72%)}.stage-heading{height:91px;display:flex;align-items:center;justify-content:space-between;padding:22px 26px 13px;gap:10px}.stage-heading h2{font-size:18px;font-weight:550;margin:9px 0 0;white-space:nowrap}.stage-heading h2 small{margin-left:12px;font-size:9px;font-weight:650;color:#779793;letter-spacing:.09em}.livingDot{margin-right:7px;width:6px;height:6px}.stage-tools{display:flex;gap:6px}.stage-tools button{background:#10252a;color:#b8ccc5;border:1px solid #2e4748;font-size:9px;font-weight:700;letter-spacing:.05em;padding:10px 11px;border-radius:3px;white-space:nowrap}.stage-tools button:hover{background:#1a3735}.scene-wrap{position:relative;flex:1;min-height:450px;max-height:710px;isolation:isolate;background:radial-gradient(ellipse at 48% 42%,#142e35 0%,#07161d 70%);overflow:hidden}.webgl-mount{position:absolute;inset:0}.webgl-mount>canvas{width:100%;height:100%}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 49% 42%,transparent 42%,#07121a3f 70%,#07121a 115%)}.scene-badge{position:absolute;top:18px;left:23px;border:1px solid #39545399;background:#101f24cc;padding:10px 12px;color:#91afa7;font-size:9px;letter-spacing:.11em;font-weight:700;pointer-events:none}.crosshair{font-size:15px;vertical-align:-1px;color:#94e9b7;margin-right:5px}.specimen-label{position:absolute;color:#b3e9c8;font-size:9px;letter-spacing:.1em;font-weight:750;line-height:1.7;pointer-events:none}.specimen-label small{color:#6eaaa3;font-size:8px;font-weight:500}.specimen-label.left{bottom:37%;left:25px}.specimen-label.right{bottom:37%;right:22px;color:#ecbf88;text-align:right}.locator{display:inline-block;width:6px;height:6px;background:#59dccf;border-radius:50%;margin-right:4px;box-shadow:0 0 10px #3fcfc8}.locator.gold{background:#efbb72;box-shadow:0 0 8px #efbb72}.camera-help{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#8ba5a2;background:#0d2026b5;border:1px solid #24404689;border-radius:3px;padding:9px 13px;font-size:9px;font-weight:650;letter-spacing:.075em;white-space:nowrap;pointer-events:none}.camera-help b{color:#66bcad}.scene-scale{position:absolute;bottom:69px;left:23px;color:#8bdabd;font-size:12px;pointer-events:none;letter-spacing:2px}.scene-scale span{font-size:8px;letter-spacing:.03em;color:#7aada6}
.transport-bar{background:#0c1a20;border-top:1px solid #263f40;border-bottom:1px solid #27393d;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:12px;color:#8ca5a0;font-size:9px;letter-spacing:.09em;font-weight:650}.transport-bar strong{font-size:19px;color:#d7fae2;font-weight:550;letter-spacing:.01em;margin-left:11px;font-variant-numeric:tabular-nums}.transport-actions{display:flex;align-items:center;gap:7px}.transport-actions button,.transport-actions select{border:1px solid #31504a;background:#10262a;color:#bbd8cd;font-size:10px;padding:10px 12px;border-radius:3px;font-weight:700;cursor:pointer}.transport-actions button:hover{background:#204039}.transport-actions select{padding-right:8px}.transport-actions button.primary{color:#07221c;background:#a0f2b9;border-color:#b2f6c7;min-width:83px}.transport-actions button.primary:hover{background:#c0ffd3}.speedlabel{font-size:9px;color:#78948e;margin-left:9px}.chart-panel{background:#0b191f;border-bottom:1px solid #27383a;min-height:235px;padding:20px 25px 9px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.chart-head h3{font-size:15px;font-weight:600;letter-spacing:-.02em;margin:7px 0}.legend{display:flex;gap:13px;color:#9dbbb2;font-size:9px;white-space:nowrap}.volLeg{color:#8df2b1}.bathLeg{color:#69badd}#chart{width:100%;height:144px;display:block}
.telemetry-panel{padding:29px 22px 20px 23px;border-left:1px solid #293a3e}.telemetryTop{margin-top:34px}.bigstat{margin:18px 0 24px;padding-bottom:26px;border-bottom:1px solid #2a3f40}.bigstat>span{font-size:12px;color:#a4bdb5}.bigstat>div:nth-child(2){margin-top:5px}.bigstat strong{font-size:61px;letter-spacing:-.07em;font-weight:550;color:#b7f5c6;line-height:1.18;font-variant-numeric:tabular-nums}.bigstat small{font-size:24px;margin-left:8px;color:#7fa791}.miniprogress{height:5px;background:#223d3b;border-radius:4px;margin-top:12px;overflow:hidden}.miniprogress div{height:100%;width:90%;background:linear-gradient(90deg,#4ea186,#a0efad);transition:width .2s}.bigstat p{font-size:10px;line-height:1.55;color:#7c9890;margin:11px 0 0}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric{background:#112229;border:1px solid #284146;padding:13px 11px 15px;min-height:108px}.metric label{font-size:9px;letter-spacing:.04em;color:#8aaba0;font-weight:700;white-space:nowrap}.metric div{margin:11px 0 5px;white-space:nowrap}.metric strong{font-size:26px;font-weight:590;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#9ab6a9;margin-left:4px}.metric span{font-size:9px;color:#688782}.cell-panel{border-top:1px solid #2b4241;margin-top:30px;padding-top:22px}.cell-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;font-weight:750;color:#c1d7cc}.cell-heading span{font-variant-numeric:tabular-nums;color:#9cf7bc;border:1px solid #335349;padding:5px 8px;background:#173228}.cell-panel p{font-size:10px;color:#77938c;line-height:1.6;margin:13px 0 19px}.cell-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #203638;padding:11px 0;font-size:11px;color:#91aea4;gap:12px}.cell-row strong{font-variant-numeric:tabular-nums;font-size:11px;color:#d1e8d9;font-weight:650;white-space:nowrap}.cell-row strong.greenText{color:#9be7ae}.cell-row strong.orangeText{color:#edab7e}.interpretation{margin-top:24px;border:1px solid #2f5146;background:linear-gradient(120deg,#142f2a,#112427);display:flex;gap:12px;padding:14px 13px}.interpretIcon{font-size:19px;color:#7edfa6}.interpretation strong{font-size:11px;color:#c7f3d4}.interpretation p{font-size:10px;color:#8cb6a5;line-height:1.5;margin:8px 0 0}.export{width:100%;margin-top:24px;padding:13px 9px;background:#0e2828;border:1px solid #426e5e;color:#a9e6bf;font-size:9px;letter-spacing:.08em;font-weight:800}.export:hover{background:#1e433b}.footnote{text-align:center;color:#5e7877;font-size:8px;line-height:1.8;letter-spacing:.09em;margin-top:24px}.footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-top:1px solid #274043;background:#071116;color:#648480;letter-spacing:.1em;font-size:8px;font-weight:700}.footer b{color:#83e2a5;margin:0 6px}
@media(max-width:1400px){.topcenter{display:none}.workbench{grid-template-columns:270px minmax(340px,1fr) 281px}.controls-panel{padding-left:18px;padding-right:18px}.telemetry-panel{padding-left:16px;padding-right:16px}.stage-heading{padding-left:18px;padding-right:18px}.stage-heading h2{font-size:16px}.stage-heading h2 small{display:none}.stage-tools button{padding:9px 7px}.stage-tools{gap:4px}.scene-wrap{min-height:390px}.specimen-label{display:none}}
@media(max-width:1030px){.workbench{grid-template-columns:260px 1fr}.telemetry-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.telemetry-panel>.section-head{grid-column:1/-1}.telemetryTop{display:none}.bigstat{margin:0}.metric-grid{align-self:start}.cell-panel{margin-top:0;border-top:0;padding-top:0}.interpretation{margin-top:0;align-self:start}.export,.footnote{align-self:center;margin:0}.scene-wrap{min-height:500px}.footer span:nth-child(2){display:none}}
@media(max-width:720px){.topbar{height:70px;padding:0 15px}.brand{min-width:auto}.brand img{width:35px;height:35px}.brand strong{font-size:14px}.brand small{font-size:7px}.topstatus{font-size:9px}.seed{display:none}.workbench{display:flex;flex-direction:column}.controls-panel{order:2;padding:22px 18px}.stage-panel{order:1}.telemetry-panel{order:3;display:block;padding:24px 18px}.intro{max-width:none}.controls-panel h1{font-size:30px;margin:18px 0}.presets{margin-bottom:15px}.control-group{margin:19px 0}.section-head.secondary{margin-top:22px;margin-bottom:20px}.stage-heading{height:auto;min-height:84px;padding:17px 14px}.stage-heading h2{font-size:14px}.stage-tools{display:none}.scene-wrap{min-height:420px}.scene-badge{left:13px;top:10px;font-size:8px}.camera-help{font-size:7px;letter-spacing:0;padding:8px;bottom:12px}.scene-scale{bottom:50px;left:12px}.transport-bar{padding:0 10px;height:57px}.transport-bar strong{font-size:15px;margin-left:3px}.transport-actions button,.transport-actions select{font-size:9px;padding:8px}.transport-actions{gap:3px}.speedlabel{display:none}.chart-panel{padding:17px 12px}.chart-head{display:block}.legend{margin:4px 0}.bigstat{margin:18px 0}.metric-grid{margin:20px 0}.cell-panel{margin:20px 0;border-top:1px solid var(--line);padding-top:20px}.interpretation{margin:20px 0}.export{margin:10px 0}.footer{padding:0 12px}.footer span:last-child{display:none}}
.fallback-error{position:absolute;top:28%;left:10%;right:10%;padding:25px;border:1px solid #b86256;color:#f2c1b1;background:#28191c;line-height:1.6}.fallback-error p{font-size:12px}