:root{color:#17233b;font-synthesis:none;text-rendering:optimizelegibility;--bg:#eef8ff;--surface:#ffffff9e;--surface-strong:#ffffffdb;--text:#17233b;--muted:#6f7e93;--line:#56729426;--cyan:#1bb7a6;--amber:#e4a62a;--coral:#d85f72;--shadow:0 18px 55px #4d6c9221;background:#eef8ff;font-family:Noto Sans SC,Segoe UI,sans-serif}:root[data-theme=dark]{color:#edf5ff;--bg:#101a2c;--surface:#18263dc7;--surface-strong:#1a2941f0;--text:#edf5ff;--muted:#9aaec7;--line:#b8d3ef26;--shadow:0 18px 55px #00000038;background:#101a2c}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #1bb7a673}.shell{isolation:isolate;width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:26px clamp(18px,4vw,58px) 30px;position:relative;overflow:hidden}.ambient{z-index:-1;filter:blur(1px);pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#bdabff47;width:520px;height:520px;top:-250px;right:-80px}.ambient-two{background:#85e6f438;width:440px;height:440px;top:80px;left:-220px}.topbar,.brand,.top-actions,.public-only,.node-title,.node-meta,.node-footer,.data-note,.site-footer{align-items:center;display:flex}.topbar{justify-content:space-between;gap:18px}.brand{gap:11px}.brand-mark{background:var(--surface-strong);width:42px;height:42px;color:var(--cyan);box-shadow:var(--shadow);border:1px solid #1bb7a661;border-radius:14px;place-items:center;display:grid}.brand-mark .icon{width:23px;height:23px}.brand strong{letter-spacing:-.02em;font-size:18px;display:block}.brand span:not(.brand-mark){color:var(--muted);margin-top:2px;font-size:12px;display:block}.top-actions{gap:9px}.public-only{color:var(--muted);gap:6px;font-size:12px}.public-only .icon{width:15px;height:15px;color:var(--cyan)}.icon-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;transition:transform .18s,background .18s;display:grid}.icon-button:hover{background:var(--surface-strong);transform:translateY(-2px)}.icon-button .icon{width:18px;height:18px}.icon-button.is-loading .icon{animation:.85s linear infinite spin}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.hero{grid-template-columns:minmax(0,1fr) 380px;align-items:center;min-height:210px;padding:42px 0 26px;display:grid;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.065em;margin:0;font-size:clamp(38px,5vw,68px);line-height:.98}.hero-copy{max-width:520px;color:var(--muted);margin:18px 0 0;font-size:14px;line-height:1.8}.hero-art{color:#77a7c2;opacity:.74;justify-self:end;width:min(100%,380px);height:190px;position:relative}.network-art{width:100%;height:100%}.hero-art-label{color:var(--muted);letter-spacing:.16em;text-align:right;font:600 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:18px;right:18px}.hero-art-label b{color:var(--cyan);font-weight:700}.summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.summary-card{border:1px solid var(--line);background:var(--surface);min-height:126px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:19px 20px}.summary-card span,.summary-card small{color:var(--muted);display:block}.summary-card span{font-size:12px}.summary-card strong{color:var(--text);letter-spacing:-.055em;margin:14px 0 5px;font-size:30px;display:block}.summary-card small{font-size:11px}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin:28px 0 16px;display:flex}.filter-group{flex-wrap:wrap;gap:6px;display:flex}.filter-button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 11px;font-size:13px}.filter-button span{color:inherit;opacity:.65;margin-left:6px;font-size:11px}.filter-button:hover{color:var(--text);background:var(--surface)}.filter-button.active{color:var(--cyan);background:#1bb7a61c;border-color:#1bb7a62e;font-weight:700}.data-note{color:var(--muted);white-space:nowrap;gap:7px;font-size:12px}.source-dot{background:var(--muted);border-radius:50%;width:7px;height:7px}.source-dot.live{background:var(--cyan);box-shadow:0 0 0 4px #1bb7a61f}.source-dot.demo{background:var(--amber)}.node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.node-card{border:1px solid var(--line);background:var(--surface-strong);min-width:0;box-shadow:var(--shadow);border-radius:20px;padding:20px;transition:transform .18s,border-color .18s}.node-card:hover{border-color:#1bb7a647;transform:translateY(-3px)}.node-card.status-degraded{border-color:#e4a62a47}.node-card.status-offline{border-color:#d85f7247}.node-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.node-labels{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.node-title{gap:10px;min-width:0}.status-dot{background:var(--cyan);border-radius:50%;flex:none;width:11px;height:11px;margin-top:5px;box-shadow:0 0 0 5px #1bb7a61c}.status-degraded .status-dot{background:var(--amber);box-shadow:0 0 0 5px #e4a62a1f}.status-offline .status-dot{background:var(--coral);box-shadow:0 0 0 5px #d85f721f}.node-title h3{letter-spacing:-.035em;margin:0;font-size:19px}.node-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.status-label{color:var(--cyan);background:#1bb7a61a;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700}.status-label.degraded{color:#b88211;background:#e4a62a1f}.status-label.offline{color:var(--coral);background:#d85f721f}.lifecycle-label{border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700}.lifecycle-label.short-term{color:#b88211;border-color:#e4a62a40}.node-meta{color:var(--muted);justify-content:space-between;gap:10px;margin:22px 0 18px;font-size:11px}.node-meta span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.node-meta .icon{width:13px;height:13px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-heading{color:var(--muted);justify-content:space-between;gap:8px;font-size:11px;display:flex}.metric-heading strong{color:var(--text);font-size:12px;font-weight:700}.metric-track{background:#728ca629;border-radius:99px;height:6px;margin-top:9px;overflow:hidden}.metric-fill{border-radius:inherit;height:100%;transition:width .4s;display:block}.metric-fill.cyan{background:var(--cyan)}.metric-fill.amber{background:var(--amber)}.metric-fill.coral{background:var(--coral)}.node-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:21px;padding-top:13px;font-size:11px}.empty-state{border:1px dashed var(--line);background:var(--surface);text-align:center;border-radius:20px;place-items:center;min-height:280px;padding:40px 20px;display:grid}.empty-state .icon{width:27px;height:27px;color:var(--cyan);margin-bottom:12px}.empty-state h2{margin:0;font-size:18px}.empty-state p{color:var(--muted);margin:8px 0 0;font-size:13px}.site-footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:32px;font-size:11px}.site-footer span{align-items:center;gap:6px;display:flex}.site-footer .icon{width:13px;height:13px;color:var(--cyan)}@media (width<=820px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:50px}.hero-art{opacity:.34;width:310px;position:absolute;top:20px;right:-90px}.summary-grid{grid-template-columns:repeat(2,1fr)}.node-grid{grid-template-columns:1fr}}@media (width<=540px){.shell{padding-inline:14px}.public-only{display:none}.brand strong{font-size:16px}.hero{padding-top:46px}h1{font-size:42px}.hero-copy{max-width:320px;font-size:13px}.summary-card{min-height:112px;padding:16px}.summary-card strong{font-size:26px}.toolbar{flex-direction:column;align-items:flex-start}.data-note{align-self:flex-end}.node-card{padding:17px}.node-meta{flex-direction:column;align-items:flex-start;gap:7px}.metrics-grid{gap:9px}.site-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}