.latency-page{--monitor-accent:#cbb27e;--monitor-ink:#e4e8df;--monitor-muted:#a3afa5;color:var(--monitor-ink)}.latency-page h1{margin:10px 0 8px}.latency-lead{color:var(--monitor-muted);font-size:15px}.latency-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3b4840;margin:25px 0;background:#17211d}.latency-metrics>div{padding:18px 22px;border-right:1px solid #3b4840}.latency-metrics>div:last-child{border:0}.latency-metrics span{display:block;color:var(--monitor-muted);font-size:12px;margin-bottom:7px}.latency-metrics strong{font:27px Georgia,serif;color:var(--monitor-accent);font-variant-numeric:tabular-nums}.latency-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:20px 0 12px}.latency-toolbar button{background:#18221d;border:1px solid #46554a;color:#bec8bd;padding:7px 13px;cursor:pointer}.latency-toolbar button[aria-pressed=true]{border-color:var(--monitor-accent);color:#f5e2ba;background:#30392a}.latency-toolbar span{margin-left:auto;font-size:11px;color:var(--monitor-muted)}.latency-chart{position:relative;background:#111b17;border:1px solid #36463b;min-height:220px}.latency-chart svg{width:100%;display:block}.latency-chart text{fill:#9fad9f;font-size:11px}.latency-chart #latency-empty{text-align:center;color:#b9c3b8;padding:35px 20px}.latency-chart output{background:#28372e;border:1px solid #7e997f;color:#fff;padding:8px;position:absolute;top:12px;right:12px;pointer-events:none;font-size:12px}.latency-note{color:var(--monitor-muted);font-size:12px;line-height:1.6;margin-top:14px}@media(max-width:600px){.latency-metrics>div{padding:14px 9px}.latency-metrics strong{font-size:20px}.latency-toolbar span{width:100%;margin-top:5px}.latency-chart{min-height:160px}}