@font-face{font-family:system-local;src:local("Arial");font-display:swap}
:root{color-scheme:dark;--bg:#0c1015;--panel:#13191f;--line:#26303a;--text:#ebf0f6;--muted:#8c99a8;--cyan:#64dfce;--orange:#ff945c;--red:#ff747c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-feature-settings:"tnum"}button,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}.shell{max-width:1280px;margin:auto;padding:0 40px}.header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:2.7px;color:var(--muted);font-weight:600;margin-top:-2px}.brand-icon{display:flex;align-items:flex-end;gap:3px;height:30px}.brand-icon i{display:block;width:5px;border-radius:2px;background:var(--orange)}.brand-icon i:nth-child(1){height:10px}.brand-icon i:nth-child(2){height:17px}.brand-icon i:nth-child(3){height:24px}.brand-icon i:nth-child(4){height:30px}.server{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.server strong{display:block;font-size:13px;color:var(--text);font-weight:500}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #64dfce40;flex-shrink:0}.transport{border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin-left:10px;font:10px ui-monospace,monospace;letter-spacing:.6px}.intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 29px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;color:var(--muted)}h1{font-size:46px;line-height:1.12;letter-spacing:-2px;margin:9px 0 13px;font-weight:650}h1 span{color:var(--orange)}.intro p{color:var(--muted);font-size:14px;margin:0}.intro-note{text-align:right;display:flex;flex-direction:column;gap:4px}.tiny-label{font-size:9px;letter-spacing:1.7px;color:var(--muted)}#clientAddress{font:14px ui-monospace,monospace}.intro-note small{color:var(--muted);font-size:11px}.panel{border:1px solid var(--line);border-radius:13px;background:var(--panel)}.setup{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.setup-options{display:flex;gap:25px;align-items:center}.control-group>label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.segments,.chart-switch{padding:3px;background:#0c1117;border:1px solid var(--line);border-radius:7px;display:flex;gap:2px}.segments button,.chart-switch button{color:var(--muted);background:none;border:0;border-radius:4px;font-size:11px;padding:8px 13px;white-space:nowrap}.segments button.selected,.chart-switch button.selected{background:#27303a;color:var(--text);box-shadow:0 1px 3px #0003}.checks{display:flex;gap:14px;height:38px;align-items:center}.checks label{display:flex;gap:7px;align-items:center;font-size:12px;cursor:pointer}.checks input{accent-color:var(--orange);width:14px;height:14px;margin:0}select{border:1px solid #35404c;border-radius:6px;background:#171f28;color:var(--text);padding:8px 27px 8px 10px;font-size:12px;max-width:100%}.start-area{display:flex;flex-direction:column;gap:7px;align-items:center}.primary{background:var(--orange);color:#1c1511;border:0;border-radius:7px;padding:13px 18px;min-width:210px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:background .15s}.primary:hover{background:#ffab7d}.primary.running{background:#302321;color:#ffab7d;box-shadow:inset 0 0 0 1px #87533d}.estimate{font-size:10px;color:var(--muted)}.notice{padding:13px 16px;border:1px solid #67523c;background:#2b231b;border-radius:8px;margin-top:15px;color:#e7c29d}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:23px}.metric{padding:18px 20px}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#b4c0cc;font-size:12px}.metric-icon{font-size:22px;line-height:1;color:var(--muted)}.metric-number{display:flex;align-items:baseline;gap:8px;font-size:37px;font-weight:600;line-height:1.25;margin:17px 0 8px;letter-spacing:-1px}.metric-number small{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.metric p{font-size:10px;color:var(--muted);margin:0;min-height:15px}.measurement-grid{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:16px;margin-top:19px}.chart-panel{padding:23px 24px 18px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}h2{font-size:16px;line-height:1.4;letter-spacing:-.3px;margin:4px 0;font-weight:600}.status-badge{white-space:nowrap;color:var(--muted);font-size:8px;letter-spacing:1.2px;padding:5px 8px;border:1px solid var(--line);border-radius:5px}.status-badge.active{color:var(--cyan);border-color:#37675f;background:#15312c}.phase-description{font-size:11px;color:var(--muted);margin:10px 0 18px;min-height:17px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-number{font-size:31px;font-weight:550;letter-spacing:-.8px;display:flex;align-items:baseline;gap:8px}.live-number small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.chart-switch button{padding:6px 10px;font-size:10px}.chart-wrap{margin-top:12px;min-height:165px}#chart{width:100%;height:auto;display:block;overflow:visible}.chart-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin:7px 0 18px}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.cyan-dot{background:var(--cyan)}.orange-dot{background:var(--orange)}.violet-dot{background:#ab9aff}.pink-dot{background:#ed80a5}progress{width:100%;height:4px;border:0;border-radius:4px;display:block;background:#27313c;overflow:hidden}progress::-webkit-progress-bar{background:#27313c}progress::-webkit-progress-value{background:var(--orange);border-radius:4px;transition:width .2s}progress::-moz-progress-bar{background:var(--orange)}.run-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:9px}.run-meta b{color:#bdc9d5;font-weight:400}.pipeline{padding:22px 17px 17px}.pipeline h2{font-size:14px}.muted{color:var(--muted);font-size:10px}.pipeline ol{list-style:none;padding:0;margin:15px 0 11px;display:flex;flex-direction:column;gap:4px}.pipeline li{border:1px solid transparent;border-radius:7px}.pipeline li.active{background:#20312d;border-color:#35544c}.pipeline li.selected{border-color:#43515e}.pipeline li button{display:flex;width:100%;align-items:center;text-align:left;border:0;background:none;color:var(--text);gap:9px;padding:8px 7px;border-radius:6px}.step-index{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:9px;color:var(--muted);flex-shrink:0}.pipeline .done .step-index{color:var(--cyan);border-color:#37675f}.pipeline .failed .step-index{color:var(--red);border-color:#743c44}.step-name{font-size:10px;line-height:1.45;flex:1}.step-name small{display:block;font-size:9px;color:var(--muted)}.step-result{font:10px ui-monospace,monospace;color:var(--muted)}.pipeline-note{border-top:1px solid var(--line);padding-top:13px;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:7px}.results,.latency-panel{margin-top:20px;padding:23px 24px 16px}.export-buttons{display:flex;gap:7px}.export-buttons button{background:none;color:#c2ceda;border:1px solid #35404c;border-radius:5px;font-size:10px;padding:7px 10px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;white-space:nowrap}th{font-weight:500;color:var(--muted);font-size:9px;letter-spacing:.2px;border-bottom:1px solid var(--line);padding:0 12px 13px}th small{font-size:8px;font-weight:400;color:#738191}td{padding:14px 12px;border-bottom:1px solid #232c35;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td.value{font:14px ui-monospace,monospace}td button{background:none;border:0;color:inherit;font:inherit;padding:0;text-align:left;cursor:pointer}td button:hover{color:var(--orange)}tbody tr.current{background:#1b252d}tbody tr.current td:first-child{box-shadow:inset 2px 0 var(--orange);padding-left:9px}.protocol-tag{display:inline-block;border:1px solid #35414d;border-radius:4px;padding:2px 5px;font-size:8px;margin-right:8px;color:#c0ccd8;min-width:40px;text-align:center}.error-text{color:var(--red);font-size:10px}.table-note{margin:13px 0 0;color:var(--muted);font-size:9px}.latency-panel td:first-child{font-size:11px}.latency-panel select{font-size:11px;max-width:270px}.methodology{margin-top:20px;padding:19px 24px}.methodology summary{cursor:pointer;font-size:12px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}.methodology summary::-webkit-details-marker{display:none}.methodology summary span{color:var(--muted);font-size:10px;font-weight:400}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 35px;padding:25px 0 5px}.method-grid h3{font-size:12px;font-weight:600;margin:0 0 8px}.method-grid p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 34px;color:var(--muted);font-size:10px}footer>span{font-size:12px;color:#c0cbd6;white-space:nowrap}footer b{font-size:8px;letter-spacing:1.5px;font-weight:400;margin-left:5px;color:var(--muted)}footer small{font-size:8px;margin-left:5px;color:var(--muted)}footer p{margin:0;text-align:right}button{transition:opacity .15s,background .15s}.hidden{display:none!important}
@media(min-width:1400px){.shell{padding:0 20px}.chart-wrap{min-height:230px}}
@media(max-width:1080px){.setup-options{gap:16px}.setup{gap:12px;padding:18px}.segments button{padding:8px 9px}.primary{min-width:180px;padding:13px}.setup .control-group:last-child select{width:106px}.metric-number{font-size:31px}.measurement-grid{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:850px){.shell{padding:0 24px}.setup{flex-wrap:wrap;gap:20px}.setup-options{flex:1;justify-content:space-between;gap:18px}.start-area{width:100%;flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.primary{min-width:215px}.summary-grid{gap:10px}.metric{padding:15px}.metric-number{flex-wrap:wrap;gap:4px}.metric-number small{font-size:9px}.measurement-grid{grid-template-columns:minmax(0,1fr)}.pipeline ol{display:grid;grid-template-columns:repeat(4,1fr)}.pipeline .step-name{font-size:9px}.pipeline .step-index{display:none}.pipeline-note{display:none}.pipeline{padding:16px}.pipeline ol{margin:10px 0 0}.intro-note{display:none}.chart-wrap{min-height:170px}.header{height:83px}.chart-panel{padding:22px}.run-meta{font-size:10px}}
@media(max-width:560px){.shell{padding:0 16px}.header{height:76px}.brand{font-size:18px}.brand-icon{transform:scale(.8);transform-origin:left center;margin-right:-5px}.brand small{font-size:7px;letter-spacing:2px}.server{font-size:8px;gap:6px}.server strong{font-size:9px}.transport{display:none}.intro{padding:29px 0 24px}h1{font-size:36px;letter-spacing:-1.4px;margin:8px 0 12px}.intro p{font-size:12px;line-height:1.65;max-width:320px}.eyebrow{font-size:8px;letter-spacing:1.6px}.setup{padding:16px;gap:17px}.setup-options{flex-wrap:wrap;gap:15px 20px}.setup .control-group:first-child{width:100%}.control-group>label{margin-bottom:7px;font-size:10px}.segments{width:100%}.segments button{flex:1;font-size:11px}.checks{height:34px;gap:15px}.checks label{font-size:11px}.setup .control-group:last-child{margin-left:auto}.setup .control-group:last-child select{width:118px}.start-area{flex-direction:column;gap:10px;padding-top:16px}.primary{width:100%;min-width:0;font-size:12px;padding:13px 17px}.estimate{font-size:9px}.summary-grid{grid-template-columns:repeat(2,1fr);margin-top:16px;gap:10px}.metric{padding:15px 16px}.metric-label{font-size:11px}.metric-number{font-size:32px;margin-top:10px;flex-wrap:nowrap}.metric-number small{font-size:10px}.metric p{font-size:9px}.metric-icon{font-size:20px}.measurement-grid{gap:12px;margin-top:13px}.chart-panel{padding:18px 16px}.panel-heading{gap:10px;align-items:flex-start}h2{font-size:14px}.status-badge{font-size:7px;padding:5px 6px}.phase-description{font-size:10px;min-height:30px;margin-bottom:12px}.live-number{font-size:28px}.chart-switch button{padding:6px 8px;font-size:9px}.chart-wrap{min-height:110px;margin-top:16px}.chart-bottom{font-size:8px}.run-meta{font-size:8px;gap:10px}.run-meta>span:last-child{white-space:nowrap}.pipeline ol{grid-template-columns:repeat(2,1fr);gap:4px}.pipeline li button{padding:9px 7px}.pipeline .step-index{display:grid}.pipeline .step-name{font-size:10px}.results,.latency-panel{padding:19px 16px 14px;margin-top:14px}.export-buttons{gap:4px}.export-buttons button{padding:5px 7px;font-size:8px}.results .panel-heading{align-items:center}.results h2{font-size:13px;max-width:180px}.latency-panel .panel-heading{flex-wrap:wrap}.latency-panel select{width:100%;max-width:none;margin-top:6px;font-size:11px}.table-wrap{margin-top:17px}th{padding-left:10px;padding-right:10px;font-size:8px}td{font-size:10px;padding:12px 10px}td.value{font-size:12px}.protocol-tag{font-size:7px;padding:2px 3px;min-width:35px;margin-right:5px}.table-note{font-size:8px;line-height:1.7}.methodology{padding:16px;margin-top:14px}.methodology summary{font-size:11px;gap:10px}.methodology summary span{font-size:8px;align-self:center}.method-grid{grid-template-columns:1fr;gap:20px;padding-top:22px}.method-grid p{font-size:10px}.method-grid h3{font-size:11px}footer{flex-direction:column;align-items:flex-start;gap:10px;padding:25px 0}footer p{text-align:left;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}