:root{font-family:Pretendard,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e2e8f0}*{box-sizing:border-box}body{margin:0;background:#030712}#app{width:100vw;height:100vh}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.layout{display:grid;grid-template-columns:280px 1fr;height:100%}.panel{border-right:1px solid #2b3c59;background:linear-gradient(180deg,#0c1428,#081022);padding:12px;overflow:auto}h1{margin:0;font-size:1rem;color:#eaf2ff;letter-spacing:.2px}.panel h1:focus{outline:none}.panel h1:focus-visible{outline:2px solid #93c5fd;outline-offset:2px;border-radius:3px}.sub{margin:5px 0 10px;color:#b5c7e4;font-size:.78rem;line-height:1.4}.stats{border:1px solid #314764;border-radius:10px;padding:8px;background:#0f1b31;margin-bottom:8px}.stats h2{margin:0 0 6px;font-size:.88rem;color:#dbeafe}.row,.drow{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;margin:4px 0;color:#d3e2f8}.row b,.drow b{color:#fff;font-size:.75rem;text-align:right}.row b.row-list{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.detail{border:1px solid #314764;border-radius:10px;padding:8px;background:#0f1b31}.detail h2{margin:0 0 5px;font-size:.9rem;color:#bfdbfe}.hint{margin:6px 0 0;font-size:.72rem;color:#b8ccec;line-height:1.4}.svc{border:1px solid #334b6a;border-radius:8px;padding:6px 7px;margin-top:6px}.svc-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.6px;margin-bottom:3px}.svc.algora .svc-title{color:#86efac}.svc.ao .svc-title{color:#fcd34d}.svc.bridge .svc-title{color:#93c5fd}.stage-wrap{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;overflow:hidden;min-height:0}#stage{position:relative;outline:none;width:100%;height:100%;min-height:240px;border:1px solid #334155;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000073;max-width:100%;max-height:100%}#stage:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}.conn-status{display:flex;align-items:center;gap:6px;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#94a3b8;padding:5px 7px;border:1px solid #1e3a5f;border-radius:6px;background:#0a1628;margin-bottom:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%}.dot.live{background:#22c55e;box-shadow:0 0 5px #22c55e88;animation:pulse-dot 2s infinite}.dot.offline{background:#ef4444}.dot.connecting{background:#f59e0b;animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.live-badge{font-size:10px;color:#22c55e;border:1px solid #22c55e55;border-radius:3px;padding:0 3px;margin-left:3px}.live-badge.off{color:#f87171;border-color:#ef444466}.live-badge.wait{color:#fbbf24;border-color:#f59e0b55}.svc.offline{border-color:#7f1d1d}.detail-desc{font-size:.72rem;color:#94a3b8;line-height:1.4;margin:5px 0;padding:5px;background:#0a1628;border-radius:5px;border:1px solid #1e3a5f}.zone-tab:focus-visible,.panel-toggle:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px;color:#eaf2ff}@media(prefers-reduced-motion:reduce){.dot.live,.dot.connecting{animation:none}.panel,.panel-backdrop{transition:none}}.zone-tabs{display:flex;position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:900;padding:3px;border-radius:999px;background:#0c1428ee;border:1px solid #334155;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.zone-tablist{display:flex;gap:2px}@media(min-width:1101px){.zone-tabs{left:calc(50% + 140px)}}.zone-tab{background:none;border:none;border-radius:999px;color:#8b9bb3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;padding:5px 14px;cursor:pointer;transition:color .2s,background-color .2s}.zone-tab:hover{color:#cbd5e1}.zone-tab:focus-visible{outline:1px solid #38bdf8;outline-offset:2px}.zone-tab.active{background:#1e293b}.zone-tab.active[data-zone=hub]{color:#7dd3fc}.zone-tab.active[data-zone=algora]{color:#34d399}.zone-tab.active[data-zone=ao]{color:#fcd34d}.zone-tab.active[data-zone=bridge]{color:#60a5fa}.panel-toggle{display:none;position:fixed;top:8px;left:8px;z-index:1010;background:#0c1428ee;color:#e2e8f0;border:1px solid #334155;border-radius:8px;font-size:20px;width:38px;height:38px;cursor:pointer;line-height:1}.panel-backdrop{display:none}@media(max-width:1100px){.layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.panel{border-right:0;border-bottom:1px solid #223047;max-height:35vh}.stage-wrap{padding:4px}}@media(min-width:768px)and (max-width:1100px){.panel{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.panel h1,.panel .sub,.conn-status{flex-basis:100%;margin:0}#stats,#serviceStatus,#ecosystem,.detail{flex:1 1 240px;min-width:0;margin:0}}@media(max-width:767px){.layout{display:block;position:relative}.panel-toggle{display:flex;align-items:center;justify-content:center}.panel{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .25s ease,visibility 0s linear .25s;border-right:1px solid #2b3c59;border-bottom:0;max-height:none;padding:48px 12px 12px;overflow-y:auto}.panel.open{transform:translate(0);transition:transform .25s ease,visibility 0s}.panel:not(.open){visibility:hidden}.panel-backdrop{display:block;position:fixed;inset:0;z-index:999;background:#00000080;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.panel-backdrop.open{opacity:1;visibility:visible}.stage-wrap{display:block;width:100vw;height:100vh;padding:0}#stage{width:100%;height:100%;border:none;border-radius:0;box-shadow:none;max-width:none;max-height:none}.zone-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;transform:none;gap:0;padding:0;border:none;border-radius:0;z-index:900;background:#0c1428ee;border-top:1px solid #334155;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.zone-tablist{flex:1;gap:0}.zone-tab{flex:1;background:none;border:none;border-radius:0;color:#8b9bb3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;padding:14px 0 calc(14px + env(safe-area-inset-bottom));cursor:pointer;border-top:2px solid transparent;transition:color .2s,border-color .2s}.zone-tab:active{background:#1e293b}.zone-tab.active{background:none}.zone-tab.active[data-zone=hub]{color:#7dd3fc;border-top-color:#7dd3fc}.zone-tab.active[data-zone=algora]{color:#34d399;border-top-color:#34d399}.zone-tab.active[data-zone=ao]{color:#fcd34d;border-top-color:#fcd34d}.zone-tab.active[data-zone=bridge]{color:#60a5fa;border-top-color:#60a5fa}}@media(prefers-reduced-motion:reduce){.panel,.panel.open,.panel-backdrop,.zone-tab{transition:none}}.eco-group{margin-top:8px}.eco-group-title{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8193ad;margin:6px 0 3px}.eco-row{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px;color:#cbd5e1;text-decoration:none}.eco-row:hover{color:#e2e8f0}.eco-row:focus-visible{outline:1px solid #38bdf8;outline-offset:2px}.eco-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eco-row.streaming .eco-name{color:#f1f5f9;font-weight:600}.eco-row.archived{opacity:.45}.eco-row.archived .eco-name{text-decoration:line-through}.eco-dot{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:#475569}.eco-dot.ok{background:#22c55e}.eco-dot.degraded{background:#f59e0b}.eco-dot.down{background:#ef4444}.eco-dot.unknown{background:transparent;box-shadow:inset 0 0 0 1px #475569}.eco-dot.none{background:transparent;box-shadow:inset 0 0 0 1px #46566e}.eco-dot.offcontract{background:#a9c4e8}.eco-row.reference .eco-name{color:#7b8ca6}.eco-chip{flex:0 0 auto;font-size:10px;letter-spacing:.04em;padding:0 4px;border-radius:3px;border:1px solid currentColor;line-height:13px}.eco-chip.down{color:#f87171}.eco-chip.degraded{color:#fbbf24}.eco-chip.offcontract{color:#a9c4e8;border-style:dashed}.eco-health{margin:0 0 6px;padding-bottom:5px;border-bottom:1px solid #22334d}.eco-health .eco-clock{font-weight:500;color:#b8ccec}.eco-health.stale .eco-clock{color:#fbbf24}.eco-health .row{flex-wrap:wrap;column-gap:8px}.eco-health .row>span,.eco-health .eco-clock{white-space:nowrap}.eco-health .eco-clock{margin-left:auto}.eco-tally,.eco-names,.eco-note{font-size:.72rem;line-height:1.45;color:#b8ccec}.eco-tally i,.eco-names i{color:#40536e;font-style:normal}.eco-tally>span,.hud-tally>span,.eco-names .nm,.hud-names .nm{white-space:nowrap}.eco-tally b{color:#fff}.eco-tally .zero{opacity:.6}.hud-tally .zero{opacity:.75}.eco-names{margin-top:2px}.eco-note{margin-top:2px;color:#8fa3bf}.tally-down:not(.zero),.names-down{color:#f87171}.tally-degraded:not(.zero),.names-degraded{color:#fbbf24}.tally-down:not(.zero) b,.tally-degraded:not(.zero) b{color:inherit}.row b.eco-warn{color:#fbbf24}.eco-list.stale .eco-dot{opacity:.5}.eco-list.stale .eco-chip,.eco-health.stale .eco-names{opacity:.8}.eco-health.stale .eco-tally b{color:#b8ccec}.eco-life{font-size:10px;padding:1px 4px;border-radius:3px;letter-spacing:.04em;background:#1e293b;color:#94a3b8}.eco-life.beta{background:#14324a;color:#7dd3fc}.eco-life.lab{background:#2a2438;color:#c4b5fd}.eco-life.archive{background:#2b2320;color:#d6a48a}.eco-life.none{background:transparent;color:#475569}.hub-tip{position:fixed;z-index:1000;pointer-events:none;max-width:280px;padding:9px 11px;border-radius:6px;border:1px solid #2b4a72;background:#060c1af7;box-shadow:0 6px 24px #0000008c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.45;color:#dbe6f5;-webkit-font-smoothing:antialiased}.hub-tip .t{font-size:13px;font-weight:700;color:#f1f5f9;margin-bottom:3px}.hub-tip .m{color:#9fb2cc}.hub-tip .m b{font-weight:600}.hub-tip .m b.ok{color:#7ee2a8}.hub-tip .m b.degraded{color:#fbbf24}.hub-tip .m b.down{color:#f87171}.hub-tip .m b.unknown{color:#9fb2cc}.hub-tip .dim{color:#6b7f99}.hub-tip .m.stale{color:#fbbf24}.hub-tip .a{margin-top:5px;color:#7dd3fc;font-size:11px}@media(max-width:767px){.hub-tip{z-index:950}}#stage{position:relative}.hub-hud[hidden],.hub-labels[hidden]{display:none!important}.hub-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:14px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;-webkit-font-smoothing:antialiased}.hud-top{text-align:center}.hud-title{font-size:11px;letter-spacing:.22em;color:#7b8fab}.hud-counts{margin-top:5px;font-size:13px;color:#a8bcd6}.hud-counts b{color:#f1f5f9;font-weight:700}.hud-counts i{color:#40536e;font-style:normal;margin:0 2px}.hud-status,.hud-tally,.hud-names{margin-top:3px;font-size:12px;color:#8fa3bf}.hud-status:empty,.hud-tally:empty,.hud-names:empty{display:none}.hud-tally b{color:#f1f5f9;font-weight:700}.hud-tally i,.hud-names i{color:#40536e;font-style:normal;margin:0 2px}.hud-names{color:#a8bcd6}.hud-warn,.hub-hud.stale .hud-clock,.hud-asof{color:#fbbf24}.hub-hud.stale .hud-tally b{color:#a8bcd6}.hub-hud.stale .hud-names{opacity:.8}.hud-conn{display:none}.hud-conn .dot{margin-right:5px;vertical-align:1px}.hud-conn i{color:#40536e;font-style:normal;margin:0 4px}.hud-legend{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;font-size:10.5px;color:#8fa3bf}.hud-legend .lg{display:flex;flex-direction:column;gap:5px}.hud-legend .lg-h{font-size:10px;letter-spacing:.14em;color:#7389a8;margin-bottom:1px}.hud-legend span{display:flex;align-items:center;gap:8px}.hud-legend i.f{width:20px;height:20px;flex:0 0 auto;border-radius:50%;position:relative}.hud-legend i.f:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#cfe0f5}.hud-legend i.f.stream{box-shadow:inset 0 0 0 1.5px #8fb4dd}.hud-legend i.f.stream:after{width:11px;height:11px;animation:legend-breathe 2.4s ease-in-out infinite}.hud-legend i.f.health:after{width:9px;height:9px;animation:legend-breathe 2.4s ease-in-out infinite}.hud-legend i.f.listed:after{width:6px;height:6px;opacity:.7}.hud-legend i.f.reference:after{width:4px;height:4px;opacity:.5}.hud-legend .lg-stale{display:none}.hub-hud.stale .hud-legend .lg-stale{display:flex;color:#fbbf24}.hud-legend i.f.stale:after{width:9px;height:9px;opacity:.4}@keyframes legend-breathe{0%,to{opacity:1}50%{opacity:.42}}.hud-legend i.c{width:9px;height:9px;border-radius:50%;flex:0 0 auto;margin-left:3px}.hud-legend i.c.ok{background:#22c55e}.hud-legend i.c.degraded{background:#f59e0b}.hud-legend i.c.down{background:#ef4444}.hud-legend i.c.none{background:#a9c4e8}.hud-legend i.c.arch{background:#c08a5e;opacity:.65}.hud-foot{display:grid;grid-template-columns:1fr 264px 1fr;column-gap:8px;align-items:end;font-size:11px;color:#7b8fab}.hud-foot>#hubActivity{grid-column:1}.hud-foot>.hud-hint{grid-column:3;text-align:right}.hud-hint{color:#6f84a3}.hud-hint span span{white-space:nowrap}.hint-touch{display:none}@media(hover:none){.hint-mouse{display:none}.hint-touch{display:inline}}@media(max-width:900px){.hud-legend{display:none}.hud-counts{font-size:11px;line-height:1.5}.hud-status,.hud-tally,.hud-names{font-size:11px;line-height:1.5;margin-top:1px}.hud-title{display:none}.hub-hud{padding:12px 14px 14px}.hud-top{padding-left:46px;text-align:left}}@media(max-width:767px){.hud-conn{display:inline}.hub-hud{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.hud-foot{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.hud-foot>.hud-hint{text-align:left}}@media(max-width:767px)and (max-height:700px){.hud-names{display:none}}@media(min-width:768px)and (max-width:1100px)and (min-aspect-ratio:4/5){.hud-title,.hud-tally,.hud-names{display:none}.hud-counts{margin-top:0}}.hub-labels{position:fixed;inset:0;pointer-events:none;z-index:900}.hub-label{position:fixed;left:0;top:0;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1;letter-spacing:.01em;color:#c3d4ea;text-shadow:0 1px 3px rgba(3,6,15,.95),0 0 2px rgba(3,6,15,.9);-webkit-font-smoothing:antialiased;transition:color .15s}.hub-label.stream{font-size:12px;font-weight:600;color:#f1f5f9}.hub-label.listed{color:#93a9c6}.hub-label.reference{color:#6f8099;font-size:10px;letter-spacing:.02em}.hub-label.archived{color:#c08a5e;opacity:.85}.hub-label.hovered{color:#fff}.hub-label.flash{color:#7dd3fc;text-decoration:underline;text-underline-offset:2px}.hub-label{text-align:center}.hub-label-status{display:block;width:max-content;margin:2px auto 0;padding:1px 3px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;border-radius:3px;background:#03060fcc}.hub-label-status.down{color:#f87171}.hub-label-status.degraded{color:#fbbf24}.hub-labels.stale .hub-label-status{opacity:.8}@media(prefers-reduced-motion:reduce){.hud-legend i.f:after{animation:none!important}}@media(max-width:900px){.hub-label,.hub-label.reference{font-size:10px}.hub-label.stream{font-size:11px}}@media(max-width:767px){.hub-label,.hub-label.reference{font-size:11px}.hub-label.stream{font-size:12px}.hub-label-status{font-size:11px}}.hub-pin{position:fixed;left:0;top:0;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1;pointer-events:none;-webkit-font-smoothing:antialiased}.hub-pin-ring{font-size:10px;letter-spacing:.18em;color:#5c7ba6;text-shadow:0 1px 3px rgba(3,6,15,.95)}.hub-pin-core{font-size:13px;font-weight:700;letter-spacing:.1em;color:#7dd3fc;text-shadow:0 1px 4px rgba(3,6,15,.95)}@media(max-width:900px){.hub-pin-ring{font-size:10px;letter-spacing:.12em}.hub-pin-core{font-size:11px}}@media(max-width:767px){.hub-pin-ring{font-size:11px;letter-spacing:.1em}.hub-pin-core{font-size:12px}}@media(max-width:767px){.eco-row{min-height:44px;font-size:13px}.eco-group-title{font-size:11px;margin-top:10px}.eco-chip,.eco-life,.live-badge{font-size:11px}.eco-chip{line-height:14px}}.belt-card{display:none}@media(max-width:767px){.belt-card:not([hidden]){display:block;position:absolute;left:12px;right:12px;top:var(--card-top, 50%);max-height:calc(100% - var(--card-top, 50%) - 58px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;border:1px solid #2b4a72;border-radius:8px;background:#060c1af0;font-size:13px;line-height:1.4;color:#dbe6f5;-webkit-font-smoothing:antialiased}}.belt-card .bc-h,.belt-card .bc-h2{margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.belt-card .bc-h2{margin-top:10px;font-size:11px}.belt-card.algora .bc-h,.belt-card.algora .bc-h2{color:#86efac}.belt-card.ao .bc-h,.belt-card.ao .bc-h2{color:#fcd34d}.belt-card.bridge .bc-h,.belt-card.bridge .bc-h2{color:#93c5fd}.belt-card .bc-dim{font-weight:400;letter-spacing:0;text-transform:none;color:#9fb2cc}.belt-card .bc-list{margin:0;padding:0;list-style:none}.belt-card .bc-list li{padding:5px 0;border-top:1px solid #1c2c45}.belt-card .bc-list li:first-child{border-top:0}.belt-card .bc-t{color:#f1f5f9}.belt-card .bc-m{display:block;margin-top:1px;font-size:12px;color:#9fb2cc}.belt-card .bc-m.bc-inline{display:inline}.belt-card .bc-empty,.belt-card .bc-note{margin:4px 0 0;font-size:12px;color:#9fb2cc}.belt-card .bc-note{margin-top:8px}.belt-card .bc-stale{margin:0 0 6px;font-size:12px;color:#fbbf24}.belt-card .bc-total{margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#fcd34d}.belt-card .bc-row{display:flex;justify-content:space-between;margin:0}.belt-card .bc-row b{color:#fff}.belt-card .bc-sev,.belt-card .bc-score,.belt-card .bc-out{display:inline-block;min-width:3.4em;margin-right:4px;padding:0 4px;border:1px solid currentColor;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:16px;text-align:center;text-transform:uppercase;color:#9fb2cc}.belt-card .bc-sev.critical,.belt-card .bc-sev.high{color:#fca5a5}.belt-card .bc-sev.medium{color:#fcd34d}.belt-card .bc-score.project{color:#4ade80}.belt-card .bc-score.plan{color:#fbbf24}.belt-card .bc-out.ok{color:#4ade80}.belt-card .bc-out.fail{color:#f87171}