:root{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#06192a;--surface:#0b2439;--surface-hover:#0e2c45;--surface-sunk:#071d2f;--ink:#f2f7fc;--muted:#a3bad0;--subtle:#7e97ae;--border:#17415f;--border-soft:#123650;--cyan:#35e2f2;--orange:#f26822;--green:#2fd18c;--amber:#ffb648;--blue:#6cb6ff;--red:#ff6070;--shell:min(100% - 32px, 940px);--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--page);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0}.online{--status:var(--green)}.degraded{--status:var(--amber)}.re-routed{--status:var(--blue)}.offline{--status:var(--red)}.pending{--status:var(--subtle)}.empty{--status:#1a3d59}header{border-bottom:1px solid var(--border-soft);background:#051524;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 max(16px,50vw - 470px);display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{width:auto;height:34px;image-rendering:pixelated;flex:none}.brand-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.brand-name span{color:var(--orange)}.brand-tag{color:var(--muted);border:1px solid var(--border);background:#35e2f214;border-radius:999px;padding:3px 9px;font-size:13px;font-weight:500}.header-link{color:var(--muted);align-items:center;gap:5px;font-size:15px;font-weight:500;transition:color .15s;display:flex}.header-link:hover{color:var(--cyan)}main{width:var(--shell);margin:0 auto;padding:40px 0 56px}.banner{background:color-mix(in srgb, var(--status) 11%, var(--surface));border:1px solid color-mix(in srgb, var(--status) 32%, transparent);border-left:5px solid var(--status);border-radius:12px;align-items:center;gap:18px;padding:22px 24px;display:flex}.banner-icon{color:#06192a;background:var(--status);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid}.banner-text{flex:1;min-width:0}.banner h1{font-size:clamp(20px,3vw,25px);font-weight:650}.banner p{color:var(--muted);margin:4px 0 0;font-size:14.5px}.banner button{color:var(--ink);border:1px solid var(--border);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:none;align-items:center;gap:8px;padding:9px 15px;font-size:14.5px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.banner button:hover:not(:disabled){border-color:var(--cyan);background:#ffffff17}.banner button:disabled{opacity:.5;cursor:default}.error{color:#ffd3d8;background:#ff60701a;border:1px solid #ff607057;border-radius:10px;align-items:center;gap:9px;margin:14px 0 0;padding:13px 16px;font-size:14.5px;display:flex}.components{margin-top:40px}.components-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:14px;display:flex}.components-head h2{font-size:19px;font-weight:650}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{background:var(--status);border-radius:3px;width:9px;height:9px}.network-list{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.network{border-top:1px solid var(--border-soft);transition:background .15s}.network:first-child{border-top:0}.network:hover{background:var(--surface-hover)}.network-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex}.network-head:hover{background:#ffffff06}.network-head:focus-visible{z-index:1;outline:2px solid var(--cyan);outline-offset:-2px;position:relative}.network.expanded .network-head{border-bottom:1px solid var(--border-soft);padding-top:16px;padding-bottom:16px}.network-name{flex-direction:column;min-width:0;display:flex}.network-title{letter-spacing:-.015em;font-size:17px;font-weight:600}.network-name code{color:var(--subtle);font:13px var(--mono)}.network-head-end{flex:none;align-items:center;gap:14px;display:flex}.network-status{color:var(--status);flex:none;align-items:center;gap:7px;font-size:14.5px;font-weight:600;display:flex}.network-chevron{color:var(--subtle)}.network-details{padding:14px 22px 18px}.uptime-bars{gap:2px;height:34px;display:flex}.uptime-bar{background:var(--status);opacity:.85;border-radius:2px;flex:1;min-width:2px;transition:opacity .15s}.uptime-bar:hover{opacity:1}.uptime-bar.empty{opacity:.55}.uptime-labels{color:var(--subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12.5px;display:flex}.uptime-labels:before,.uptime-labels:after{content:"";background:var(--border-soft);flex:1;order:1;height:1px}.uptime-labels:after{order:3}.uptime-labels span:first-child{order:0}.uptime-value{color:var(--muted);white-space:nowrap;order:2;font-weight:500}.uptime-labels span:last-child{order:4}.protocols{flex-wrap:wrap;gap:8px 10px;margin-top:12px;display:flex}.protocol{background:var(--surface-sunk);border:1px solid var(--border-soft);border-radius:8px;align-items:center;gap:8px;padding:6px 11px;font-size:13.5px;display:flex}.protocol .dot{background:var(--status);border-radius:50%;flex:none;width:8px;height:8px}.protocol strong{font-weight:600}.protocol-detail{color:var(--muted)}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-hover) 48%, var(--surface) 72%);background-size:220% 100%;height:52px;animation:1.3s infinite shimmer}footer{color:var(--subtle);border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;padding:24px max(16px,50vw - 470px) 40px;font-size:13.5px;display:flex}footer p{margin:0}footer a{color:var(--cyan);align-items:center;gap:5px;display:flex}footer a:hover{text-decoration:underline}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@media (width<=680px){header{height:60px}.brand-tag{display:none}main{padding:26px 0 40px}.banner{flex-wrap:wrap;gap:14px;padding:18px}.banner-text{min-width:calc(100% - 64px)}.banner button{justify-content:center;width:100%}.components{margin-top:30px}.network-head{padding-left:16px;padding-right:16px}.network.expanded .network-head{align-items:flex-start}.network-details{padding-left:16px;padding-right:16px}.network-head-end{gap:9px}.uptime-bars{gap:1px}.uptime-labels:before,.uptime-labels:after{display:none}.protocol{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
