:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111b;--panel:#061222d6;--panel-strong:#0a1c32f0;--line:#73b8ff38;--line-strong:#62c9ff6b;--text:#eef7ff;--muted:#9db4c9;--cyan:#45d9ff;--blue:#2f8dff;--green:#66d765;--orange:#ff9d32;--red:#ff5c53;--violet:#b893ff}*{box-sizing:border-box}body{min-height:760px;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 52% 42%,#54a0d233,#0000 38%),linear-gradient(#0b1b2a 0%,#07111b 58%,#040b13 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}#app{background-image:linear-gradient(#4893dc09 1px,#0000 1px),linear-gradient(90deg,#4893dc09 1px,#0000 1px);background-size:40px 40px;border:1px solid #50a0eb29;grid-template-rows:90px minmax(0,1fr) 72px;height:100vh;display:grid}.topbar,.statusbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020a15e0;align-items:center;display:flex}.topbar{justify-content:space-between;padding:10px 22px 10px 12px}.brand{align-items:center;gap:18px;min-width:520px;display:flex}.brand h1{margin:0;font-size:25px;font-weight:760;line-height:1.12}.brand p{color:var(--muted);margin:6px 0 0;font-size:16px}.brand-mark{border:1px solid var(--line);background:linear-gradient(145deg,#0f2b4beb,#05111fdb);border-radius:8px;width:88px;height:72px;position:relative;box-shadow:inset 0 0 34px #46d9ff14}.brand-mark span{background:var(--cyan);border-radius:999px;width:46px;height:2px;position:absolute;top:34px;left:21px;box-shadow:0 0 16px #45d9ffe6}.brand-mark span:first-child{transform:rotate(0)}.brand-mark span:nth-child(2){transform:rotate(60deg)}.brand-mark span:nth-child(3){transform:rotate(-60deg)}.system-strip{border:1px solid #5498da29;border-radius:8px;grid-template-columns:repeat(4,max-content);gap:0;display:grid;overflow:hidden}.strip-item{background:#020c196b;border-left:1px solid #5498da29;min-width:160px;padding:12px 18px}.strip-item:first-child{border-left:0}.strip-item small{color:#bfd0df;font-size:12px;display:block}.strip-item strong{margin-top:4px;font-size:14px;display:block}.strip-item.ok strong,.statusbar small,.status-pill{color:var(--green)}.dot{background:var(--green);border-radius:999px;width:12px;height:12px;margin-right:8px;display:inline-block;box-shadow:0 0 18px #66d765e6}.workspace{grid-template-columns:228px minmax(660px,1fr) 408px;min-height:0;display:grid}.sidebar,.metrics-panel{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#08182bed,#030c18f0)}.sidebar{scrollbar-color:#45d9ff5c transparent;padding:10px 10px 8px;overflow:hidden auto}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar button{color:#c5d2df;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;height:28px}.nav-main,.tree-heading{align-items:center;gap:9px;min-height:44px;padding:0 10px;font-weight:740;display:flex}.nav-main-row{align-items:center;gap:8px;display:flex}.nav-main-row .nav-main{flex:1;min-width:0}.nav-main.unavailable{opacity:.48}.nav-main.unavailable .nav-icon{filter:none}.nav-main.active,.tree-heading.active,.tree-section>button:not(.tree-heading).active,.device-tree-button.active{color:#dff8ff;box-shadow:inset 3px 0 0 var(--cyan);background:linear-gradient(90deg,#2d8dff42,#45d9ff12)}.nav-main.hovered,.tree-heading.hovered,.tree-section>button:not(.tree-heading).hovered,.device-tree-button.hovered,.mode-chip.hovered{color:#f0fbff;background:linear-gradient(90deg,#45d9ff2e,#7edbff0d);outline:1px solid #7edbff61;box-shadow:0 0 16px #45d9ff1f}.nav-icon{width:20px;color:var(--cyan);text-align:center;filter:drop-shadow(0 0 8px #45d9ffcc)}.tree-section{padding:2px 0 6px}.tree-section>button:not(.tree-heading){padding-left:52px;font-size:12px;position:relative}.tree-section>button:not(.tree-heading):before{content:"";background:#a0bfda47;width:1px;height:100%;position:absolute;top:0;left:25px}.tree-section>button:not(.tree-heading):after{content:"";background:#a0bfda47;width:15px;height:1px;position:absolute;top:50%;left:25px}.tree-section button span:last-child:not(.chevron):empty{background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:12px;box-shadow:0 0 10px #66d765b3}.chevron{color:#d9e8f4;margin-left:auto}.device-tree{gap:5px;padding-bottom:12px;display:grid}.device-root{min-width:0}.device-root-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.device-root-row .tree-heading{min-width:0}.device-tree-button{min-width:0;padding-right:18px;padding-left:calc(14px + min(var(--depth), 5) * 12px);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex;position:relative}.device-tree-button.tree-heading{min-height:40px;padding-left:9px;padding-right:8px;font-size:13px}.device-tree-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.device-state{background:var(--green);border-radius:50%;width:7px;height:7px;position:absolute;right:7px;box-shadow:0 0 9px #66d765b8}.device-root-row .device-state{display:none}.tree-collapse{flex:none;color:#d9e8f4!important;text-align:center!important;border:1px solid #60b2ff33!important;width:28px!important;height:28px!important}.tree-collapse:hover{background:#45d9ff1a!important;border-color:#45d9ff94!important}.device-root.collapsed .device-root-children{display:none}.device-tree-button.unavailable{opacity:.42;cursor:not-allowed}.stage{background:radial-gradient(circle at 50% 35%,#62b1d629,#0000 38%),linear-gradient(#0918268a,#050c14f0);min-width:0;position:relative;overflow:hidden}#scene-root{position:absolute;inset:0}#scene-root canvas,#scene-root .label-layer{display:block}#scene-root canvas{cursor:grab}#scene-root canvas:active{cursor:grabbing}.scene-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #00000061}.compass{color:#d6e9fb;opacity:.86;width:92px;height:92px;position:absolute;top:30px;right:30px}.compass span{font-size:11px;font-weight:700;position:absolute}.compass span:first-child{top:0;left:39px}.compass span:nth-child(2){top:38px;right:1px}.compass span:nth-child(3){bottom:0;left:40px}.compass span:nth-child(4){top:38px;left:0}.compass div{border:1px solid #b0d3f24d;position:absolute;inset:22px;transform:rotate(45deg)}.scene-toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051221bd;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:22px;left:24px}.tool,#reset-view{cursor:pointer;background:#0c223bd1;border:1px solid #60b2ff47;border-radius:6px;width:34px;height:34px}.tool.active,#reset-view:hover{border-color:#45d9ffb8;box-shadow:0 0 16px #45d9ff47}.switch{cursor:pointer;align-items:center;display:flex}.switch input{opacity:0;position:absolute}.switch span{background:#0c223bd1;border:1px solid #60b2ff47;border-radius:999px;width:42px;height:22px;position:relative}.switch span:after{content:"";background:#8fa4b8;border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:4px;left:4px}.switch input:checked+span:after{background:var(--cyan);transform:translate(20px);box-shadow:0 0 12px #45d9ffe6}.nav-switch{flex:none;padding-right:2px}.nav-switch span{width:38px;height:20px}.nav-switch span:after{width:10px;height:10px}.nav-switch input:checked+span:after{transform:translate(18px)}.legend{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051221c2;border-radius:8px;min-width:186px;padding:12px 14px;font-size:12px;position:absolute;bottom:72px;right:20px}.legend div{align-items:center;gap:10px;margin:8px 0;display:flex}.legend span{border-radius:999px;width:22px;height:3px;box-shadow:0 0 10px}.legend .primary{background:var(--orange);color:var(--orange)}.legend .cleaning{background:var(--cyan);color:var(--cyan)}.legend .storage{background:var(--green);color:var(--green)}.legend .distribution{background:var(--blue);color:var(--blue)}.hint{color:#c9d8e7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020b16b8;border:1px solid #7cbcf757;border-radius:8px;align-items:center;gap:12px;max-width:620px;padding:12px 18px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint span{color:#f7fbff}.metrics-panel{border-left:1px solid var(--line);border-right:0;padding:16px 14px;overflow:hidden}.panel-head{background:#09192da3;border:1px solid #60b2ff2e;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 12px;display:flex}.panel-head small{color:var(--muted);font-size:11px}.panel-head h2{margin:5px 0 4px;font-size:20px;line-height:1.1}.panel-head p{color:#9fb1c2;margin:0;font-size:12px}.status-pill{background:#174d3042;border:1px solid #66d76533;border-radius:999px;align-items:center;margin:12px 0;padding:8px 12px;font-weight:700;display:inline-flex}.mode-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;display:grid}.mode-chip{cursor:pointer;background:#1645718f;border:1px solid #45d9ff57;border-radius:6px;height:34px}.mode-chip.active{background:linear-gradient(135deg,#2481ffcc,#30c6ff75)}.device-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;font-size:11px;display:flex}.device-meta span:last-child{text-align:right}.metric-list{gap:10px;max-height:calc(100vh - 300px);padding-right:2px;display:grid;overflow:auto}.metric-loading{color:var(--muted);text-align:center;padding:18px 10px}.metric-loading.error{color:var(--red)}.metric-card{background:#08172abf;border:1px solid #60b2ff2b;border-radius:8px;grid-template-columns:38px minmax(0,1fr) 104px;align-items:center;gap:10px;min-height:58px;padding:9px 10px;display:grid}.metric-index{color:#7edbff;background:#297dcd3d;border-radius:6px;place-items:center;width:34px;height:34px;font-size:20px;font-weight:800;display:grid}.metric-card small{color:#a9b9c9;font-size:12px;display:block}.metric-card strong{margin-top:3px;font-size:22px;line-height:1.05;display:block}.metric-card svg{width:100px;height:34px}.metric-card path{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.label{color:#e9f7ff;pointer-events:none;background:#040f1cdb;border:1px solid #aedaf085;border-radius:6px;min-width:128px;padding:8px 10px;font-size:12px;transform:translate(-50%,-100%);box-shadow:0 8px 26px #00000052}.label strong{font-size:13px;display:block}.label small{color:#91e5ff;display:block}.selection-label{min-width:180px;max-width:min(360px,100vw - 40px);transition:opacity .14s}.selection-label small{color:#9ccbe2;white-space:normal;margin-top:3px}.statusbar{border-top:1px solid var(--line);border-bottom:0;gap:10px;padding:8px 12px}.status-cell,.health{background:#071627b8;border:1px solid #60b2ff2e;border-radius:8px;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.status-cell strong,.health strong{font-size:13px;display:block}.status-cell small,.health small{margin-top:3px;font-size:11px;display:block}.signal{color:var(--cyan);filter:drop-shadow(0 0 9px #45d9ffe6)}.timeline{color:#a8bbc9;flex:1;grid-template-columns:repeat(7,1fr);align-items:start;height:52px;padding-top:12px;font-size:12px;display:grid;position:relative}.timeline span{text-align:center}.timeline .now{color:#fff;background:#2f8dffd1;border-radius:5px;justify-self:center;margin-top:-5px;padding:2px 5px}.track{background:#829ab26b;border-radius:999px;height:4px;position:absolute;bottom:12px;left:22px;right:22px}.track i{border-radius:inherit;background:var(--green);width:58%;height:100%;display:block;box-shadow:0 0 12px #66d765b3}.health{margin-left:auto}.health b{border:4px solid var(--green);border-radius:50%;place-items:center;width:48px;height:48px;font-size:13px;display:grid}@media (width<=1280px){.workspace{grid-template-columns:214px minmax(560px,1fr) 360px}.system-strip{grid-template-columns:repeat(4,max-content)}.strip-item{min-width:128px;padding:8px 12px}}@media (width>=1181px){body{min-width:1180px}}@media (width<=820px){body{min-height:0;overflow:auto}#app{grid-template-rows:auto auto auto;height:auto;min-height:100vh}.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:10px}.brand{gap:12px;width:100%;min-width:0}.brand-mark{flex:none;width:58px;height:54px}.brand-mark span{width:34px;top:26px;left:12px}.brand h1{font-size:18px}.brand p{font-size:13px}.system-strip{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.strip-item{min-width:0}.workspace{flex-direction:column;display:flex}.sidebar{display:none}.stage{height:62vh;min-height:520px}.metrics-panel{border-left:0;border-top:1px solid var(--line)}.metric-list{max-height:none}.scene-toolbar{top:10px;left:10px}.compass{transform-origin:100% 0;top:16px;right:10px;transform:scale(.78)}.legend{min-width:164px;bottom:82px;right:10px}.hint{max-width:none;font-size:13px;bottom:16px;left:10px;right:10px;transform:none}.label[data-label-for=reactor],.label[data-label-for=mainPumps]{display:none}.statusbar{flex-wrap:wrap;height:auto}.status-cell,.health{flex:180px}.timeline{flex:100%;order:5}}