@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#eff3ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090b0a;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:#090b0a;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}:root{--bg:#090b0a;--panel:#101211e0;--line:#dce2db29;--muted:#858b86;--green:#a7ff6b;--yellow:#f3c766;--red:#fa776b}.shell{z-index:1;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);column-gap:clamp(60px,10vw,170px);max-width:1440px;min-height:100vh;margin:auto;padding:0 54px 34px;display:grid;position:relative}.background-element{z-index:-1;width:100svw;height:100svh;position:fixed}.background-element:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:100px 100px;animation:8s linear infinite grid-drift;position:fixed;inset:0}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:100px 100px,100px 100px}}.topbar{border-bottom:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;height:86px;display:flex}.brand{color:#fff;align-items:center;gap:11px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--green);width:28px;height:28px;color:var(--green);place-items:center;font-size:16px;font-weight:500;display:grid}.brand-dot{color:var(--green)}.topbar-meta{color:var(--muted);align-items:center;gap:9px;font:11px Space Mono,monospace;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #9df56d18}.divider{background:var(--line);width:1px;height:14px;margin:0 6px}.hero{grid-column:1;align-self:center;padding:0 0 8vh}.eyebrow{color:var(--green);text-transform:uppercase;align-items:center;gap:9px;font:15px Space Mono,monospace;display:flex}.hero-row{margin-top:27px}.hero h1{max-width:460px;margin:15px 0 13px;font-size:clamp(40px,5vw,69px);font-weight:500;line-height:.98;position:relative}.status-underline{text-decoration-line:underline;text-decoration-thickness:7px;-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green);text-underline-offset:7px}.status-underline.down{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.hero p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.last-updated{color:var(--muted);margin-top:18px;font:15px Space Mono,monospace}.refresh-button{border:2px solid var(--line);color:#e9eee8;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:9px;margin-top:40px;padding:15px;font-size:16px;display:flex}.refresh-button:hover{border-color:var(--green);color:var(--green)}.refresh-button:disabled{opacity:.6;cursor:wait}@keyframes spin{to{transform:rotate(360deg)}}.service-group{border:3px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-column:2;align-self:center;width:100%;margin:28px 0;padding:25px 27px 9px;box-shadow:18px 18px #00000029}.service-group:first-of-type{margin-bottom:13px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:18px;display:flex}.section-heading h2{margin:0 0 5px;font-size:17px;font-weight:500}.section-heading p{color:var(--muted);margin:0;font-size:11px}.service-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1.1fr) minmax(150px,1fr) minmax(135px,.7fr) 25px;align-items:center;gap:15px;min-height:69px;display:grid}.service-row.nested{padding-left:30px;position:relative}.service-row.nested:before{content:"";background:var(--line);width:1px;position:absolute;top:-1px;bottom:-1px;left:20px}.service-row.nested:after{content:"";background:var(--line);width:9px;height:1px;position:absolute;top:50%;left:20px}.service-identity{align-items:center;gap:12px;display:flex}.service-indicator{flex:none;width:6px;height:6px}.service-indicator.online{background:var(--green)}.service-indicator.protected{background:var(--yellow)}.service-indicator.offline{background:var(--red)}.service-indicator.checking{background:#8a918a;animation:1.2s infinite blink}@keyframes blink{50%{opacity:.35}}.service-row h3{margin:0 0 3px;font-size:15px;font-weight:700}.service-row p,.service-url{color:var(--muted);margin:0;font-size:15px}.service-url{font:13px Space Mono,monospace}.service-url a{color:inherit;text-underline-offset:4px;text-decoration:none;text-decoration-thickness:1px}.service-url a:hover{color:var(--green);text-decoration:underline}.service-result{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.status-label{font-size:13px}.status-label.online{color:var(--green)}.status-label.protected{color:var(--yellow)}.status-label.offline{color:var(--red)}.status-label.checking{color:var(--muted)}.latency{color:var(--muted);font:12px Space Mono,monospace}.open-link{color:#68736a}.open-link:hover{color:var(--green)}footer{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:square;stroke-linejoin:miter}.api-error{color:#f7aaa0;background:#301d1c;border:1px solid #673a37;grid-column:1/-1;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.api-error button{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}footer{color:#687069;grid-column:1/-1;justify-content:space-between;padding-top:28px;font:10px Space Mono,monospace;display:flex}footer span:first-child{align-items:center;gap:7px;display:flex}@media (width<=900px){.shell{padding:0 24px 30px;display:block}.topbar{height:72px}.hero{padding:70px 0 45px}.service-group{margin:0 0 18px}.service-group:first-of-type{margin-bottom:18px}}@media (width>=901px){.hero{width:min(380px,30vw);padding:0;position:fixed;top:50%;left:max(54px,50vw - 666px);transform:translateY(-50%)}}@media (width<=600px){.topbar-meta span:not(.live-dot):not(.divider){display:none}.hero{padding-top:55px}.hero h1{font-size:48px}.service-group{padding:21px 17px 8px}.service-row{grid-template-columns:1fr auto;gap:10px 12px;padding:15px 0}.service-url{grid-area:2/1}.service-result{grid-area:1/2/span 2;align-items:end}.open-link{display:none}.section-heading{align-items:start;gap:12px}footer{flex-direction:column;gap:14px}}