:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8eefb;--muted:#9ba8c2;--line:#26334d;--panel:#0a0f1cd6;--accent:#8ee7c8;--accent2:#8aa7ff;--warn:#ffb27a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#080a12;margin:0;font:13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}body{overflow-x:hidden}button,select,input{font:inherit;color:inherit;border:1px solid var(--line);background:#111a2c;border-radius:8px;padding:8px 10px}button{cursor:pointer}button:hover,select:focus,input:focus{border-color:var(--accent)}button:disabled{opacity:.45;cursor:wait}#node-environment-app{min-height:100vh;position:relative}#scene-shell{z-index:0;background:radial-gradient(circle at 50% 30%,#244b68 0,#101d32 38%,#080a12 78%);position:fixed;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.node-hud{z-index:1;background:linear-gradient(90deg,#080a1200 0,#080a12ad 8%,#080a12eb 28%,#080a12f7 100%);width:min(790px,100vw - 28px);min-height:100vh;margin:0 0 0 auto;padding:22px 22px 44px;position:relative}.back-link{color:var(--accent);text-decoration:none}.eyebrow{color:var(--accent2);letter-spacing:.16em;margin-top:22px;font-size:11px}.node-hud h1{max-width:620px;margin:8px 0 10px;font-size:clamp(28px,4vw,50px);line-height:1.02}.intro{color:#c1cde1;max-width:660px;font-size:14px}.status-panel,.control-card,.readout-card,.timing-card,.contract-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px #0003}.status-panel{margin:18px 0;padding:14px}.status-line,.card-heading,.check-row,.button-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-pill,.backend-pill{align-items:center;gap:7px;display:inline-flex}.status-pill i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 14px var(--accent);border-radius:50%}.backend-pill{color:var(--accent2);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.status-detail,.card-detail,.study-note,.source-note{color:var(--muted)}.status-detail{margin:8px 0 12px}.metrics{gap:8px;margin:0;display:grid}.metrics-four{grid-template-columns:repeat(4,1fr)}.metrics-three{grid-template-columns:repeat(3,1fr)}.metrics-six{grid-template-columns:repeat(6,1fr)}.metrics div{min-width:0}.metrics dt{color:#7887a4;text-transform:uppercase;letter-spacing:.09em;font-size:10px}.metrics dd{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin:2px 0 0;overflow:hidden}.control-card,.readout-card,.timing-card{margin:12px 0;padding:14px}.card-heading{color:var(--accent);margin-bottom:10px;font-size:12px}.card-heading span{color:#7887a4;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.select-row{grid-template-columns:1fr 1.45fr;align-items:center;gap:12px;margin:7px 0;display:grid}.select-row span,.range-row span{color:#aebbd1}.select-row select{width:100%}.range-row{grid-template-columns:1fr 1.45fr;align-items:center;gap:12px;margin:7px 0;display:grid}.range-row output{float:right;color:var(--accent2);font-variant-numeric:tabular-nums}.range-row input{width:100%;height:6px;accent-color:var(--accent);padding:0}.check-row{color:#aebbd1;flex-wrap:wrap;justify-content:flex-start;margin-top:12px}.check-row label{align-items:center;gap:7px;display:flex}.button-row{flex-wrap:wrap;justify-content:flex-start;margin-top:12px}.button-row button:first-child{color:#06131a;background:var(--accent);border-color:var(--accent)}.resource-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.readout-card{margin:0}.readout-card .metrics{margin-top:4px}.contract-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;display:grid}.contract-card{opacity:.62;padding:12px;transition:all .2s}.contract-card.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 1px #8ee7c847,0 16px 34px #0003}.contract-card strong{font-size:12px;display:block}.contract-card span{color:var(--accent2);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:10px;display:block}.contract-card p{color:var(--muted);margin:8px 0 0;font-size:11px}.graph{color:#aebbd1;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;font-size:11px;display:flex}.graph i{background:linear-gradient(90deg,var(--accent2),var(--accent));width:28px;height:1px;display:block;position:relative}.graph i:after{content:"";border-left:5px solid var(--accent);border-top:3px solid #0000;border-bottom:3px solid #0000;position:absolute;top:-3px;right:0}.graph b{color:var(--warn);text-transform:uppercase;font-size:10px}.study-note{margin:6px 0;font-size:12px}.source-note{font-size:11px}.source-note a{color:var(--accent)}.footer-note{color:#596782;letter-spacing:.12em;font-size:10px}.error-panel{color:#ffd9c5;background:#5a19128c;border:1px solid #8b3d2a;border-radius:10px;margin-top:12px;padding:12px}.error-panel p{margin:6px 0 0}.error-panel[hidden]{display:none}@media (width<=1100px){.node-hud{background:linear-gradient(#080a12db,#080a12f5 18%,#080a12fa);width:min(820px,100%);margin:0 auto;padding:18px 16px 36px}.resource-grid,.contract-grid{grid-template-columns:repeat(2,1fr)}.metrics-six{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){.metrics-four,.metrics-three,.metrics-six,.resource-grid,.contract-grid{grid-template-columns:repeat(2,1fr)}.select-row,.range-row{grid-template-columns:1fr}.check-row{flex-direction:column;align-items:flex-start}.node-hud h1{font-size:34px}}