:root{color-scheme:dark;--bg:#080e12;--panel:#0d161c;--line:#23313a;--muted:#899ba5;--text:#eaf2f3;--orange:#ff833f;--teal:#43d5c1;--yellow:#d5b76c;--red:#f27f83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.shell{height:100dvh;min-height:680px;padding:0 32px;display:flex;flex-direction:column;max-width:2100px;margin:auto}header{height:86px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;text-decoration:none;color:inherit;gap:22px}.brand-mark{font-size:44px;font-weight:800;letter-spacing:-4px;color:var(--orange);line-height:1}.brand-mark span{font-size:13px;letter-spacing:0;margin-left:3px}.brand-copy{font-size:21px;font-weight:700;letter-spacing:3px;border-left:1px solid var(--line);padding-left:22px}.brand-copy small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin-top:3px}.header-right{display:flex;align-items:center;gap:22px}.public-label{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font:10px/1.2 ui-monospace,monospace;letter-spacing:.6px;border:1px solid currentColor;border-radius:4px}.badge:before{content:'●';font-size:7px}.LIVE{color:var(--teal)}.SNAPSHOT{color:#9eb6d3}.STALE{color:var(--yellow)}.UNKNOWN{color:#87949d}.OFFLINE{color:var(--red)}#present{border:1px solid #33414a;border-radius:5px;background:#111c24;padding:9px 13px;font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;padding:26px 0 22px}.eyebrow{font:9px/1.3 ui-monospace,monospace;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(20px,1.75vw,32px);letter-spacing:-.8px;margin:6px 0 0;font-weight:500}h1 em{font-style:normal;color:var(--muted)}.refresh{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted)}.refresh b{font-weight:500;color:var(--text)}.refresh small{display:block;font-size:9px;margin-top:3px}#heartbeat{width:7px;height:7px;border-radius:50%;background:#68737b}#heartbeat.alive{background:var(--teal);box-shadow:0 0 9px #43d5c144}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;margin-bottom:18px;background:linear-gradient(110deg,#142027,#10181d)}.metrics article{padding:16px 24px;position:relative;border-right:1px solid var(--line);display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 12px}.metrics article:last-child{border:0}.metrics article>span{font:9px ui-monospace,monospace;letter-spacing:1.2px;color:#b4c4cb}.metrics strong{grid-column:2;grid-row:1/3;justify-self:end;font-size:36px;line-height:1;font-weight:500;letter-spacing:-1px}.metrics small{font-size:10px;color:var(--muted)}.metrics .status-metric strong{font-size:22px;color:var(--teal);letter-spacing:1px}main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:minmax(0,1fr) 132px;gap:16px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--panel);min-width:0;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 0;gap:12px}h2{font-size:15px;font-weight:500;margin:4px 0 0;letter-spacing:-.2px}.hint{font-size:9px;color:var(--muted)}.network{display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 50%,#17302e55,transparent 45%),#0d161c}.graph{flex:1;min-height:0;position:relative;margin:0 10px}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connections path{fill:none;stroke:#27544f;stroke-width:1;vector-effect:non-scaling-stroke}.connections path.highlight{stroke:#45cab8;stroke-width:2}.connections path.event{stroke:var(--teal);stroke-width:2.5;stroke-dasharray:8 18;animation:flow 1.2s linear 2}@keyframes flow{to{stroke-dashoffset:-104}}.cluster{position:absolute;width:28%;padding:10px 13px;background:#0d181ff0;border:1px solid #26383f;border-radius:7px;z-index:1}.cluster-title{font:8px ui-monospace,monospace;letter-spacing:1.5px;color:#738e9a;margin-bottom:8px}.intelligence{left:3%;top:3%}.delivery{left:3%;top:36%}.platforms{left:3%;bottom:3%}.workflow{right:3%;top:3%}.operations{right:3%;top:33%}.foundation{right:3%;bottom:3%}.nodes{display:flex;flex-wrap:wrap;gap:6px}.node{border:0;border-radius:3px;padding:5px 7px;background:#18262e;display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap;transition:background .2s}.node:hover{background:#263d46}.node b{font-size:7px;font-weight:normal}.node.event{box-shadow:0 0 0 1px var(--teal),0 0 14px #43d5c150}.core{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;border:1px solid #a75630;background:radial-gradient(circle at 50% 20%,#432f23,#162023 73%);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 50px #ff833f0b;gap:7px}.core-orbit{position:absolute;inset:-12px;border:1px solid #a7563033;border-radius:50%;pointer-events:none}.core-orbit:after{content:'';position:absolute;inset:-13px;border:1px dashed #35534e77;border-radius:50%}.core-icon{font-size:42px;line-height:1;font-weight:800;letter-spacing:-3px;color:var(--orange)}.core-icon span{font-size:10px;letter-spacing:0}.core strong{font-size:14px;font-weight:500}.core-sub{font:7px ui-monospace,monospace;letter-spacing:1.6px;color:#b19a88}.core .badge{font-size:8px;padding:3px 6px}.network-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid #1a2a31;font-size:8px;color:var(--muted);min-height:34px}.legend{display:flex;gap:9px;white-space:nowrap}.event-panel{display:flex;flex-direction:column}.signal-mark{color:var(--teal);font-size:28px}.event-intro{font-size:10px;color:var(--muted);margin:13px 20px 10px;line-height:1.6}#events{list-style:none;margin:0;padding:0 20px;overflow:auto;flex:1;scrollbar-width:thin}#events li{padding:9px 0;border-bottom:1px solid #1e2c34;display:grid;grid-template-columns:6px 1fr;gap:0 10px}#events li:before{content:'';width:5px;height:5px;border-radius:50%;background:#45b7a7;margin-top:5px}#events strong{font-weight:400;font-size:11px}#events time{font:9px ui-monospace,monospace;color:var(--muted);grid-column:2;margin-top:3px}.coverage{margin:12px 16px 15px;padding:10px;border:1px solid #72613b44;border-radius:5px;color:var(--yellow);font-size:9px;background:#28231755}.pipeline{grid-column:1}.stages{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;padding:15px 20px}.stage{border-top:2px solid #3b4c56;padding-top:8px;min-width:0;display:flex;flex-direction:column;gap:3px}.stage strong{font-size:21px;line-height:1;font-weight:400}.stage span{font:8px ui-monospace,monospace;letter-spacing:.1px}.stage.running{border-color:#58a9e7}.stage.done{border-color:#43ba9d}.stage.waiting{border-color:#caa662}.stage.blocked{border-color:#cb6c72}.timeline .panel-heading{padding-top:15px}.timeline h2{font-size:14px}.timeline .hint{font-size:8px;max-width:78px;text-align:right}.bars{height:41px;display:flex;align-items:end;gap:4px;margin:12px 20px 0;border-bottom:1px solid #29403f}.bar{flex:1;background:#3eb5a4;min-height:2px;border-radius:2px 2px 0 0;opacity:.75}.bar.zero{background:#2b4145;opacity:.5}.axis{display:flex;justify-content:space-between;margin:5px 20px 0;color:var(--muted);font:7px ui-monospace,monospace}footer{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#738993;flex-shrink:0}footer b{font-weight:500;letter-spacing:1px;color:#a2b3ba}#warning{color:var(--yellow)}dialog{width:min(440px,calc(100% - 36px));background:#111f26;color:var(--text);border:1px solid #42616a;border-radius:12px;padding:30px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#02080cbb;backdrop-filter:blur(4px)}dialog h2{font-size:27px;margin:12px 0}dialog p{color:#afc1c9;font-size:13px;line-height:1.7}#close-details{position:absolute;right:12px;top:8px;background:none;border:0;font-size:26px;color:var(--muted)}.detail-check{display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:4px}.detail-check strong{color:var(--text);font-weight:400}.detail-foot{border-top:1px solid var(--line);padding-top:14px;font-size:10px!important}.tv .public-label{display:none}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr) 155px}.cluster{padding:16px 19px}.cluster-title{font-size:10px;margin-bottom:11px}.node{font-size:13px;padding:7px 9px}.core{width:205px;height:205px}.core strong{font-size:17px}.core-icon{font-size:55px}.core-sub{font-size:8px}.panel-heading{padding:21px 24px 0}h2{font-size:18px}.event-intro{font-size:12px}#events li{padding:12px 0}#events strong{font-size:13px}#events time{font-size:10px}.network-bottom{font-size:10px;padding:14px 24px}.legend{gap:12px}.coverage{font-size:11px}.stages{padding:18px 24px}.stage span{font-size:10px}.stage strong{font-size:27px}.timeline .panel-heading{padding-top:20px}.bars{height:50px}.axis{font-size:9px}.metrics article{padding:22px 28px}.metrics strong{font-size:46px}}
@media(max-height:800px) and (min-width:901px){header{height:66px}.intro{padding:16px 0}.metrics{margin-bottom:12px}.metrics article{padding:13px 18px}main{gap:12px;grid-template-rows:minmax(0,1fr) 122px}.panel-heading{padding:13px 16px 0}.graph{margin-top:5px}.cluster{padding:8px 10px}.cluster-title{font-size:7px;margin-bottom:5px}.nodes{gap:4px}.node{font-size:10px;padding:4px 5px}.core{width:142px;height:142px;gap:5px}.core-icon{font-size:32px}.core strong{font-size:12px}.core-orbit{inset:-9px}.core-orbit:after{inset:-9px}.event-intro{margin:9px 16px 5px}#events{padding:0 16px}#events li{padding:7px 0}.coverage{margin:8px 12px;font-size:8px;padding:8px}.network-bottom{padding:8px 14px;font-size:7px}.legend{gap:6px}.stages{padding:13px 16px}footer{height:37px}.timeline .panel-heading{padding-top:12px}}
@media(max-width:1100px) and (min-width:901px){.public-label{display:none}.shell{padding:0 18px}main{grid-template-columns:minmax(0,1fr) 250px}.metrics article{padding:12px}.metrics small{font-size:8px}.node{font-size:9px}.core{width:125px;height:125px}.core strong{font-size:11px}.network-bottom{display:block}.legend{margin-top:5px}.stage span{font-size:6px}}
@media(max-width:900px){.shell{height:auto;min-height:100dvh;padding:0 16px}header{height:78px}.brand{gap:12px}.brand-mark{font-size:36px}.brand-copy{font-size:16px;padding-left:12px;letter-spacing:2px}.brand-copy small{font-size:6px;letter-spacing:.8px}.public-label,#present span{display:none}.header-right{gap:10px}.header-right .badge{font-size:8px}#present{padding:7px;font-size:18px}.intro{padding:23px 0;display:block}h1{font-size:24px;line-height:1.3;margin-top:8px}h1 em{display:block}.refresh{margin-top:15px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:15px}.metrics article{padding:15px 13px;display:flex;flex-direction:column;align-items:start;gap:6px;border-bottom:1px solid var(--line)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(3){border-bottom:0}.metrics article>span{font-size:8px;letter-spacing:.8px}.metrics strong{font-size:32px;order:0}.metrics small{font-size:8px}.metrics .status-metric strong{font-size:26px;line-height:32px}main{display:flex;flex-direction:column;gap:15px}.network{min-height:780px}.panel-heading{padding:18px 15px 0;align-items:start}.panel-heading .hint{font-size:8px;max-width:85px;text-align:right}.graph{min-height:650px;flex:auto;margin:8px 0}.connections{display:none}.core{top:106px;width:156px;height:156px}.cluster{width:calc(50% - 21px);padding:11px 9px;min-height:110px}.cluster-title{font-size:7px;letter-spacing:1px}.nodes{gap:5px;flex-direction:column;align-items:start}.node{font-size:10px;padding:5px 6px}.intelligence{left:14px;top:220px}.workflow{right:14px;top:220px}.delivery{left:14px;top:365px}.operations{right:14px;top:345px;min-height:178px}.platforms{left:14px;top:505px;bottom:auto}.foundation{right:14px;top:545px;bottom:auto;min-height:92px}.network-bottom{display:block;padding:13px 15px;font-size:8px}.legend{margin-top:9px;gap:10px;font-size:8px}.event-panel{order:4;max-height:570px}.pipeline{order:2}.stages{grid-template-columns:repeat(5,1fr);padding:17px 15px;gap:15px 8px}.stage span{font-size:7px}.stage strong{font-size:22px}.timeline{order:3;padding-bottom:16px}.timeline .hint{max-width:none}.bars{height:70px}.axis{font-size:8px}footer{height:auto;min-height:100px;flex-wrap:wrap;font-size:8px;padding:20px 0;gap:10px}.footer-private{display:none}#warning{width:100%;order:2}#events li{padding:11px 0}.coverage{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.metrics .status-metric strong{color:var(--muted)}.metrics .status-metric strong.IDLE{color:var(--teal)}.metrics .status-metric strong.RUNNING{color:#58a9e7}

.tv .intro{padding:12px 0}.tv footer{height:32px}.tv .network{border-color:#42625b}
@media(max-width:900px){.network{min-height:800px}.graph{min-height:670px}.delivery{top:385px}.platforms{top:525px}}
/* P1: existing responsive shell, safe telemetry and distinct motion layers. */
header{height:68px}.intro{padding:17px 0 15px}.metrics{margin-bottom:0}.metrics article{padding:12px 20px}.metrics strong{font-size:29px}#network{font-size:19px}.health-strip{display:flex;justify-content:space-between;gap:12px;padding:11px 2px 13px;flex-wrap:wrap;font:8px ui-monospace,monospace;color:#75919c}.health-strip b{font-weight:400;color:#c4d5d9;margin-left:5px}.signal-idle,.signal-live{font:9px ui-monospace,monospace;letter-spacing:1px;color:#82959b}.signal-live{color:#ffae70}.graph{isolation:isolate}#motion{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.core{width:150px;height:150px}.core strong{letter-spacing:2px;font-weight:600}.core-icon{font-size:38px}.cluster{padding:10px}.node{font-size:10px}.motion-legend{display:flex;justify-content:space-between;gap:8px;padding:7px 15px;font:8px ui-monospace,monospace;color:#92a2ab;border-top:1px solid #1a2a31}.ambient-dot{display:inline-block;width:4px;height:4px;background:#879099;border-radius:50%;margin-bottom:1px}.real-label{color:#e9ad7f}#heartbeat-label{color:#70b7b1}.network-bottom{min-height:26px;padding:6px 15px;font-size:8px}.event-intro{margin-top:10px;margin-bottom:6px}#events li{padding:7px 0}#events .event-meta{grid-column:2;display:flex;justify-content:space-between;gap:6px;font:8px ui-monospace,monospace;color:#97a7b0;margin-top:3px}#events .event-category{color:#ce9a70}#events .probe .event-category{color:#77aaa5}#events .probe:before{background:#688785}#events .ack:before{background:#56d29c}#events .blocked:before{background:#f27f83}.autonomy-counts{display:grid;grid-template-columns:repeat(4,1fr);padding:9px 20px 0;gap:14px}.autonomy-counts>div{display:flex;align-items:center;gap:10px;border-left:2px solid #5e91b2;padding-left:10px}.autonomy-counts>div:nth-child(2){border-color:#bea36c}.autonomy-counts>div:nth-child(3){border-color:#cc7b80}.autonomy-counts>div:nth-child(4){border-color:#79828b}.autonomy-counts strong{font-size:23px;font-weight:400}.autonomy-counts span{font:8px ui-monospace,monospace;color:#a7b5be}.autonomy-note{font-size:8px;color:#80909c;margin:7px 20px}.timeline .bars{height:36px;margin-top:6px}.bar-pair{display:flex;gap:1px;align-items:flex-end;height:100%;flex:1}.bar-pair i{display:block;flex:1;background:#f0a069;min-height:1px}.bar-pair i.telemetry{background:#4faaa6}.bar-pair i.zero{background:#24343d;height:1px!important}.axis{padding-top:3px}.telemetry-key{color:#6ba6a3}#telemetry-coverage{font:7px ui-monospace,monospace;color:#85959d;padding:3px 20px 0}.node.flash-ACK{box-shadow:0 0 0 1px #53d09b,0 0 15px #53d09b55}.node.flash-BLOCKED{box-shadow:0 0 0 1px #f27f83,0 0 15px #f27f8355}.node.flash-TASK,.node.flash-VERIFY,.node.flash-COMMIT,.node.flash-DELIVERY{box-shadow:0 0 0 1px #ffad69,0 0 15px #ffad6955}.metrics .status-metric strong.UNKNOWN{color:#87949d}.metrics .status-metric strong.RUNNING{color:#68b5ed}.metrics .status-metric strong.IDLE{color:#a9bec4}
@media(min-width:901px) and (max-height:800px){.shell{min-height:720px}.panel-heading{padding-top:12px}.core{width:132px;height:132px;gap:5px}.core-icon{font-size:32px}.core-sub{font-size:6px}.cluster-title{margin-bottom:6px}.nodes{gap:4px}.node{padding:4px 6px}.network-bottom{font-size:7px}.motion-legend{font-size:7px}main{grid-template-rows:minmax(0,1fr) 133px}}
@media(max-width:900px){header{height:74px}.intro{padding:19px 0}.metrics{margin-bottom:0}.metrics article{padding:15px}.metrics strong{font-size:30px}.health-strip{justify-content:flex-start;gap:12px 19px;font-size:9px;padding:15px 2px}.network{min-height:820px}.graph{height:660px}.core{top:112px;width:145px;height:145px}.intelligence,.workflow{top:228px}.delivery,.operations{top:372px}.platforms,.foundation{top:516px;bottom:auto}.cluster{width:44%;padding:12px 9px}.cluster-title{font-size:7px}.node{font-size:10px;white-space:normal;text-align:left}.nodes{gap:7px}.motion-legend{flex-wrap:wrap;justify-content:flex-start;gap:9px 15px;padding:12px 14px;font-size:8px}.network-bottom{flex-wrap:wrap;padding:10px 14px;gap:7px}.autonomy-counts{grid-template-columns:1fr 1fr;gap:17px;padding:15px 20px}.autonomy-counts strong{font-size:26px}.autonomy-counts span{font-size:9px}.autonomy-note{font-size:9px;line-height:1.5;margin-bottom:17px}.timeline .bars{height:60px}.timeline{padding-bottom:15px}#telemetry-coverage{font-size:8px;padding-top:8px}.event-panel{max-height:540px}.signal-idle,.signal-live{font-size:8px;max-width:115px;text-align:right}.motion-legend .real-label{display:block}.public-label{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.core-orbit{animation:none}}
@media(max-width:900px){.operations{min-height:110px}.autonomy{order:2}.header-right .badge{font-size:7px;padding:4px 6px}.brand-copy{font-size:15px}}
@media(min-width:1600px){.node{font-size:12px;padding:7px 9px}.cluster{padding:15px 18px}.core{width:184px;height:184px}.core strong{font-size:17px}.core-icon{font-size:48px}.motion-legend{font-size:9px}.network-bottom{font-size:9px}.metrics strong{font-size:36px}.autonomy-counts strong{font-size:27px}.autonomy-counts span{font-size:9px}}