:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--muted:#8794a8;--line:#202c3d;--green:#9be16d;--red:#f77;background:#0a111e;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 82% -15%,#3a6a7833,#0000 36%),#0a111e;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page-shell{max-width:1080px;margin:0 auto;padding:0 32px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:78px;display:flex}.brand{color:#edf3fb;letter-spacing:.13em;align-items:center;gap:11px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.brand-mark{width:30px;height:30px;color:var(--green);letter-spacing:0;border:1px solid #3b5360;border-radius:9px;place-items:center;font-size:16px;display:grid}.brand-muted{color:#8c99ab;font-weight:500}.live-indicator,.eyebrow,.summary-label,.detail-label,.footer{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.live-indicator{color:#9eacbd;align-items:center;gap:9px;font-size:10px;display:flex}.live-dot,.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #9be16da6}.intro{padding:72px 0 34px}.eyebrow{color:var(--green);margin:0 0 14px;font-size:10px}.intro-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,52px);font-weight:700;line-height:1.08}.intro-copy{color:#9ba8ba;margin:14px 0 0;font-size:15px;line-height:1.6}.refresh-button{color:#e8edf5;cursor:pointer;background:#111d2c;border:1px solid #35465a;border-radius:9px;align-items:center;gap:9px;padding:11px 15px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.refresh-button:hover{background:#172638;border-color:#789171}.refresh-button:disabled{opacity:.55;cursor:wait}.refresh-icon{color:var(--green);font-size:19px;line-height:12px}.is-loading .refresh-icon{animation:1s linear infinite spin}.summary{border:1px solid var(--line);background:#0f1826c2;border-radius:11px;align-items:center;gap:44px;margin-bottom:18px;padding:22px 24px;display:flex}.summary-item{flex-direction:column;gap:7px;display:flex}.summary-label,.detail-label{color:#7d8ba0;font-size:9px}.summary-item strong{color:#e6edf6;font-size:15px;font-weight:600}.connection-state{color:#8794a8;margin-left:auto;font-size:12px}.connection-state:before{content:"";background:#768397;border-radius:50%;width:6px;height:6px;margin:0 8px 1px 0;display:inline-block}.connection-state.is-connected:before{background:var(--green);box-shadow:0 0 9px #9be16d99}.server-list{gap:14px;display:grid}.server-card{border:1px solid var(--line);background:linear-gradient(115deg,#111c2bf2,#0e1623f2);border-radius:12px;padding:23px 24px;transition:border-color .2s}.server-card.host-healthy{border-left:2px solid #78c755}.server-card.host-partial{border-left:2px solid #d9b45b}.server-card.host-down{border-left:2px solid var(--red)}.card-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.server-identity{align-items:center;gap:14px;min-width:0;display:flex}.server-symbol{width:38px;height:38px;color:var(--green);border:1px solid #314354;border-radius:10px;flex:none;place-items:center;font-size:20px;display:grid}.host-down .server-symbol{color:var(--red);border-color:#583d48}h2{color:#edf2f9;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:650}.server-identity p{color:#8592a6;overflow-wrap:anywhere;margin:5px 0 0;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.host-summary{color:#9eacbd;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.endpoint-list{border-top:1px solid #253144;margin-top:21px}.endpoint-row{border-bottom:1px solid #202d3e;grid-template-columns:1.2fr 1.4fr .65fr auto;align-items:center;gap:18px;padding:15px 0;display:grid}.endpoint-transport{color:#9ba8ba;align-items:center;gap:12px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.protocol-badge{color:#dbe5f2;text-align:center;background:#152235;border:1px solid #35485c;border-radius:6px;min-width:48px;padding:6px 8px;font-weight:700}.endpoint-version,.endpoint-latency{flex-direction:column;gap:6px;min-width:0;display:flex}.endpoint-version strong,.endpoint-latency strong{color:#d4dce8;text-overflow:ellipsis;white-space:nowrap;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.endpoint-offline .protocol-badge{color:#faa;border-color:#52343a}.endpoint-error{color:#faa;overflow-wrap:anywhere;grid-column:2/-1;margin:-5px 0 0;font-size:11px}.status-pill{color:#b9e9a0;background:#406f321f;border:1px solid #30452f;border-radius:20px;flex:none;align-items:center;gap:8px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.status-pill .status-dot{width:6px;height:6px}.pill-offline{color:#faa;background:#782f381f;border-color:#52343a}.pill-offline .status-dot{background:var(--red);box-shadow:0 0 9px #ff77778c}.empty-state{color:#9ba8ba;text-align:center;border:1px dashed #344154;border-radius:10px;padding:28px;line-height:1.8}.empty-state span{color:#77859a;font-size:12px}.loading-card{min-height:140px}.skeleton{background:linear-gradient(90deg,#182436 20%,#202f43 40%,#182436 60%) 0 0/200% 100%;border-radius:7px;animation:1.6s infinite shimmer}.skeleton-line{width:45%;height:18px}.skeleton-block{width:100%;height:38px;margin-top:27px}.footer{color:#647286;justify-content:space-between;gap:15px;padding:28px 2px 38px;font-size:9px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=640px){.page-shell{padding:0 18px}.topbar{height:68px}.live-indicator{font-size:8px}.intro{padding:50px 0 27px}.intro-row{flex-direction:column;align-items:flex-start}.refresh-button{align-self:flex-start}.summary{flex-wrap:wrap;gap:22px;padding:18px}.connection-state{margin:0}.server-card{padding:18px}.card-heading{flex-direction:column;align-items:flex-start}.endpoint-row{grid-template-columns:1fr auto;gap:12px}.endpoint-transport,.endpoint-version,.endpoint-latency{grid-column:1}.endpoint-row>.status-pill{grid-area:1/2}.endpoint-error{grid-column:1/-1;margin:0}.footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}