:root{--bg: #0a0c0e;--bg-panel: #10141a;--bg-panel-hi: #161b22;--line: #1e2530;--line-bright: #2b3543;--text: #e6edf3;--text-dim: #8b97a6;--text-faint: #5a6573;--up: #4ade80;--up-glow: rgba(74, 222, 128, .35);--degraded: #f5b133;--degraded-glow: rgba(245, 177, 51, .35);--down: #ff5468;--down-glow: rgba(255, 84, 104, .4);--unknown: #5a6573;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Bricolage Grotesque", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 600px at 12% -10%,rgba(74,222,128,.05),transparent 60%),radial-gradient(700px 500px at 100% 0%,rgba(53,122,255,.05),transparent 55%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E")}.shell{position:relative;z-index:1;max-width:940px;margin:0 auto;padding:48px 24px 80px}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:10px}.brand .mark{width:9px;height:9px;border-radius:2px;background:var(--up);box-shadow:0 0 10px var(--up-glow)}.conn{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:7px}.conn .led{width:6px;height:6px;border-radius:50%;background:var(--text-faint)}.conn.live .led{background:var(--up);box-shadow:0 0 8px var(--up-glow);animation:pulse 2s ease-in-out infinite}.conn.reconnecting .led{background:var(--degraded)}.banner{margin-top:40px;border:1px solid var(--line-bright);border-radius:14px;padding:34px 32px;position:relative;overflow:hidden;background:var(--bg-panel)}.banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background:radial-gradient(600px 200px at 0% 0%,var(--accent),transparent 70%);pointer-events:none}.banner-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.banner-headline{font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,44px);line-height:1.05;margin-top:12px;letter-spacing:-.01em;display:flex;align-items:center;gap:16px}.banner-dot{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-glow);flex:none}.banner-sub{margin-top:14px;font-size:12px;color:var(--text-dim);letter-spacing:.04em}.section-label{margin:44px 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);display:flex;justify-content:space-between}.services{display:flex;flex-direction:column;gap:12px}.card{border:1px solid var(--line);border-radius:12px;background:var(--bg-panel);overflow:hidden;transition:border-color .25s ease}.card:hover{border-color:var(--line-bright)}.card-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;-webkit-user-select:none;user-select:none}.card-dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);flex:none}.card-id{min-width:0}.card-name{font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:-.01em}.card-url{font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.card-verdict{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);text-align:right}.card-verdict small{display:block;color:var(--text-faint);letter-spacing:.08em;margin-top:3px;font-size:10px}.pills{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 18px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:5px 11px 5px 9px;font-size:11px;color:var(--text-dim);background:var(--bg-panel-hi)}.pill .led{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px var(--accent-glow);flex:none}.detail{border-top:1px solid var(--line);padding:18px 20px 22px;background:var(--bg-panel-hi)}.detail-grid{display:grid;gap:10px}.check-row{display:grid;grid-template-columns:auto 130px 1fr;align-items:center;gap:12px;font-size:12px;padding:7px 0;border-bottom:1px dashed var(--line)}.check-row:last-child{border-bottom:none}.check-row .led{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.check-row .ck-label{color:var(--text);font-weight:500}.check-row .ck-detail{color:var(--text-dim)}.metrics{display:flex;gap:28px;margin-top:18px;flex-wrap:wrap}.metric .m-val{font-size:22px;font-weight:700;color:var(--text)}.metric .m-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-top:3px}.uptime{display:flex;gap:2px;margin-top:16px;height:30px;align-items:stretch}.uptime .tick{flex:1;border-radius:2px;background:var(--line);min-width:2px}.spark{margin-top:16px;width:100%;height:48px}.foot{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.loading{display:flex;align-items:center;justify-content:center;height:60vh;color:var(--text-faint);font-size:12px;letter-spacing:.14em;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.v-up{--accent: var(--up);--accent-glow: var(--up-glow)}.v-degraded{--accent: var(--degraded);--accent-glow: var(--degraded-glow)}.v-down{--accent: var(--down);--accent-glow: var(--down-glow)}.v-unknown{--accent: var(--unknown);--accent-glow: transparent}