:root{color-scheme:dark;--bg:#0b1014;--panel:#131b22;--line:#26323d;--text:#eaf1f5;--muted:#8798a7;--green:#6ce0a0;--blue:#93baff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% -10%,#16312555,transparent 55%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}main{max-width:1440px;margin:auto;padding:30px 42px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:3px;font-size:21px}.brand span{font-weight:400;font-size:13px;letter-spacing:0;color:var(--muted);margin-left:8px}.connection{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.connection::before{content:"";width:7px;height:7px;background:var(--muted);border-radius:50%}.connection.live::before{background:var(--green);box-shadow:0 0 12px #6ce0a060}.connection.error{color:#ffc387}.connection.error::before{background:#ffc387}.intro{padding:38px 0 26px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:2px;font-weight:650}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.15;margin:14px 0 12px}p{color:var(--muted);margin:0;line-height:1.6}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.pills span{font-size:11px;color:#acbbc7;border:1px solid var(--line);border-radius:6px;padding:6px 10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 26px}.stats article{padding:20px 22px;background:linear-gradient(135deg,#172129,#111920);border:1px solid var(--line);border-radius:10px}.label{color:#a8b8c4;font-size:12px}.value{font-variant-numeric:tabular-nums;font-weight:600;font-size:29px;letter-spacing:-.8px;margin:13px 0 7px}.value .unit{font-size:14px;color:var(--muted);font-weight:400;margin-left:5px}small{font-size:11px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px}.panel-head h2{margin:0 0 6px;font-size:16px;font-weight:650}.panel-head span{color:var(--muted);font-size:11px}.controls{display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted)}label{display:flex;align-items:center;gap:6px;cursor:pointer}input{accent-color:var(--green)}button{background:#1a2630;color:#c5d2dc;border:1px solid #344450;border-radius:6px;padding:7px 12px;cursor:pointer;font:inherit}button:hover{background:#273641}button:disabled{opacity:.35;cursor:default}.notice{padding:11px 24px;color:#dfb987;background:#2e251c;border-top:1px solid #5d4324;border-bottom:1px solid #5d4324;font-size:12px;line-height:1.6}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:10px;font-weight:500;color:var(--muted);text-align:left;padding:14px 24px;background:#101820;border-block:1px solid var(--line)}th span{display:block;font-size:10px;color:#5f7487;margin-top:4px}td{padding:16px 24px;border-bottom:1px solid #22303a;font-size:12px;font-variant-numeric:tabular-nums}tbody tr:hover{background:#19242c}.numeric{text-align:right}.profit{color:var(--green);font-weight:600}.tip{color:#bdcedb}.latency{color:var(--blue);font-weight:600}.unmeasured{color:#697c8a}td small{display:block;margin-top:5px;font-size:10px}.route{display:inline-block;border:1px solid #344552;background:#1b2934;color:#b9ccdc;border-radius:4px;padding:4px 7px;font-size:10px}.signature{font-family:ui-monospace,SFMono-Regular,monospace;color:#93a9ba}.empty{text-align:center;color:var(--muted);padding:52px 20px}.panel-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;color:var(--muted);font-size:11px}.panel-foot div{display:flex;align-items:center;gap:12px}.panel-foot button{padding:4px 10px}footer{display:grid;gap:7px;padding:24px 4px;max-width:1050px;color:#6f8495;font-size:11px;line-height:1.7}@media(max-width:900px){main{padding:22px 20px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:28px}.panel-head{align-items:flex-start;flex-direction:column}th,td{padding:14px 16px}}@media(max-width:480px){main{padding:18px 12px}.stats{gap:8px}.stats article{padding:16px 13px}.label{font-size:10px}.value{font-size:24px}.connection{font-size:10px}.controls{gap:10px}}

th,td{padding-left:12px;padding-right:12px}th.stage{line-height:1.45}a{color:var(--blue)}