*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;background:radial-gradient(ellipse at 10% 0,#152f46,transparent 65%),#08182b;color:#f0fff8;font:15px system-ui,sans-serif}a{color:#79e9f4;text-decoration:none}.speed{max-width:860px;margin:auto;padding:26px 22px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:40px}.brand{font-size:25px;font-weight:750}.brand span{font-weight:400;color:#79e9f4;margin-left:6px}.eyebrow{letter-spacing:3px;font-size:11px;color:#95afc5;margin-bottom:18px}.hero{border:1px solid #4a6478;border-radius:38px;background:linear-gradient(125deg,#18334d99,#102c35bb);padding:30px;text-align:center;box-shadow:0 18px 80px #0002}.gauge{width:min(340px,100%);position:relative;margin:auto}.gauge svg{width:100%;overflow:visible}#track,#arc{fill:none;stroke-width:11;stroke-linecap:round}#track{stroke:#364a5b}#arc{stroke:url(#g);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .2s;filter:drop-shadow(0 0 7px #7bc6ff77)}.reading{position:absolute;left:0;right:0;bottom:20px;display:flex;flex-direction:column}.reading strong{font-size:56px;font-weight:450;letter-spacing:-2px}.reading span,#stage{color:#a8bfd0}button{font:inherit;cursor:pointer;border:1px solid #79baed;border-radius:999px;background:linear-gradient(110deg,#85caff,#377cb9);color:#0a2339;padding:17px 34px;min-width:220px;font-weight:700;transition:transform .2s}button:active{transform:scale(.96)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.metrics div,.network div{display:flex;flex-direction:column;gap:7px}.metrics small,.network small{font-size:10px;color:#94abbe;letter-spacing:1.3px}.metrics strong{font-size:28px;font-weight:500}.metrics span{color:#8f9eae;font-size:11px}canvas{width:100%;height:100px;margin-top:25px}.network{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px;border:1px solid #344c5e;border-radius:28px;padding:26px;background:#101f2d80}.network strong{font-weight:500;overflow-wrap:anywhere}.note{font-size:12px;color:#91a6b5;line-height:1.7;margin:20px 4px}.quiet{background:none;color:#7cbae9;border:0;min-width:0;padding:12px 0}details{margin:18px 0;color:#b3c7d6}#history>div{font-size:12px;border-bottom:1px solid #344b5d;padding:10px 0}#error{color:#ffbdb0}summary{cursor:pointer}@media(max-width:550px){header{margin-bottom:28px}.brand{font-size:21px}.speed{padding:18px 15px}.hero{padding:25px 14px;border-radius:30px}.metrics{grid-template-columns:1fr 1fr;row-gap:24px}.network{padding:23px 18px;gap:22px 15px}.reading strong{font-size:48px}}

.brand{display:flex;align-items:center;gap:7px}.brand img{flex:none;border-radius:9px}

.hero,.network{animation:ecoEnter .6s cubic-bezier(.16,1,.3,1)}.network{animation-delay:.1s;animation-fill-mode:both}#arc{transition:stroke-dashoffset .55s cubic-bezier(.16,1,.3,1)}@keyframes ecoEnter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero,.network{animation:none}#arc{transition:none}}