:root{color-scheme:dark;--bg:#080e1b;--panel:#101929;--panel2:#121e30;--line:#243044;--muted:#96a6bc;--text:#eef4fc;--cyan:#3cdbdf;--mint:#4be0b2;--blue:#2699f2;--red:#ff8e98}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;min-height:100px;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.5px}.brand:hover{text-decoration:none}.brand img{object-fit:contain;border-radius:50%}.brand b{font-weight:400}.brand small{display:block;font-size:10px;letter-spacing:3.2px;color:var(--muted);margin-top:6px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.site-header nav a{color:var(--muted)}.site-header nav a:first-child{color:var(--text)}.nav-admin{border-left:1px solid var(--line);padding-left:30px}.test-layout,.admin-layout{max-width:1240px;padding:40px 32px 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2.1px;font-weight:700;color:var(--cyan)}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:12px 0}h2{font-size:20px;letter-spacing:-.3px;line-height:1.4;margin:0 0 12px}p{margin:12px 0;color:var(--muted)}.intro p{margin:8px 0 0}.outline-tag{border:1px solid #2c465a;border-radius:5px;font-size:11px;letter-spacing:1.5px;padding:8px 11px;white-space:nowrap;color:#a4c4d9}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.test-panel{border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 50% 66%,#12304244,transparent 60%),var(--panel);padding:23px 28px 20px;min-width:0}.test-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}#test-status:before{content:'';display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:9px}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:28px 0 5px}.metric{border-right:1px solid var(--line)}.metric>span{display:block;font-size:14px;color:var(--muted)}.metric-icon{font-style:normal;color:var(--cyan);font-size:20px;margin-right:5px}.metric.upload .metric-icon{color:var(--mint)}.metric strong{font-variant-numeric:tabular-nums;display:inline-block;line-height:1.4;font-size:36px;font-weight:600;letter-spacing:-1.5px}.metric>small{font-size:12px;color:var(--muted);margin-left:7px}.metric.active strong{color:var(--cyan)}.metric.upload.active strong{color:var(--mint)}.latencies{display:flex;flex-direction:column;justify-content:center;gap:7px}.latencies>div{display:grid;grid-template-columns:1fr auto 22px;align-items:baseline;gap:7px;font-size:13px}.latencies span,.latencies small{color:var(--muted)}.latencies strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.gauge-wrap{position:relative;width:min(100%,480px);margin:5px auto 0}.gauge{display:block;width:100%;height:auto;overflow:visible}.gauge path{fill:none;stroke-linecap:round}.gauge-track{stroke:#233248;stroke-width:13}.gauge-inner{stroke:#263348;stroke-width:1;stroke-dasharray:1 9}.gauge #gauge-fill{stroke:url(#gauge-gradient);stroke-width:13;stroke-dasharray:0 100;transition:stroke-dasharray .2s linear}.gauge text{font-size:12px;fill:var(--muted);text-anchor:middle}.gauge-center{position:absolute;top:41%;left:50%;transform:translate(-50%,-20%);text-align:center}.go-button{border:1px solid #48cee2;border-radius:50%;width:142px;height:142px;background:radial-gradient(circle,#173447 0,#0b1b2b 75%);box-shadow:0 0 0 9px #1bb3dd08,0 0 34px #2cd5ed0c;color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .2s,transform .2s}.go-button:hover:not(:disabled){box-shadow:0 0 0 12px #1bb3dd10,0 0 40px #2cd5ed22;transform:scale(1.025)}.go-button span{font-size:40px;font-weight:400;letter-spacing:1px}.go-button small{font-size:10px;letter-spacing:1.9px;color:var(--cyan)}#live-reading{min-width:200px}#live-reading>span{font-size:11px;letter-spacing:2px;color:var(--cyan)}#live-reading strong{display:block;font-size:46px;letter-spacing:-2px;font-weight:500;line-height:1.2}#live-reading>small{display:block;color:var(--muted)}#live-reading button{display:block;margin:13px auto 0;font-size:13px}.text-button{border:0;background:none;padding:0;color:var(--cyan);font-size:14px;line-height:1.6}.text-button:hover{text-decoration:underline}.test-progress{text-align:center;margin-top:0}.test-progress>span{font-size:13px;color:var(--muted)}progress{display:block;width:100%;height:3px;appearance:none;border:none;background:#1d2b3c;border-radius:4px;margin-top:19px}progress::-webkit-progress-bar{background:#1d2b3c}progress::-webkit-progress-value{background:var(--cyan)}progress::-moz-progress-bar{background:var(--cyan)}.side-panel{display:flex;flex-direction:column;gap:20px}.connection-card,.tips-card{border:1px solid var(--line);border-radius:14px;padding:23px;background:var(--panel)}.connection-card .eyebrow,.tips-card .eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.6px}.connection-heading{display:flex;gap:12px;align-items:center;margin:19px 0}.connection-heading h2{font-size:16px;margin:0}.connection-heading p{font-size:12px;margin:2px 0}.server-symbol{font-size:32px;line-height:1;color:var(--cyan)}label{font-size:14px;display:block;color:#c6d1e1}input,select{display:block;width:100%;background:#0c1524;color:var(--text);border:1px solid #334156;border-radius:7px;padding:11px 12px;margin-top:7px;min-width:0}select{font-size:13px}.small-text{font-size:13px}.muted{color:var(--muted)}.health-list{font-size:12px;margin-top:12px}.health-list>div{display:flex;justify-content:space-between;gap:10px;margin-top:6px}.health-list strong{font-weight:500;white-space:nowrap;color:var(--cyan)}.tips-card{background:transparent;flex:1}.tips-card h2{font-size:18px;margin:16px 0}.tips-card ul{padding:0 0 0 17px;color:var(--muted);font-size:13px}.tips-card li{margin:8px 0;padding-left:3px}.tips-card li::marker{color:#52718e}.data-note{font-size:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.history-section{margin-top:35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{font-size:18px;margin:0}.section-heading h2 span{font-size:10px;font-weight:400;letter-spacing:1.4px;color:var(--muted);margin-left:13px}.section-heading button{font-size:12px}.empty-history{border:1px dashed #29374c;border-radius:10px;padding:21px;display:flex;align-items:center;justify-content:center;gap:16px}.empty-history>span{font-size:27px;color:#6c839e}.empty-history p{font-size:14px;margin:0;color:#b2bfd0}.empty-history small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.bottom-note{display:flex;justify-content:center;gap:25px;font-size:11px;color:#71839c;margin:28px 0}.bottom-note span+span:before{content:'·';margin-right:25px}.site-footer{max-width:1176px;margin:20px auto 0;border-top:1px solid var(--line);padding:23px 0 28px;display:flex;align-items:center;justify-content:space-between;color:#74869f;font-size:11px;gap:16px}.site-footer>span:last-child{display:flex;gap:23px}.site-footer a{color:var(--muted)}.footer-sep{margin:0 9px}.panel{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:22px 0}.narrow{max-width:740px;margin:55px auto;padding:0 28px;min-height:60vh}.narrow h1{font-size:44px;margin:18px 0}.login{max-width:540px}.stack{display:flex;flex-direction:column;gap:18px}.button{display:inline-block;background:var(--cyan);color:#071321;border:1px solid var(--cyan);border-radius:7px;padding:11px 20px;font-size:14px;font-weight:600;text-align:center}.button:hover{background:#7be6e9;text-decoration:none}.button.secondary{background:transparent;color:var(--text);border-color:#46566c}.button.small{padding:8px 13px;font-size:12px}.notice{background:#132b3b;border:1px solid #285066;border-radius:8px;padding:14px 17px;font-size:14px;margin:18px 0}.notice.error{background:#301c2a;border-color:#65404b;color:#ffc5cb}.notice.success{background:#142e2c;border-color:#235347;color:#b3f2d9}.result-actions{display:flex;align-items:center;gap:14px;margin-top:17px}.result-actions>span{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;white-space:nowrap}th,td{padding:15px 18px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.6px;background:#121c2c}tr:last-child td{border:0}td small{display:block;color:var(--muted);font-size:12px}td strong{font-weight:500}code{background:#1c293c;padding:2px 5px;border-radius:4px;font-size:13px;overflow-wrap:anywhere}.narrow li{margin:15px 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:18px;height:18px;margin:0;accent-color:var(--cyan)}label small{font-size:12px;color:var(--muted)}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-summary>div{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.admin-summary strong{font-size:28px;display:block;color:var(--cyan)}.admin-summary span{font-size:13px;color:var(--muted)}.endpoint{display:block;max-width:240px;overflow-wrap:anywhere;white-space:normal;font-size:12px}.badge{font-size:11px;padding:4px 9px;border-radius:5px;background:#27303e;color:#b1bece}.badge.enabled{background:#183d36;color:#88e9c6}.danger{color:var(--red);font-size:12px}.delete-form{margin-top:5px}summary{cursor:pointer}details .stack{margin-top:24px;max-width:500px}.shared-metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px}.shared-metrics strong{display:block;font-size:38px;color:var(--cyan);line-height:1.3}.shared-metrics small,.shared-metrics span{font-size:14px;color:var(--muted)}.prose h2{margin-top:30px}.prose .panel h2{margin-top:0}.prose dt{font-weight:600;color:var(--cyan);margin-top:20px}.prose dd{margin:6px 0 0;color:var(--muted)}@media(min-width:1440px){.test-layout{padding-top:50px}.test-panel{padding-top:26px;padding-bottom:25px}.gauge-wrap{margin-top:20px}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 285px}.test-panel{padding:20px}.metric strong{font-size:29px}.metric>small{display:block;margin:0}.metrics{gap:12px}.site-footer{margin-left:32px;margin-right:32px}.gauge-center{top:41%}.go-button{width:120px;height:120px}.go-button span{font-size:34px}#live-reading strong{font-size:36px}}@media(max-width:760px){.site-header{min-height:80px;padding:17px 20px}.brand{font-size:18px}.brand img{width:36px;height:36px}.brand small{font-size:9px}.site-header nav{gap:18px;font-size:12px}.site-header nav .nav-admin{display:none}.test-layout,.admin-layout{padding:28px 18px 0}.intro{margin-bottom:23px}.intro h1{font-size:27px}.intro p{font-size:14px}.outline-tag{display:none}.workspace{grid-template-columns:1fr}.test-panel{padding:20px}.metrics{grid-template-columns:1fr 1fr .9fr;padding-top:23px}.metric strong{font-size:32px}.metric>small{display:inline;margin-left:4px}.gauge-wrap{width:min(100%,440px);margin-top:12px}.go-button{width:130px;height:130px}.gauge-center{top:40%}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-card,.tips-card{padding:20px}.section-heading h2 span{display:block;margin:3px 0 0}.bottom-note{gap:12px;font-size:10px}.bottom-note span+span:before{display:none}.site-footer{margin-left:20px;margin-right:20px;flex-direction:column;align-items:flex-start;gap:10px}.narrow{margin-top:32px}.narrow h1{font-size:36px}.form-grid{grid-template-columns:1fr}.panel{padding:22px}.admin-summary{gap:10px}.admin-summary>div{padding:15px}.admin-summary span{font-size:12px}.result-actions{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.side-panel{grid-template-columns:1fr}.tips-card{display:none}.metrics{gap:12px}.metric strong{font-size:27px}.metric>small{display:block;margin:0}.latencies>div{gap:3px;font-size:12px}.latencies strong{font-size:15px}.latencies small{font-size:10px}.metric>span{font-size:12px}.test-top{font-size:11px}.go-button{width:110px;height:110px}.go-button span{font-size:32px}.go-button small{font-size:9px}.gauge-center{top:42%}#live-reading strong{font-size:34px}#live-reading>small{font-size:12px}#live-reading button{margin-top:7px}.empty-history{justify-content:flex-start;padding:18px}.empty-history p{font-size:12px}.empty-history small{font-size:11px}.shared-metrics strong{font-size:30px}.admin-summary{grid-template-columns:1fr}.admin-summary>div{display:flex;align-items:center;gap:15px}.site-header nav{gap:13px}.site-header nav a{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media print{body{background:white;color:black}.site-header nav,.site-footer,.button{display:none}.panel{background:white;border:1px solid #ccc}.shared-metrics strong{color:black}}
/* Keep the entire dial below the readings, including at narrow breakpoints. */
.gauge-center{top:60%;transform:translate(-50%,-50%)}.metric strong.large-value{font-size:24px;letter-spacing:-.8px}@media(max-width:480px){.metric strong.large-value{font-size:20px}}
.test-data-note{text-align:center;font-size:12px;color:var(--muted);margin:14px 0 0}