:root{--bg:#07111e;--deep:#081421;--ink:#eff5f7;--muted:#96a9bc;--rule:#243b4c;--teal:#66ead9;--gold:#eebc75;--card:#101f2d;--panel:#0d1a28;--control:#152635;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,Helvetica,sans-serif}body{overflow-x:hidden}button,input,select{font:inherit}button,select{outline-offset:2px}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--teal)}button{border:1px solid #37556a;background:#183249;color:#e5f6fb;cursor:pointer;transition:background .17s,border-color .17s}button:hover{background:#24506a;border-color:#76c4d7}button:disabled{opacity:.46;cursor:default}#app{min-height:100vh;display:flex;flex-direction:column;min-width:0}.site-head{background:linear-gradient(115deg,#0a1625 6%,#102338 70%,#081421);border-bottom:1px solid #294456;display:flex;align-items:center;gap:34px;padding:14px 26px;min-height:105px}.ident{display:flex;gap:13px;align-items:center;min-width:170px}.mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #50aaab;background:#102f39;color:#72ffdb;border-radius:10px;font-size:27px}.eyebrow{font-size:9px;letter-spacing:1.65px;color:#97b1c2;font-weight:800}.brand{font-size:23px;font-weight:900;letter-spacing:2.8px;color:#f3f6f4}.brand span{font-weight:300;color:#8cece1}.heading{flex:1;min-width:0}.heading h1{margin:0;color:#e9f2f8;font-size:clamp(19px,1.8vw,29px);line-height:1.18;letter-spacing:-.65px}.heading h1 em{font-style:normal;color:#80dfd6}.heading p{margin:6px 0 0;color:#a4b9ca;font-size:12px}.top-stat{white-space:nowrap;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#a7efde;display:flex;align-items:center;gap:9px}.top-stat small{display:block;color:#718ea3;font-size:9px;letter-spacing:.8px}.green-dot,.tiny-dot{background:#77ebcc;box-shadow:0 0 10px #67ead7;display:inline-block;width:7px;height:7px;border-radius:50%}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 366px;flex:1;min-height:0}.stage{position:relative;background:radial-gradient(ellipse at 45% 32%,#1b3446 0,#0a1726 56%,#060e18 100%);display:flex;flex-direction:column;min-width:0;min-height:570px;overflow:hidden}.stage-topline{display:flex;justify-content:space-between;align-items:center;color:#95b1c7;font-size:10px;font-weight:800;letter-spacing:1.75px;padding:17px 23px 5px;position:relative;z-index:3}.stage-topline span:last-child{font-size:10px;font-weight:600;color:#68dbc8;letter-spacing:.3px}.stage-actions{position:absolute;z-index:4;left:23px;top:48px;display:flex;gap:7px;flex-wrap:wrap;max-width:85%}.stage-actions button{padding:7px 10px;font-size:11px;border-radius:5px;background:#102537cb;backdrop-filter:blur(5px)}.stage-actions button:hover{background:#264960}.canvas-frame{position:relative;flex:1;min-height:380px}#view,#overlay{display:block;width:100%;height:100%;position:absolute;inset:0}#view{touch-action:none;cursor:grab}#view:active{cursor:grabbing}#overlay{pointer-events:none}.axis-widget{position:absolute;bottom:30px;right:26px;width:72px;height:72px;border-radius:50%;border:1px solid #4b6b78;background:#0c2333b0;display:flex;justify-content:space-around;align-items:center;font-weight:800;font-size:12px}.axis-x{color:#ef958b}.axis-y{color:#89ddb8}.axis-z{color:#87adee}.stage-legend{position:absolute;bottom:35px;left:25px;font-size:10px;letter-spacing:.25px;color:#b5cbd5;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:75%}.swatch{width:6px;height:6px;display:inline-block;border-radius:50%}.swatch.cyan{background:#79dce4}.swatch.gold{background:#eebc75}.swatch.lilac{background:#bea7ec}.part-label{position:absolute;padding:9px 12px;background:#051421e9;border:1px solid #75c9d9;border-left:3px solid #76e4d1;max-width:225px;color:#e7f5fa;font-size:11px;box-shadow:0 5px 20px #0008;pointer-events:none;z-index:5}.stage-footer{height:35px;padding:8px 23px;border-top:1px solid #2c4453;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.7px;color:#9db7c3;gap:14px}.stage-footer b{color:#f6f4ef}.separator{margin:0 8px;color:#486474}.panel{min-width:0;max-width:100%;background:var(--panel);border-left:1px solid #31475a;display:flex;flex-direction:column;max-height:calc(100vh - 105px);min-height:0}.panel-head{padding:17px 19px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #294150;min-height:79px;background:#112232}.panel-head small{letter-spacing:2.3px;color:#62cec6;font-size:9px;font-weight:900}.panel-head h2{margin:2px 0 0;font-size:17px;font-weight:700}.panel-issue{border:1px solid #42616c;color:#9bc8cb;font-size:9px;padding:5px 7px;letter-spacing:1px}.panel-scroll{overflow-y:auto;overflow-x:hidden;scrollbar-color:#456479 #102332;scrollbar-width:thin}.control-block{padding:15px 19px 17px;border-bottom:1px solid #283f50}.block-title{display:flex;align-items:center;justify-content:space-between;color:#e8eff6;font-size:11px;font-weight:800;letter-spacing:1.25px;margin-bottom:14px}.block-title span{color:#7399a9;font-size:9px;letter-spacing:.9px}.modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.modes button{font-size:10px;padding:9px 3px;border-radius:4px;color:#bed5e0;line-height:1.1}.modes button.active{background:#214d55;border:1px solid #71d7cb;color:#aaffed}.control-row{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#c2d2db;font-size:11px;margin:14px 0 5px}.control-row output{color:#abedf1;font-variant-numeric:tabular-nums;font-weight:700}.hint{font-size:10px;line-height:1.55;color:#8da9b9;margin:10px 0 0}.inline-label{display:block;font-size:10px;color:#a6c0cd;margin:10px 0 5px}select{width:100%;background:#1b3344;border:1px solid #3e5b6e;color:#eaf3f8;border-radius:4px;padding:8px;font-size:11px;max-width:100%}select option{background:#112638}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:5px;border-radius:5px;background:#294858;outline:none;cursor:pointer;accent-color:#73e7d4}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#78efdd;border:3px solid #0e3945;border-radius:50%;box-shadow:0 0 0 1px #77c8cd}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#78efdd;border:2px solid #0e3945;border-radius:50%}.inspect-card{margin-top:12px;border:1px solid #304b59;background:#112536;padding:11px 12px;min-height:93px}.inspect-tag{color:#68d8d0;font-size:9px;font-weight:800;letter-spacing:1.3px}.inspect-card strong{display:block;font-size:12px;margin:6px 0 3px}.inspect-card p{font-size:11px;color:#a8c0c9;line-height:1.45;margin:0}.button-cluster{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pill-button{border-radius:5px;padding:9px 7px;font-size:10px;font-weight:750;background:#1c5860;border:1px solid #3ba9a9;white-space:normal}.pill-button.secondary{background:#1a2e40;border-color:#426175}.small-button{background:#1e4152;color:#deeff1;border-radius:4px;padding:5px 9px;font-size:10px}.metric-grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{background:#142a3a;border:1px solid #28475b;border-radius:4px;padding:10px}.metric label{display:block;font-size:10px;color:#96b3c5;line-height:1.3}.metric strong{display:block;color:#c7fff0;font-weight:760;font-size:23px;letter-spacing:-.6px;line-height:1.3;margin-top:3px;font-variant-numeric:tabular-nums}.metric small{color:#78a6b4;font-size:9px}.crosscheck{margin-top:9px;background:#13293a;border-left:3px solid #7edccb;padding:11px}.crosscheck span{font-size:9px;letter-spacing:1px;color:#98c8ce;display:block;font-weight:800}.crosscheck strong{font-size:14px;color:#e4f7eb;display:block;margin:3px 0}.crosscheck small{font-size:10px;color:#9ab7c5}.group-checkboxes{display:grid;gap:6px}.group-checkboxes label{display:flex;gap:8px;align-items:center;color:#b7cdd8;font-size:10px;padding:4px 3px;cursor:pointer}.group-checkboxes input{accent-color:#71e0d1}.group-checkboxes label span{flex:1}.science{padding:14px 19px 18px;border-bottom:1px solid #2e4e59}.science summary{cursor:pointer;font-size:12px;font-weight:850;list-style:none;color:#cafff3}.science summary::-webkit-details-marker{display:none}.science summary:before{content:'▸';margin-right:9px;color:#75edce}.science[open] summary:before{content:'▾'}.science summary span{float:right;font-size:9px;letter-spacing:1px;color:#85b5c5}.science-content{font-size:11px;line-height:1.6;color:#b0c6d2}.science-content p{margin:10px 0}.science-content b{color:#e2eef2}.formula{font-family:Consolas,monospace;color:#bdf9ef;background:#102c3c;padding:7px 9px;border:1px solid #2e5162;white-space:normal;overflow-wrap:anywhere}.disclaimer{color:#ffdda5!important}.footnote{color:#678b9d;font-size:9px;line-height:1.5;letter-spacing:1px;padding:15px 20px 27px}.embed-mode{height:100vh;height:100dvh;overflow:hidden}.embed-mode #app{height:100%;min-height:0}.embed-mode .site-head{display:none}.embed-mode .workbench{min-height:0;overflow:hidden}.embed-mode .panel{max-height:100%;height:100%}.embed-mode .stage{min-height:0}.embed-mode .canvas-frame{min-height:0}
@media(max-width:1100px){.workbench{grid-template-columns:minmax(0,1fr) 330px}.heading p{display:none}.top-stat small{display:none}.site-head{gap:18px;padding:14px 18px}.stage-actions{left:14px}}
@media(max-width:700px){.site-head{min-height:83px;gap:10px;padding:10px 13px}.ident{min-width:auto;gap:7px}.mark{width:31px;height:31px;font-size:20px}.brand{font-size:17px;letter-spacing:1.1px}.eyebrow{font-size:7px;letter-spacing:.5px}.heading h1{font-size:14px;letter-spacing:-.1px}.top-stat{display:none}.workbench{display:flex;flex-direction:column;min-height:0}.stage{height:58vh;min-height:385px;flex:none}.canvas-frame{min-height:235px}.stage-topline{padding:10px 13px 4px;font-size:9px}.stage-actions{top:35px;left:10px;gap:4px;max-width:calc(100% - 20px)}.stage-actions button{font-size:13px;padding:4px 7px}.stage-actions button span{display:none}.stage-legend{font-size:9px;bottom:14px;left:11px;max-width:82%;gap:5px}.axis-widget{right:10px;bottom:16px;width:44px;height:44px;font-size:9px}.stage-footer{font-size:9px;padding:7px 12px;height:31px}.stage-footer>div:last-child{display:none}.panel{border-left:0;border-top:1px solid #31475a;max-height:none;flex:1;min-height:260px}.panel-head{min-height:60px;padding:9px 13px}.panel-head h2{font-size:14px}.panel-issue{font-size:8px}.panel-scroll{overflow:visible}.control-block{padding:12px 14px}.embed-mode .stage{height:auto;min-height:0;flex:1}.embed-mode .panel{height:235px;max-height:235px;min-height:235px;flex:none;overflow:hidden}.embed-mode .panel-head{min-height:45px;padding:6px 13px}.embed-mode .panel-scroll{overflow-y:auto;overscroll-behavior:contain}.embed-mode .canvas-frame{min-height:0}.embed-mode .stage-footer{height:29px}.embed-mode .site-head{display:none}}
@media(max-width:410px){.heading h1{font-size:12px}.brand{font-size:15px}.stage{height:54vh}.stage-topline{font-size:8px}.stage-legend{font-size:8px}.modes button{font-size:9px}.stage-actions{max-width:70%}}