:root{--bg:#07131c;--panel:#0b1b27;--panel2:#0d202b;--line:#244050;--muted:#819bab;--ink:#e5f4f8;--blue:#4dd9e8;--cyan:#94f5f2;--amber:#edaf69;--accent:#3ec9d8;--hair:rgba(124,191,209,.21)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}body{min-width:0}button,select,input,summary{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #7ff9ff;outline-offset:3px}button:hover{border-color:var(--cyan)!important;color:#fff}#app{min-height:100vh;display:flex;flex-direction:column}.mast{height:77px;flex:0 0 77px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;background:#091924;gap:18px}.symbol{font-size:31px;color:#54dce8;line-height:1;border:1px solid #2d6070;width:44px;height:44px;display:grid;place-items:center}.eyebrow,.micro,.technical-index,.quiet-kicker,.running,.section-line,.stage-status,.readout-name,.formula,.insight-foot,.scale,.drag-instruction,.mono,.science-mini{font-family:Consolas,Menlo,monospace;letter-spacing:1.1px}.eyebrow,.micro{font-size:9px;color:#719dae}.eyebrow-dot{color:var(--amber);padding:0 6px}.brand{font-weight:800;font-size:19px;letter-spacing:2.7px;margin-top:4px}.brand span{color:#75d7d9;font-weight:400}.mast-right{margin-left:auto;display:flex;align-items:center;gap:11px}.quiet-kicker,.running{font-size:10px;color:#8cabb9}.quiet-kicker b{color:var(--amber)}.live-pip,.statusdot{width:6px;height:6px;border-radius:50%;background:#75e5a8;box-shadow:0 0 12px #75e5a8}.layout{height:calc(100dvh - 77px);min-height:590px;display:grid;grid-template-columns:282px minmax(280px,1fr) 314px;overflow:hidden}.controls,.insights{background:var(--panel);overflow-y:auto;scrollbar-color:#3b6979 transparent;scrollbar-width:thin}.controls{border-right:1px solid var(--line);padding:25px 18px 35px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.panel-header h2,.insight-header h2{font-size:18px;letter-spacing:-.5px;margin:8px 0 0}.panel-header .small-button{display:none}.setting{padding:21px 0;border-top:1px solid var(--line)}.section-line{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#7196a7;margin-bottom:15px}.section-line .val{color:#65e5ed}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-grid button,.row-buttons button,.view-toolbar button,.small-button{background:#102736;border:1px solid #305263;border-radius:3px;padding:9px 7px;font-family:Consolas,monospace;font-size:10px;letter-spacing:.5px}.mode-grid .wide{grid-column:span 2}.mode-grid .active{color:#06151c;background:#68dce1;border-color:#68dce1;font-weight:800}.play-glyph{margin-left:6px}.setting label,.condition label{color:#c1d3da;font-size:11px;display:flex;justify-content:space-between;margin:10px 0 8px;gap:6px}.setting output,.condition output{color:#70e5e8;font-family:Consolas,monospace;white-space:nowrap}input[type=range]{accent-color:#67e4e9;width:100%;height:8px;margin:9px 0 10px}input[type=search],select{width:100%;border:1px solid #315162;border-radius:3px;background:#122b38;color:#e6f6f9;padding:9px 8px;font-size:11px;min-width:0}input[type=search]{margin-bottom:9px}select{margin:4px 0 12px}.range-ends{margin-top:0;font-size:8px;color:#537d8e}.selected-info{line-height:1.55;font-size:10px;color:#9fb8c3;min-height:44px;padding:2px 0 9px}.row-buttons{display:flex;gap:6px;margin-top:7px}.row-buttons button{flex:1;font-size:10px}.checks{display:grid;gap:9px}.checks label{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;cursor:pointer}.checks input{accent-color:#62dce1}.checks .count{margin-left:auto;color:#63889a;font:10px Consolas,monospace}.progress-track{height:4px;background:#1f3b49;margin-top:17px}.progress-track div{height:100%;background:#62dce1;width:0;transition:width .2s}.smallnote{font-size:10px;color:#819eaf;line-height:1.55}.exhibit{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 53% 45%,#164358 0%,#091d2c 48%,#06121c 100%);isolation:isolate}.stage-grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;background:linear-gradient(transparent 97%,rgba(85,170,195,.05) 98%),linear-gradient(90deg,transparent 97%,rgba(85,170,195,.04) 98%);background-size:36px 36px}#renderCanvas,#overlayCanvas{position:absolute;display:block;inset:0;width:100%;height:100%}#renderCanvas{z-index:1;touch-action:none;cursor:grab}#renderCanvas:active{cursor:grabbing}#overlayCanvas{z-index:2;pointer-events:none}.stage-top{pointer-events:none;position:absolute;z-index:4;top:29px;left:28px;right:26px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.technical-index{color:#79bbc8;font-size:10px}.technical-index span{color:#e3b275}.stage-caption h1{font-size:clamp(32px,3vw,47px);line-height:1.07;letter-spacing:-1.4px;margin:14px 0 11px;font-weight:720;text-shadow:0 3px 30px rgba(0,0,0,.4)}.stage-caption h1 em{color:#b4eef0;font-weight:320;font-style:normal}.stage-caption p{font-size:11px;color:#bdd2df;margin:0;max-width:330px;line-height:1.5}.stage-status{white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:9px;color:#ace2e3;background:#10303aba;border:1px solid #326579;padding:8px 10px}.view-toolbar{position:absolute;z-index:6;top:190px;right:24px;display:flex;gap:5px;flex-wrap:wrap;max-width:400px;justify-content:flex-end}.view-toolbar button{color:#d0e8e9;padding:8px 9px;background:#092432e8;border-color:#376074}.view-toolbar .accent{border-color:#61d7dd;color:#9effff}.stage-bottom{pointer-events:none;z-index:4;position:absolute;bottom:26px;left:26px;right:26px;display:flex;justify-content:space-between;gap:15px}.scale,.drag-instruction{font-size:9px;color:#a6c8d4}.scale i{display:inline-block;width:41px;height:6px;border-bottom:2px solid #b6eff3;border-left:2px solid #b6eff3;border-right:2px solid #b6eff3;margin:0 10px 0 0}.drag-instruction span{color:#d1a36c}.corner-marks{position:absolute;z-index:3;inset:15px;pointer-events:none}.corner-marks span{position:absolute;width:14px;height:14px;border-color:#497f90;opacity:.6}.corner-marks span:nth-child(1){left:0;top:0;border-top:1px solid;border-left:1px solid}.corner-marks span:nth-child(2){right:0;top:0;border-top:1px solid;border-right:1px solid}.corner-marks span:nth-child(3){right:0;bottom:0;border-bottom:1px solid;border-right:1px solid}.corner-marks span:nth-child(4){left:0;bottom:0;border-bottom:1px solid;border-left:1px solid}.fallback-note{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:#12303b;color:#fff;font-size:12px;padding:12px;z-index:8;border:1px solid #5992a4}.insights{border-left:1px solid var(--line);padding:28px 21px 30px}.insight-header h2{font-size:20px;margin:12px 0 10px}.dots{float:right;color:#53b9c5;font-size:12px}.insight-header p{font-size:11px;color:#8ba9b6;line-height:1.65;margin:0 0 22px}.conditions{padding:3px 0 15px;border-bottom:1px solid var(--line)}.condition{margin-bottom:4px}.condition label{font-size:11px}.condition output{font-size:10px}.readout{padding:22px 0;border-bottom:1px solid var(--line)}.readout-name{font-size:9px;color:#648d9e;display:flex;gap:8px;align-items:center}.readout-name span:nth-child(1){color:#bdd6df}.readout-label{margin-left:auto;font-size:8px;color:#e0aa70}.readout-value{font-family:Consolas,'Segoe UI',monospace;color:#e5fafd;font-size:34px;font-weight:400;letter-spacing:-1.8px;margin:9px 0 8px;font-variant-numeric:tabular-nums}.readout-value small{color:#81b8c4;font-size:15px;letter-spacing:0}.formula{font-size:10px;color:#91b5c4;letter-spacing:.3px}.secondary{padding:17px 0}.check-result{font-family:Consolas,monospace;color:#75e8b1;font-size:15px;margin:12px 0}.science-panel{margin-top:20px;background:#102633;border:1px solid #345365;border-radius:2px}.science-panel summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 11px;font:11px Consolas,monospace;color:#bce8ee}.science-panel summary::-webkit-details-marker{display:none}.science-panel[open] summary{border-bottom:1px solid var(--line)}.science-mini{color:#5f8c9b;font-size:9px;letter-spacing:0}.science-text{padding:0 14px 13px}.science-text p{font-size:11px;line-height:1.7;color:#a8c2ce}.science-text strong{color:#d1f0f4}.science-text .mandatory{color:#f0c88a}.insight-foot{font-size:9px;color:#638b9c;margin-top:22px;line-height:1.7}.insight-foot span{color:#e8b477}body.embed-mode{height:100vh;height:100dvh;overflow:hidden}body.embed-mode #app{height:100dvh;min-height:0}body.embed-mode .mast{display:none}body.embed-mode .layout{height:100dvh;min-height:0}
@media(max-width:1180px){.layout{grid-template-columns:250px minmax(300px,1fr) 270px}.controls{padding:18px 12px}.insights{padding:19px 13px}.stage-top{left:15px;top:18px}.view-toolbar{right:12px;top:177px}.stage-bottom{left:12px;right:12px}.brand{font-size:17px}.readout-value{font-size:30px}}
@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr) 255px;grid-template-rows:minmax(380px,1fr) 264px}.exhibit{grid-column:1;grid-row:1}.insights{grid-column:2;grid-row:1 / 3}.controls{grid-column:1;grid-row:2;border-top:1px solid var(--line);border-right:1px solid var(--line)}.mast{height:65px;flex-basis:65px}.layout{height:calc(100dvh - 65px);min-height:650px}.stage-caption h1{font-size:30px}.view-toolbar{top:auto;bottom:74px;left:15px;right:15px;max-width:none;justify-content:flex-start}.drag-instruction{display:none}}
@media(max-width:600px){.mast{height:54px;flex-basis:54px;padding:0 13px;gap:10px}.symbol{width:33px;height:33px;font-size:24px}.brand{font-size:15px;letter-spacing:1.5px}.eyebrow{font-size:7px;letter-spacing:.6px}.mast-right{display:none}.layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(350px,49dvh) auto auto;height:auto;min-height:0;overflow:visible}.exhibit{grid-column:1;grid-row:1;min-height:350px}.controls{grid-column:1;grid-row:2;min-height:0;overflow-y:auto;padding:0 15px 18px;border-right:0;border-top:1px solid var(--line)}.insights{grid-column:1;grid-row:3;border-left:0;border-top:1px solid var(--line);padding:20px 17px}.panel-header{position:sticky;z-index:8;top:0;background:#0b1b27;padding:13px 0;margin:0;min-height:66px}.panel-header h2{font-size:15px;margin:2px 0}.panel-header .small-button{display:block;padding:8px;font-size:10px}.control-contents.collapsed{display:none}.setting{padding:12px 0}.section-line{margin-bottom:9px}.stage-top{left:13px;top:13px;right:12px}.technical-index{font-size:8px}.stage-caption h1{font-size:27px;margin:9px 0}.stage-caption p{font-size:10px;max-width:230px}.stage-status{font-size:8px;padding:5px}.view-toolbar{bottom:54px;left:10px;right:10px;gap:3px;justify-content:flex-start}.view-toolbar button{font-size:9px;padding:7px 8px}.stage-bottom{bottom:13px;left:12px}.scale{font-size:8px}.drag-instruction{display:none}.readout-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.readout{padding:15px 0}.readout-value{font-size:25px}.readout-label{display:none}.insight-header h2{font-size:19px}.insight-header p{margin-bottom:10px}.conditions{display:grid;grid-template-columns:1fr;gap:0}}
@media(max-width:600px){body.embed-mode .layout{height:100dvh;grid-template-rows:minmax(270px,1fr) 218px 0px;overflow:hidden}body.embed-mode .insights{display:none}body.embed-mode .controls{overflow-y:auto;min-height:0}body.embed-mode .exhibit{min-height:270px}body.embed-mode .panel-header{min-height:55px}body.embed-mode .stage-caption h1{font-size:24px}}