:root{color-scheme:dark;--bg:#0b1018;--panel:#111923;--panel-alt:#141e2a;--line:#26303d;--text:#e9eff4;--muted:#8592a4;--mint:#78e7c2;--blue:#90baff;--yellow:#e7c68c;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.mono{font-family:"Cascadia Code",Consolas,monospace}.mint{color:var(--mint)}.subtle{color:var(--muted);font-size:11px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#0f1620;border-right:1px solid var(--line);padding:32px 20px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:650;letter-spacing:-.4px}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;background:var(--mint);color:#10251d;border-radius:10px;width:38px;height:39px;font-size:27px;font-weight:800;line-height:1}.brand-mark span{position:absolute;right:1px;top:0;font-size:19px}.brand-sub{display:block;font-size:9px;color:var(--muted);letter-spacing:1.3px;font-weight:400;margin-top:2px}.nav-caption{font-size:10px;letter-spacing:2px;color:#657488;margin:48px 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 12px;margin-bottom:7px;color:#98a6b8;font-size:13px;border-radius:7px;transition:background .15s,color .15s}.nav-item:hover{background:#192431;color:var(--text)}.nav-item.active{background:#1a302e;color:#a2f2d8}.nav-item svg{width:18px;height:18px}.nav-dot{margin-left:auto;background:var(--mint);height:5px;width:5px;border-radius:50%}.nav-item:not(.active) .nav-dot{display:none}.nav-item .external{margin-left:auto;width:12px;height:12px}.tiny-label{font-size:9px;line-height:1.5;border:1px solid #344152;border-radius:4px;padding:2px 5px;color:#8c9bab;white-space:nowrap}.nav-item .tiny-label{margin-left:auto}.sidebar-note{margin-top:auto;padding:70px 12px 28px}.small-eyebrow{font-size:7px;letter-spacing:1.1px;color:#637287}.sidebar-note p{font-size:14px;line-height:1.9;color:#7f8fa4;margin:12px 0 20px}.mini-wave{display:flex;height:28px;gap:5px;align-items:center;opacity:.42}.mini-wave i{width:3px;height:5px;background:var(--mint);border-radius:3px}.mini-wave i:nth-child(3n){height:18px}.mini-wave i:nth-child(4n){height:27px}.mini-wave i:nth-child(5n){height:12px}.node-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:21px;font-size:11px}.node-card div span{display:block;font-size:9px;color:var(--muted);font-family:Consolas,monospace;margin-top:3px}.node-label{margin-left:auto;border:1px solid var(--line);padding:2px 4px;font-size:9px;color:var(--muted)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 9px #78e7c225;flex-shrink:0}.status-dot.pending{background:var(--yellow)}.status-dot.error{background:#f19898}.workspace{margin-left:224px}.topbar{height:72px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumbs{color:var(--muted)}.breadcrumbs span{margin:0 12px;color:#435267}.breadcrumbs strong{font-weight:400;color:#c5cfdb}.topbar-right{display:flex;align-items:center;gap:18px;color:#a7b5c4;font-size:10px}.topbar-right .status-dot{margin-right:7px}.protocol-pill{border:1px solid var(--line);padding:3px 8px;border-radius:5px;color:#8d9cae;font-family:Consolas,monospace;font-size:10px}main{max-width:1450px;margin:auto;padding:32px 40px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--mint);margin-bottom:6px}h1{font-size:32px;line-height:1.4;letter-spacing:-1px;font-weight:650;margin:0 0 8px}.heading-dot{color:var(--mint);padding-left:4px}p{margin:0}.page-heading p{font-size:12px;color:var(--muted)}.outline-chip{border:1px solid var(--line);border-radius:5px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#95a4b7;white-space:nowrap}.outline-chip svg{width:13px;height:13px}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.test-panel{overflow:hidden}.panel-top{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.section-label{font-size:11px;color:#bbcad8;display:flex;gap:8px;align-items:center}.meter{text-align:center;padding:8px 0 17px}.meter-caption{font-size:10px;color:var(--muted);letter-spacing:.5px}.meter-reading{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 0 3px}.meter-reading>span:first-child{font-size:74px;line-height:1.3;letter-spacing:-4px;font-weight:350;font-variant-numeric:tabular-nums;color:#edf8f5}.meter-unit{font-size:14px;color:#8c9bab;letter-spacing:0}.phase-pill{font-size:10px;color:#8ea195;background:#1a2b2a;padding:4px 9px;border-radius:4px}.phase-pill.running{color:var(--mint)}.phase-pill.error{color:#f3a4a4;background:#352529}.chart{position:relative;margin:0 24px 17px;padding-top:10px}.chart-scale{position:absolute;top:0;left:0;bottom:23px;display:flex;flex-direction:column;justify-content:space-between;color:#586b7f;font-size:8px;pointer-events:none}.chart>svg{display:block;width:100%;height:113px;overflow:visible;stroke-width:1}.chart-grid{stroke:#26313f;stroke-dasharray:3 7;stroke-width:.8}#chart-line{stroke:var(--mint);stroke-width:2;vector-effect:non-scaling-stroke}.chart-ticks{display:flex;justify-content:space-between;font-size:8px;color:#64768a;margin-top:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0 24px;padding:17px 0 18px;border-top:1px solid var(--line)}.metrics>div{text-align:center}.metrics>div+div{border-left:1px solid var(--line)}.metrics span{display:block;font-size:9px;color:#8795a7;margin-bottom:4px}.metrics strong{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}.metrics small{font-size:10px;font-weight:400;color:#718398;margin-left:4px}.test-controls{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:19px 24px 12px;align-items:center;background:#131c26}.control-settings{display:flex;gap:14px}.control-settings label{color:#7d8da0;font-size:10px}.control-settings select{display:block;margin-top:4px;background:#192430;border:1px solid #324050;color:#b8c7d6;font-size:11px;border-radius:5px;padding:6px 22px 6px 8px;min-height:31px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;line-height:1.5;border:1px solid transparent;border-radius:6px;padding:11px 17px;font-size:12px;font-weight:550;white-space:nowrap;transition:filter .15s,background .15s}.button:hover:not(:disabled){filter:brightness(1.09)}.button svg{width:16px;height:16px}.primary{background:var(--mint);color:#102c24;border-color:var(--mint)}.secondary{background:#192330;border-color:#344052;color:#aebccc}.button.small{padding:6px 10px;font-size:10px}.button.small svg{width:13px;height:13px}.action-buttons{display:flex;gap:8px;align-self:flex-end}.test-footnote{padding:0 24px 17px;color:#77899b;font-size:9px;background:#131c26;min-height:32px}.test-footnote.error{color:#f2acac}.right-column{display:flex;flex-direction:column;gap:17px}.connection-panel{padding:21px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title h2,h2{font-size:13px;font-weight:550;line-height:1.5;margin:0}.panel-title p{font-size:10px;color:var(--muted);margin-top:4px}.field-label{display:block;color:#76879a;font-size:9px;margin-top:22px;margin-bottom:6px}.current-host{font-size:13px;color:#c9d7e4;overflow-wrap:anywhere;line-height:1.6}.connection-details{font-size:10px;margin:22px 0}.connection-details div{display:flex;justify-content:space-between;gap:16px;margin-bottom:13px}.connection-details dt{color:#7e8ea2;flex-shrink:0}.connection-details dd{margin:0;color:#b9c9d8;overflow-wrap:anywhere;text-align:right}.notice{border:1px solid #45412f;border-radius:6px;background:#25251f;color:#c1ae80;padding:11px 12px;font-size:10px;line-height:1.8}.notice.secure{border-color:#2e5148;background:#1a2c28;color:#9ad9c5}.iperf-card{display:flex;align-items:center;gap:12px;padding:20px;flex:1;transition:border-color .15s}.iperf-card:hover{border-color:#60758b}.iperf-card h2{font-size:11px}.iperf-card p{font-size:9px;color:var(--muted);margin-top:5px}.iperf-card>svg{margin-left:auto;width:14px;height:14px;color:#6a8095}.terminal-icon{height:33px;width:33px;border-radius:7px;background:#22304a;display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}.terminal-icon svg{width:17px;height:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 14px}.section-heading h2{font-size:14px}.section-heading p{font-size:10px;color:var(--muted);margin-top:5px}.text-link{color:#9aafc1;font-size:10px}.text-link span{color:var(--mint);padding-left:5px}.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.domain-card{border:1px solid var(--line);background:#101822;border-radius:8px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:border-color .15s}.domain-card:hover{border-color:#507165}.domain-letter{width:32px;height:35px;background:#1b3832;color:var(--mint);border:1px solid #33584c;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:6px;flex-shrink:0}.domain-letter.blue{color:var(--blue);background:#1e2d44;border-color:#354666}.domain-card>div{min-width:0}.domain-caption{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}.domain-card strong{display:block;font-family:Consolas,monospace;font-size:12px;font-weight:400;color:#d2dee7;overflow-wrap:anywhere}.domain-meta{font-size:8px;color:#687b8e;margin-top:5px;display:block}.domain-card>svg{margin-left:auto;width:13px;height:13px;color:#6b7b8f}.history-panel{margin-top:24px;overflow:hidden}.history-panel .panel-title{padding:20px 24px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:10px}th{background:#151f2b;color:#8394a7;font-weight:400;padding:11px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:14px 24px;border-top:1px solid #202b39;color:#a6b8c8}td.mbps{color:var(--mint);font-size:12px;font-family:Consolas,monospace}td.hostname{font-family:Consolas,monospace;font-size:10px}.empty-state{text-align:center;padding:29px;color:#687f93;white-space:normal}footer{display:flex;justify-content:space-between;padding:25px 0 23px;color:#586c81;font-size:8px;letter-spacing:.4px}.footer-separator{margin:0 10px;color:#35475b}.download-panel{text-align:center;padding:45px 25px;max-width:820px;margin:0 auto}.feature-icon{display:flex;width:55px;height:55px;align-items:center;justify-content:center;margin:0 auto 21px;border-radius:13px;background:#1f2b3e;color:var(--blue)}.feature-icon svg{width:26px;height:26px}.download-panel .outline-chip{font-size:10px}.bandwidth-value{font-size:90px;line-height:1.4;font-weight:300;letter-spacing:-4px}.bandwidth-value span{font-size:23px;color:var(--muted);letter-spacing:0}.download-panel h2{font-size:22px;margin-bottom:13px}.download-panel>p{color:#98a9b9;font-size:12px;max-width:570px;margin:0 auto;line-height:1.9}.direction-box{display:flex;align-items:center;justify-content:center;gap:26px;margin:30px 0;font-size:12px}.direction-track{color:#678198;display:flex;gap:15px}.direction-track small{font-size:10px}.download-panel p.download-note{font-size:10px;color:#6e8196}.download-panel .button{margin-top:27px}.compare-intro{padding:28px}.compare-intro h2{font-size:23px;margin:16px 0 10px}.compare-intro p{font-size:12px;color:#8e9fb1}.comparison-map{margin-top:35px;padding:24px;background:#0e1620;border:1px solid #263443;border-radius:8px;display:flex;justify-content:space-around;align-items:center;gap:20px}.map-client,.map-server{font-size:12px;color:#aebfce}.map-server{display:flex;gap:8px;align-items:center}.map-server svg{color:var(--mint)}.map-branches{position:relative;display:flex;flex-direction:column;gap:16px}.map-branches a{font-size:12px;font-family:Consolas,monospace;overflow-wrap:anywhere}.map-branches b{color:var(--mint);padding-right:8px}.map-branches a:last-child b{color:var(--blue)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.step{padding:23px}.step>span{font-family:Consolas,monospace;color:#507a6c;font-size:24px}.step h2{font-size:16px;margin:12px 0}.step p{font-size:11px;color:#8398ac;line-height:1.9}.comparison-notice{margin-top:22px;padding:17px;font-size:11px}.comparison-results{padding:23px;margin-top:22px}.comparison-summary{font-size:11px;color:#8c9dad;margin-top:16px;line-height:2}.comparison-summary table{margin-top:10px}.comparison-summary th,.comparison-summary td{padding:10px 12px}.running-dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}
@media(min-width:1550px){main{padding-top:40px}.page-heading{margin-bottom:32px}.chart>svg{height:141px}.meter{padding-top:18px}.test-layout{grid-template-columns:minmax(0,1fr) 310px}.sidebar{width:240px}.workspace{margin-left:240px}}
@media(max-width:1190px){.sidebar{width:190px;padding-left:14px;padding-right:14px}.workspace{margin-left:190px}main{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.test-layout{grid-template-columns:minmax(0,1fr) 246px;gap:16px}.panel-top{padding:18px}.panel-top .subtle{font-size:8px}.test-controls{padding-left:18px;padding-right:18px}.control-settings{gap:8px}.test-controls .button{padding:10px 12px;font-size:11px}.domain-grid{gap:16px}.domain-card{padding:16px 14px;gap:10px}.domain-card strong{font-size:10px}.brand{font-size:15px}.brand-mark{width:34px;height:36px}.brand-sub{font-size:8px}.connection-panel{padding:18px}.iperf-card{padding:17px;gap:9px}}
@media(max-width:1000px){.sidebar{width:176px;padding-left:10px;padding-right:10px}.workspace{margin-left:176px}.brand{gap:8px;font-size:14px}.brand-sub{font-size:7px}.test-layout{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.connection-details{margin:16px 0}.connection-panel .field-label{margin-top:15px}.connection-details div{margin-bottom:8px}.iperf-card{align-self:stretch}.test-panel .chart>svg{height:132px}.domain-card{align-items:flex-start}.domain-card>svg{display:none}.steps{gap:12px}.step{padding:18px}.compare-intro{padding:22px}.comparison-map{gap:12px;padding:18px}.map-branches a{font-size:10px}}
@media(max-width:720px){.sidebar{position:static;width:auto;padding:16px 20px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand-mark{height:32px;width:32px;font-size:23px}.brand-sub{font-size:8px}.sidebar .nav-caption,.sidebar-note,.node-card{display:none}.sidebar nav{display:flex;justify-content:space-between;margin-top:17px;gap:6px}.nav-item{padding:11px 8px;font-size:11px;gap:6px;border-radius:5px 5px 0 0;margin:0}.nav-item svg{width:14px;height:14px}.nav-item .tiny-label,.nav-dot,.nav-item .external{display:none}.workspace{margin-left:0}.topbar{height:49px;padding:0 20px;font-size:10px}.topbar-right{font-size:9px;gap:10px}main{padding:23px 20px 0}.page-heading{margin-bottom:22px;align-items:flex-start}.page-heading>.outline-chip{display:none}h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.9}.eyebrow{font-size:8px}.panel-top{padding:17px}.meter-reading>span:first-child{font-size:66px}.test-panel .chart>svg{height:115px}.chart{margin-left:19px;margin-right:19px}.metrics{margin:0 18px}.test-controls{padding:15px 18px 12px}.control-settings{gap:12px}.test-controls .button{padding:10px 14px}.test-footnote{padding-left:18px;padding-right:18px;line-height:1.7}.right-column{grid-template-columns:1fr}.connection-panel{padding:19px}.connection-details{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;margin:18px 0 11px}.connection-details div{font-size:9px;gap:9px}.current-host{font-size:12px}.iperf-card{padding:17px 19px}.section-heading{gap:12px}.section-heading h2{font-size:13px}.section-heading p{font-size:9px}.text-link{font-size:9px;white-space:nowrap}.domain-grid{grid-template-columns:1fr;gap:11px}.domain-card{padding:15px 18px;align-items:center}.domain-card strong{font-size:12px}.domain-card>svg{display:block}.domain-letter{width:32px}.history-panel .panel-title{padding:18px}.panel-title h2{font-size:12px}.panel-title p{font-size:9px}th,td{padding:12px 18px}footer{gap:12px;font-size:7px;line-height:1.8}footer>span:last-child{text-align:right}.download-panel{padding:32px 20px}.download-panel h2{font-size:19px}.download-panel>p{font-size:11px}.direction-box{gap:14px;font-size:11px}.direction-track{gap:8px}.compare-intro h2{font-size:20px}.compare-intro p{font-size:11px}.comparison-map{flex-direction:column;gap:24px}.map-branches a{font-size:12px}.steps{grid-template-columns:1fr}.step{padding:22px}.step h2{margin:6px 0 9px}.comparison-results .panel-title{align-items:flex-start;flex-direction:column}.comparison-summary{overflow-x:auto}.comparison-notice{font-size:10px}}
@media(max-width:390px){main{padding-left:13px;padding-right:13px}.sidebar{padding-left:13px;padding-right:13px}.nav-item{font-size:10px;padding-left:6px;padding-right:6px}.topbar{padding:0 13px}.panel-top .subtle{font-size:7px}.test-controls{flex-wrap:wrap}.action-buttons{margin-left:auto}.metrics strong{font-size:17px}.control-settings label{font-size:9px}.control-settings select{font-size:10px;padding-right:12px}.test-controls .button{padding:9px 10px;font-size:10px}.domain-card strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}