:root{color-scheme:dark;--bg:#07101e;--panel:#111f32;--panel2:#14263d;--line:#253a52;--txt:#f0f7ff;--muted:#9badc4;--cyan:#4ad8fa;--blue:#308afa;--green:#5de3b2;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -30%,#173b65 0,transparent 60%),var(--bg);color:var(--txt);min-height:100vh}.wrap{max-width:1100px;margin:auto;padding:25px 24px 55px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#087df5,#49d7ef);box-shadow:0 6px 25px #00a6ff33}.brand strong{display:block;font-weight:900;letter-spacing:.09em;font-size:20px}.brand span{display:block;color:var(--muted);font-size:12px;letter-spacing:.15em}.pill{border:1px solid #2c5671;background:#11283d;border-radius:100px;padding:8px 12px;color:#9adaff;font-size:12px}.intro{text-align:center;margin:18px auto 29px}.intro h1{font-size:clamp(27px,4.5vw,45px);margin:0 0 9px;letter-spacing:-.035em}.intro p{color:var(--muted);margin:0}.panel{background:linear-gradient(135deg,#14273d,#0e1b2e);border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:0 26px 70px #0004}.primary{max-width:780px;margin:auto}.status{text-align:center;font-size:13px;color:var(--muted);min-height:23px}.gauge{position:relative;max-width:480px;margin:0 auto 12px;height:254px}.gauge svg{width:100%;height:100%;overflow:visible}.gauge .track{stroke:#243e56}.gauge .valueArc{stroke:url(#grad);transition:stroke-dasharray .24s linear}.speedValue{position:absolute;top:47%;width:100%;text-align:center;font-size:clamp(49px,7vw,69px);font-weight:800;letter-spacing:-.05em}.speedValue small{font-size:17px;font-weight:500;letter-spacing:0;color:var(--muted);display:block;margin-top:-3px}.gauge-label{position:absolute;top:35%;width:100%;text-align:center;font-size:12px;letter-spacing:.18em;color:var(--muted)}.results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#102238;border:1px solid #29425d;border-radius:16px;padding:16px;text-align:center}.metric .label{color:var(--muted);font-size:12px}.metric .num{font-size:27px;font-weight:800;display:block;margin:6px 0 1px}.metric .unit{font-size:12px;color:var(--muted)}.actions{text-align:center;margin-top:25px}button{background:linear-gradient(110deg,#116cf4,#29bae8);border:0;border-radius:999px;padding:15px 33px;color:#fff;font-weight:800;font-size:15px;cursor:pointer;min-width:220px;box-shadow:0 10px 28px #087cff40}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;border:1px solid #3b6b8b;min-width:0;box-shadow:none;padding:11px 22px}.detail{display:flex;gap:15px;justify-content:space-between;margin:23px auto 0;max-width:780px;color:var(--muted);font-size:13px;flex-wrap:wrap}.detail strong{color:var(--txt);font-weight:600}.progress{height:4px;background:#1b3550;border-radius:99px;margin:22px auto 0;max-width:780px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#168fff,#60e3eb);transition:width .2s}footer{text-align:center;color:#6e829b;margin-top:40px;font-size:12px;line-height:1.8}footer a{color:#81cbff;text-decoration:none}.hint{margin-top:20px;color:#91a7c1;text-align:center;font-size:12px;line-height:1.7}.error{color:#ff9b9b}@media(max-width:660px){.wrap{padding:18px 14px 35px}.panel{padding:20px 14px}.results{grid-template-columns:repeat(2,1fr)}.gauge{height:218px}.intro{margin:17px 0 23px}.detail{justify-content:center;text-align:center}.metric .num{font-size:23px}}