:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3fff9;background:#07110f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#0a1c18d6,#07110ff5),#07110f;min-width:320px;min-height:100vh;margin:0}a,button{letter-spacing:0}a{color:inherit}.page-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07110fe0;border-bottom:1px solid #82cfb238;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.wordmark{font-weight:900;text-decoration:none}nav{flex-wrap:wrap;gap:8px;display:flex}nav a,footer a{color:#b9d8cb;border:1px solid #0000;border-radius:8px;min-height:38px;padding:9px 12px;text-decoration:none}nav a.active,nav a:hover,footer a:hover{color:#f3fff9;background:#102a23eb;border-color:#57d6a766}.eyebrow{color:#57d6a7;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:2.8rem;line-height:1.03}.content{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 58px}.page-content{padding-top:58px}.page-content h1{max-width:none;margin-bottom:26px;font-size:2.8rem}.status-strip{justify-content:space-between;align-items:flex-end;gap:18px;padding:28px 0 20px;display:flex}.status-cluster{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:620px;display:flex}.status-cluster span,.status-pill{color:#cde3d8;background:#0f1714eb;border:1px solid #82cfb238;border-radius:8px;min-height:30px;padding:6px 9px;font-size:.82rem;font-weight:800}.status-live{color:#76f0bd;border-color:#57d6a77a}.status-partial,.status-stale,.status-reconnecting{color:#ffcf5c;border-color:#ffcf5c73}.status-unavailable{color:#ff9f9f;border-color:#ff7b7b7a}.error-text{color:#ffb5b5!important;border-color:#ff7b7b7a!important}.state-note{color:#b9d8cb;margin:0 0 18px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.metric-grid.compact{margin-bottom:0}.metric,.panel,.item{background:#0f1714e0;border:1px solid #82cfb233;border-radius:8px}.metric{gap:10px;min-height:100px;padding:16px;display:grid}.metric span,.metric small,.muted,.provenance,.item p,footer{color:#a9c4b8}.metric strong{font-size:1.55rem}.panel{margin-top:18px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-head h2{margin:0;font-size:1.25rem}.panel-head>span{color:#ffcf5c;border:1px solid #ffcf5c5c;border-radius:8px;min-height:28px;padding:5px 9px;font-size:.82rem;font-weight:800}.provenance{margin:9px 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.item{min-height:136px;padding:16px}.item h3{margin:0 0 8px;font-size:1rem}.item p{margin:0;line-height:1.5}.watermark-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.watermark{background:#08100ee6;border:1px solid #82cfb22e;border-radius:8px;min-height:132px;padding:14px}.watermark div{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.watermark h3{text-transform:capitalize;margin:0;font-size:.95rem}.watermark p,.watermark small{color:#a9c4b8;overflow-wrap:anywhere}.watermark p{margin:12px 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}footer{border-top:1px solid #82cfb229;justify-content:space-between;gap:12px;width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 34px;display:flex}@media (width<=820px){.topbar{flex-direction:column;align-items:flex-start}nav{width:100%}nav a{text-align:center;flex:120px}h1{font-size:2.2rem}.metric-grid,.item-grid,.watermark-grid{grid-template-columns:1fr}.status-strip{flex-direction:column;align-items:flex-start}.status-cluster{justify-content:flex-start}footer{flex-direction:column}}