:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfc;--border: #e4e7eb;--border-strong: #d3d8de;--text: #16191d;--text-2: #5b6472;--text-3: #858e9b;--live: #15803d;--live-bg: #e8f5ed;--building: #b45309;--building-bg: #fdf1e3;--planned: #64748b;--planned-bg: #eef1f4;--flagged: #b91c1c;--flagged-bg: #fdeaea;--pending: #b9c0c9;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(16, 20, 26, .04), 0 1px 3px rgba(16, 20, 26, .03)}@media (prefers-color-scheme: dark){:root{--bg: #0c0e11;--surface: #14171b;--surface-2: #171b20;--border: #242931;--border-strong: #333a44;--text: #e7eaee;--text-2: #9aa3af;--text-3: #78818d;--live: #4ade80;--live-bg: #12291c;--building: #fbbf24;--building-bg: #2b2011;--planned: #94a3b8;--planned-bg: #1c2128;--flagged: #f87171;--flagged-bg: #2c1618;--pending: #414b57;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:28px 20px 72px}.strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:32px}.strip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.strip-headline{display:flex;align-items:center;gap:10px;min-width:0}.strip-headline h1{font-size:19px;line-height:1.3}.beacon{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.beacon-ok{background:var(--live);box-shadow:0 0 0 3px var(--live-bg)}.beacon-attention{background:var(--flagged);box-shadow:0 0 0 3px var(--flagged-bg)}.strip-metrics{display:flex;flex-wrap:wrap;gap:10px 28px;margin:18px 0 0}.metric{margin:0}.metric dt{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);white-space:nowrap}.metric dd{margin:2px 0 0;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.strip-foot{margin:16px 0 0;font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge-fixture{border:1px dashed var(--border-strong);color:var(--text-2);border-radius:999px;padding:1px 8px;font-size:11px}.badge-warn{border:1px solid var(--building);color:var(--building);background:var(--building-bg);border-radius:999px;padding:1px 8px;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-refresh,.btn-back{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:12.5px;font-family:inherit;cursor:pointer;white-space:nowrap}.btn-refresh:hover,.btn-back:hover{border-color:var(--border-strong);color:var(--text)}.btn-refresh:disabled{opacity:.55;cursor:default}.btn-back{margin-bottom:20px}.group{margin-bottom:34px}.group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:12px;display:flex;align-items:center;gap:8px}.count{font-weight:500;color:var(--text-3);background:var(--planned-bg);border-radius:999px;padding:0 7px;font-size:11px;letter-spacing:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.card:hover{border-color:var(--border-strong)}.card:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}.card:active{transform:translateY(1px)}.card-error{cursor:default}.card-error:active{transform:none}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.card-title h3{font-size:15px}.card-title h2{font-size:20px}.card-chevron{color:var(--text-3);flex:0 0 auto;margin-top:2px}.card:hover .card-chevron{color:var(--text-2)}.tag{font-size:11px;color:var(--text-2);background:var(--planned-bg);border-radius:999px;padding:1px 8px;white-space:nowrap}.tag-quiet{background:transparent;border:1px solid var(--border);color:var(--text-3)}.tag-error{background:var(--flagged-bg);color:var(--flagged)}.card-liner{margin:0;font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.error-detail{margin:0;font-size:12px;color:var(--flagged);background:var(--flagged-bg);border-radius:var(--radius-sm);padding:8px 10px;word-break:break-word}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.card-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-3);white-space:nowrap}.sep{opacity:.5}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;border-radius:999px;padding:2px 9px 2px 7px;white-space:nowrap}.chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip-named{max-width:100%;min-width:0}.chip-named .chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-live{color:var(--live);background:var(--live-bg)}.chip-building{color:var(--building);background:var(--building-bg)}.chip-planned{color:var(--planned);background:var(--planned-bg)}.chip-flagged{color:var(--flagged);background:var(--flagged-bg)}.dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.dot-live{background:var(--live)}.dot-building{background:var(--building)}.dot-flagged,.dot-error{background:var(--flagged)}.dot-pending{background:var(--pending)}.links-row{display:flex;align-items:center;gap:4px}.link-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);color:var(--text-3);text-decoration:none}.link-icon:hover{color:var(--text);background:var(--planned-bg)}.links-hub{display:flex;flex-wrap:wrap;gap:8px}.link-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:12.5px;color:var(--text-2);text-decoration:none;background:var(--surface)}.link-pill:hover{border-color:var(--border-strong);color:var(--text)}.detail-head{margin-bottom:24px}.detail-liner{margin:10px 0 0;font-size:13.5px;color:var(--text-2);max-width:70ch}.detail-meta{margin:8px 0 0;font-size:11.5px;color:var(--text-3)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:12px;display:flex;align-items:center;gap:8px}.empty{margin:0;font-size:12.5px;color:var(--text-3)}.feature-list,.endpoint-list{list-style:none;margin:0;padding:0}.feature-row{padding:11px 0;border-top:1px solid var(--border)}.feature-row:first-child{border-top:none;padding-top:0}.feature-main{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.feature-name{font-size:13.5px;font-weight:500;min-width:0}.feature-sub{margin-top:5px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.flag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-2);background:var(--planned-bg);border-radius:var(--radius-sm);padding:1px 6px}.note{font-size:12.5px;color:var(--text-3)}.endpoint-row{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid var(--border)}.endpoint-row:first-child{border-top:none;padding-top:0}.endpoint-row .dot{margin-top:6px}.endpoint-main{min-width:0;display:flex;flex-direction:column;gap:3px}.endpoint-name{font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.endpoint-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--text-2);text-decoration:none;word-break:break-all;display:inline-flex;align-items:center;gap:5px}.endpoint-url:hover{color:var(--text);text-decoration:underline}.endpoint-url.empty{color:var(--text-3);font-style:italic}.health-meta{display:inline-flex;align-items:center;gap:6px}.health-line{font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-2)}.health-line-pending{color:var(--text-3);font-style:italic}.health-up{color:var(--live)}.health-gated{color:var(--building)}.health-down{color:var(--flagged)}.health-unknown,.health-err{color:var(--text-3)}.commit-list{list-style:none;margin:0;padding:0}.commit-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.commit-row:first-child{border-top:none;padding-top:0}.commit-sha{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--text-2);background:var(--planned-bg);border-radius:var(--radius-sm);padding:2px 6px;text-decoration:none;flex:0 0 auto}.commit-sha:hover{color:var(--text)}.commit-main{min-width:0;display:flex;flex-direction:column;gap:2px}.commit-message{font-size:13px;overflow-wrap:anywhere}.commit-meta{font-size:11.5px;color:var(--text-3)}.loading,.fatal{padding:48px 0;color:var(--text-2)}.fatal h1{font-size:17px;margin-bottom:10px}.fatal .btn-refresh{margin-top:14px}@media (max-width: 560px){.wrap{padding:18px 14px 56px}.strip{padding:16px}.strip-headline h1{font-size:17px}.strip-metrics{gap:12px 20px}.metric dd{font-size:19px}.grid{grid-template-columns:1fr}.card-liner{-webkit-line-clamp:4}.feature-main{align-items:flex-start}}@media (max-width: 400px){.strip-head{flex-direction:column;align-items:stretch}.btn-refresh{justify-content:center}.strip-metrics{gap:10px 16px}}