:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#10151b;--surface:#171e26;--surface-raised:#1b242e;--surface-soft:#141b22;--border:#2a3540;--border-soft:#232d37;--text:#e7edf3;--muted:#82909d;--subtle:#a7b3bd;--green:#64e0a1;--green-deep:#173a30;--blue:#79baff;--orange:#eeb365;--red:#ef7c7c;--mono:"Cascadia Mono", Consolas, monospace;--display:"Segoe UI", "Helvetica Neue", sans-serif;font-family:Segoe UI,Helvetica Neue,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f7;--surface:#fff;--surface-raised:#f8fafb;--surface-soft:#f1f4f6;--border:#dce2e7;--border-soft:#e7ebef;--text:#1d2730;--muted:#70808e;--subtle:#536370;--green:#087c50;--green-deep:#dff3ea;--blue:#2672bd;--orange:#9c5e0b;--red:#b83d3d}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:radial-gradient(ellipse at 50% 12%, color-mix(in srgb, var(--green) 6%, transparent), transparent 35rem), var(--bg);margin:0;font-size:14px;line-height:1.55}button,select{font:inherit}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}.page-shell{width:min(1120px,100% - 48px);margin:0 auto}.skip-link{z-index:5;color:#0c2118;background:var(--green);border-radius:5px;padding:8px 12px;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topbar{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid color-mix(in srgb, var(--green) 55%, var(--border));justify-content:center;align-items:center;gap:2px;width:30px;height:30px;display:flex;transform:rotate(45deg)}.brand-mark span{background:var(--green);border-radius:2px;width:3px;transform:rotate(-45deg)}.brand-mark span:first-child{height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.brand-copy{letter-spacing:.12em;line-height:1.3;display:grid}.brand-copy strong{font-family:var(--display);font-size:11px;font-weight:700}.brand-copy small{color:var(--muted);font:9px var(--mono);letter-spacing:.16em;margin-top:3px}.top-actions{align-items:center;gap:22px;display:flex}.live-label,.section-kicker,.eyebrow,.metric-label,.mode-select>span,.chart-heading,.phase-chip,footer,.private-badge{font:10px var(--mono);letter-spacing:.09em}.live-label{color:var(--subtle);align-items:center;gap:8px;display:inline-flex}.live-dot,.status-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 12px color-mix(in srgb, var(--green) 55%, transparent);border-radius:50%}.icon-button{border:1px solid var(--border);color:var(--subtle);cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:17px}.intro{text-align:center;padding:55px 0 33px}.eyebrow{color:var(--green);justify-content:center;align-items:center;gap:12px;font-size:9px;display:flex}.eyebrow-line{background:color-mix(in srgb, var(--green) 55%, transparent);width:25px;height:1px;display:inline-block}h1,h2{font-family:var(--display);letter-spacing:-.04em;margin:0}h1{margin-top:17px;font-size:clamp(35px,5vw,55px);font-weight:600;line-height:1.08}h1 span{color:var(--green)}.intro p{color:var(--muted);max-width:555px;margin:13px auto 0;font-size:14px}.test-card,.connection-section{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);border-radius:12px;box-shadow:0 14px 50px #00000014}.test-card{padding:26px 30px 21px}.test-heading-row{justify-content:space-between;align-items:start;gap:16px;display:flex}.section-kicker{color:var(--green);font-size:9px}h2{letter-spacing:-.025em;margin-top:4px;font-size:21px;font-weight:600}.mode-select{color:var(--muted);font:9px var(--mono);letter-spacing:.08em;gap:4px;display:grid}.mode-select select{background:var(--surface-soft);color:var(--text);border:1px solid var(--border);font:11px var(--mono);border-radius:6px;padding:7px 10px}.metrics-grid{border:1px solid var(--border-soft);border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:23px;display:grid;overflow:hidden}.metric{background:var(--surface-soft);border-right:1px solid var(--border-soft);min-width:0;min-height:94px;padding:15px 13px 12px}.metric:last-child{border-right:0}.metric-primary{background:color-mix(in srgb, var(--green-deep) 44%, var(--surface-soft))}.metric-label{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.metric-icon{font:14px var(--display);font-weight:600}.down-icon{color:var(--green)}.up-icon{color:var(--blue)}.metric-value{font:30px/1 var(--display);letter-spacing:-.06em;white-space:nowrap;align-items:baseline;gap:6px;margin-top:8px;display:flex}.metric-value small{font:9px var(--mono);color:var(--muted);letter-spacing:0}.metric-value.compact{font-size:24px}.test-controls{align-items:center;gap:10px;min-height:72px;display:flex}.button{cursor:pointer;min-height:38px;font:12px var(--display);border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 15px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button-primary{background:var(--green);border:1px solid var(--green);color:#0c2118;min-width:139px}.button-primary:hover{filter:brightness(1.06)}.button-primary svg{fill:currentColor;width:14px}.button-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover,.icon-button:hover,.text-button:hover{border-color:var(--green);color:var(--green)}.test-status{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.status-dot{background:var(--muted);width:6px;height:6px;box-shadow:none}.status-dot.is-running{background:var(--orange);box-shadow:0 0 10px color-mix(in srgb, var(--orange) 65%, transparent);animation:1.2s ease-in-out infinite pulse}.status-dot.is-done{background:var(--green)}.status-dot.is-error{background:var(--red)}.progress-track{background:var(--border-soft);border-radius:3px;height:3px;overflow:hidden}.progress-track span{background:var(--green);width:0;height:100%;transition:width .3s;display:block}.phase-row{align-items:center;gap:10px;padding:18px 0 15px;display:flex}.phase-chip{color:var(--muted);white-space:nowrap;font-size:8px}.phase-chip span{color:var(--muted);margin-right:4px}.phase-chip.is-current{color:var(--green)}.phase-chip.is-done{color:var(--subtle)}.phase-connector{background:var(--border-soft);flex:1;max-width:90px;height:1px}.chart-wrap{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:7px;padding:12px 14px 7px}.chart-heading{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}#throughput-chart{width:100%;height:90px;display:block;overflow:visible}.chart-grid{stroke:var(--border-soft);stroke-width:1px;stroke-dasharray:3 5}.chart-line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-download{stroke:var(--green)}.chart-upload{stroke:var(--blue)}#chart-empty{fill:var(--muted);font:10px var(--mono)}.chart-legend{font:9px var(--mono);color:var(--muted);justify-content:center;gap:17px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:50%;width:7px;height:7px}.legend-download{background:var(--green)}.legend-upload{background:var(--blue)}.usage-note{color:var(--muted);align-items:start;gap:10px;margin-top:15px;font-size:11px;display:flex}.usage-icon{color:var(--orange);font-size:16px}.usage-note p{margin:0}.usage-note strong{color:var(--subtle);font-weight:600}.methodology,.connection-extra{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:12px}summary{cursor:pointer;color:var(--subtle);justify-content:space-between;font-size:11px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.methodology summary span{color:var(--green);font:15px var(--mono)}details[open] summary span{transform:rotate(45deg)}.details-copy{color:var(--muted);max-width:850px;padding-top:6px;font-size:11px}.details-copy p{margin:8px 0}.connection-section{margin-top:24px;padding:25px 30px 22px}.connection-head{justify-content:space-between;align-items:start;gap:15px;display:flex}.section-subtitle{color:var(--muted);margin:5px 0 0;font-size:11px}.private-badge{border:1px solid color-mix(in srgb, var(--green) 40%, var(--border));color:var(--green);white-space:nowrap;border-radius:20px;padding:6px 9px;font-size:8px}.connection-status{font:10px var(--mono);color:var(--muted);padding:17px 0 5px}.connection-grid{border:1px solid var(--border-soft);border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.connection-field{background:var(--surface-soft);border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);min-width:0;min-height:73px;padding:12px 14px 11px}.connection-field:nth-child(4n){border-right:0}.connection-field:nth-last-child(-n+4){border-bottom:0}.connection-field dt{color:var(--muted);font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase}.connection-field dd{color:var(--text);font:11px var(--mono);overflow-wrap:anywhere;margin:6px 0 0}.connection-extra{margin-top:15px;padding-bottom:0}.browser-grid,#location-grid{margin-top:13px}.browser-grid .connection-field:nth-last-child(-n+4),#location-grid .connection-field:nth-last-child(-n+4){border-bottom:0}.fine-print{color:var(--muted);margin:10px 0;font-size:10px}.connection-actions{border-top:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:17px;margin-top:17px;padding-top:16px;display:flex}.text-button{cursor:pointer;color:var(--subtle);background:0 0;border:1px solid #0000;border-radius:5px;padding:6px;font-size:10px}.text-button:disabled{opacity:.4;cursor:not-allowed}.privacy-check{color:var(--muted);cursor:pointer;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:inline-flex}.privacy-check input{accent-color:var(--green)}.button-export{border:1px solid var(--border);min-height:32px;color:var(--text);background:var(--surface-raised);padding:0 11px;font-size:10px}.button-export:disabled{opacity:.45;cursor:not-allowed}.privacy-strip{border:1px solid var(--border-soft);color:var(--muted);background:color-mix(in srgb, var(--surface) 50%, transparent);border-radius:8px;align-items:start;gap:13px;margin-top:20px;padding:14px 18px;font-size:10px;display:flex}.privacy-symbol{color:var(--green);font-size:18px;line-height:1}.privacy-strip p{margin:0}.privacy-strip strong{color:var(--subtle)}footer{color:var(--muted);letter-spacing:.06em;justify-content:space-between;gap:20px;padding:26px 0 28px;font-size:8px;display:flex}footer a{color:var(--subtle);text-decoration:none}footer a span{color:var(--green)}.footer-center{color:var(--muted);letter-spacing:0;font-family:Segoe UI,Helvetica Neue,sans-serif;font-size:10px}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.4}}@media (width<=900px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid var(--border-soft)}.metric:nth-child(4){border-right:1px solid var(--border-soft)}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-field:nth-child(4n){border-right:1px solid var(--border-soft)}.connection-field:nth-child(2n){border-right:0}.connection-field:nth-last-child(-n+4){border-bottom:1px solid var(--border-soft)}.connection-field:nth-last-child(-n+2){border-bottom:0}}@media (width<=600px){.page-shell{width:min(100% - 28px,520px)}.topbar{height:68px}.brand-copy strong{font-size:9px}.brand-copy small{font-size:8px}.live-label{display:none}.intro{padding:42px 0 25px}.intro p{max-width:380px;font-size:12px}.test-card,.connection-section{padding:20px 16px 17px}.test-heading-row{flex-wrap:wrap;align-items:center}.test-heading-row>div:first-child{width:100%}.test-heading-row .mode-select{flex:1 1 0;min-width:0}h2{font-size:18px}.mode-select select{width:100%;max-width:none;font-size:9px}.metrics-grid{margin-top:18px}.metric{min-height:78px;padding:12px 10px}.metric-label{font-size:7px}.metric-value{font-size:25px}.metric-value.compact{font-size:21px}.test-controls{flex-wrap:wrap;gap:7px;min-height:69px}.test-status{width:100%;margin:-4px 0 7px}.button-primary{min-width:120px}.phase-row{gap:6px;padding:15px 0 11px}.phase-chip{font-size:7px}.phase-connector{max-width:36px}.chart-wrap{padding:10px 8px 7px}.connection-head{flex-direction:column}.private-badge{margin-top:-5px}.connection-field{min-height:68px;padding:10px}.connection-field dt{font-size:7px}.connection-field dd{font-size:10px}.connection-actions{gap:8px}.privacy-check{width:100%;margin:2px 0}.button-export{margin-left:auto}footer{flex-wrap:wrap;padding-top:22px}.footer-center{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}