:root{--blue:#b7edbd;--dim:#9ba69e;--line:#d9e8da24;--ink:#f0f3e9}body{background:#101411}.app{background:radial-gradient(ellipse at 50% 28%,#29372b 0, #141c17 42%,#101612 80%);max-width:500px}.noise{opacity:.35;background-size:40px 40px}header{padding:24px 26px 12px}header b{font-size:19px;letter-spacing:.12em}.screen{padding:24px 26px 30px;min-height:calc(100svh - 70px)}.home .title{margin-top:8svh;font-size:78px;font-weight:300}.home p{line-height:1.9}.shake{width:210px;height:210px;position:relative;background:radial-gradient(circle at 35% 24%,#425541,#1b281e 65%);border:1px solid #c9edb845;box-shadow:inset 0 2px 3px #e0ffd321,0 22px 55px #0007;font-size:16px}.shake:before,.shake:after{content:'';position:absolute;inset:-14px;border:1px solid #cceab521;border-radius:50%;pointer-events:none}.shake:after{inset:-29px;border-style:dashed;opacity:.5}.shake:disabled{cursor:default;opacity:.7}.hint{font-size:12px;color:#a0b29f;max-width:320px;min-height:60px}.hint button{color:#c9edb8;min-height:44px}.detail,.what{border-radius:16px;background:#c5efb50c;min-height:56px;font-family:inherit}.back{min-height:48px;margin-top:18px}.speed{font-variant-numeric:tabular-nums;font-size:112px;font-weight:300;letter-spacing:-.085em}.unit{margin:16px 0 20px;letter-spacing:.08em;line-height:1.8}.result .eyebrow{margin-top:5svh}.trace{height:150px;background:repeating-linear-gradient(0deg,transparent 0 29px,#d8edcf0a 30px)}.trace path:first-child{stroke:#b7edbd}.data-stream{flex:none;height:260px;font-size:10px;color:#abd3b0;background:#08100b99;border-radius:12px;padding:12px;contain:content}.data .lead{font-size:23px;margin:20px 0}.callout{min-height:60px;font-size:12px;line-height:1.8}.explain{padding-top:26px}.explain .report-speed{border-bottom:1px solid var(--line)}.explain .report-speed strong{font-size:78px}.explain h1{margin-bottom:12px}.explain div{padding:12px 0}button:focus-visible{outline:2px solid #c9edb8;outline-offset:5px}button:active{transform:translateY(2px)}.overdrive .analysis-field{background:radial-gradient(ellipse,#8fff6f15,transparent 70%)}.overdrive .data-stream span{animation:none!important}.explain dd{font-variant-numeric:tabular-nums}.demo-label{color:#e9c787}.capture .shake{box-shadow:0 0 65px #b2ff762c,inset 0 0 22px #d2ff8a22}.capture .shake:after{animation:orbit 3s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-height:700px){.home .title{margin-top:2svh;font-size:60px}.shake{width:166px;height:166px}.data-stream{height:190px}.speed{font-size:90px}.screen{padding-top:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}