:root{font-family:Arial,PingFang SC,sans-serif;color:#331f25;background:#ffdcd0;--red:#ef3f47;--blue:#2674e8;--paper:#fff8ef}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select{font:inherit}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #dfcfc5}.logo{font-weight:900}.logo span{display:inline-grid;place-items:center;background:var(--red);color:#fff;width:28px;height:28px;border-radius:50%;margin-right:7px}.status{font-size:11px}.status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aaa;margin-right:7px}.status i.run{background:var(--red);box-shadow:0 0 0 6px #ef3f4733}.hero{padding:70px 6vw 50px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;background:#ffdcd0}.hero>div>p,.section-head p{font-size:10px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(52px,8vw,105px);line-height:.86;letter-spacing:-7px;margin:20px 0 0}h1 em{font-style:normal;color:var(--red)}.desc{max-width:440px;line-height:1.8;border-left:4px solid var(--blue);padding-left:20px}.console{display:grid;grid-template-columns:230px 1fr 230px;min-height:430px;border-top:1px solid;border-bottom:1px solid}.setup{padding:30px;background:#fff}.setup label{display:block;font-size:11px;font-weight:700;margin-bottom:25px}.setup input,.setup select{width:100%;border:0;border-bottom:2px solid;padding:8px 0;font-size:28px;background:#fff}.setup button{width:100%;padding:15px;border:0;background:var(--blue);color:#fff;font-weight:700}.tap{position:relative;background:#33212a;color:#fff;display:grid;place-content:center;text-align:center;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.tap span{font-size:clamp(50px,7vw,96px);font-weight:900;letter-spacing:-4px;z-index:2}.tap b{font-size:12px;z-index:2}.rings i{position:absolute;border:1px solid #ffffff33;border-radius:50%;top:50%;right:50%;bottom:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%)}.rings i:nth-child(2){width:300px;height:300px}.rings i:nth-child(3){width:470px;height:470px}.tap.pulse{background:var(--red)}.tap.pulse .rings i{border-color:#fff;transform:translate(-50%,-50%) scale(1.08)}.live{display:flex;flex-direction:column}.live>div{flex:1;padding:28px;border-bottom:1px solid #dfcfc5}.live span{display:block;font-size:10px}.live b{font-size:37px}.live small{font-size:11px}.early{color:var(--blue)}.late{color:var(--red)}.analysis,.history{padding:75px 6vw}.analysis{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid}.section-head h2{font-size:44px;margin:8px 0 15px}.key{font-size:11px}.key span{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 5px 0 14px}.early-dot{background:var(--blue)}.late-dot{background:var(--red)}.chart{position:relative;margin-top:30px;border:1px solid #d7cfc9;height:340px;padding:30px;overflow:auto;background:repeating-linear-gradient(0deg,#fff 0,#fff 39px,#eee 40px)}.chart svg{height:280px;min-width:700px;width:100%}.chart line{stroke:#555;stroke-dasharray:5}.chart polyline{fill:none;stroke:#34232a;stroke-width:2}.chart circle.early-c{fill:var(--blue)}.chart circle.late-c{fill:var(--red)}.zero{position:absolute;left:35px;top:166px;font-size:9px;background:#fff}.axis{position:absolute;right:10px;top:10px;display:flex;gap:10px;font-size:9px}.lower{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;margin-top:18px}.hist,.verdict{border:1px solid #d7cfc9;padding:25px}.hist h3{margin-top:0}.bars{display:flex;height:155px;align-items:end;gap:10px}.bars>div{flex:1;text-align:center}.bars b{display:block;min-height:3px;background:var(--blue);position:relative}.bars>div:nth-child(n+4) b{background:var(--red)}.bars i{position:absolute;top:-17px;font-size:9px;font-style:normal}.bars span{font-size:9px}.hist>small{font-size:9px;color:#777}.verdict{background:#ffdcd0}.verdict span{font-size:10px}.verdict strong{display:block;font-size:30px;margin:16px 0}.verdict p{font-size:13px;line-height:1.7}.history{background:#f2e9df}.section-head button{border:0;background:none;text-decoration:underline}.runs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.runs article{background:#fff;border-radius:30px 30px 4px 4px;padding:22px}.runs span,.runs small{font-size:9px;display:block}.runs b{font-size:45px}.meter{height:5px;background:#eee;margin-top:15px}.meter i{display:block;height:100%;background:var(--red)}.runs p{font-size:10px}.empty{padding:65px;text-align:center;color:#8b7e78;border:1px dashed #bcada4;margin-top:25px}footer{text-align:center;padding:25px;font-size:10px;background:#33212a;color:#c9bfc2}@media(max-width:800px){.hero{grid-template-columns:1fr}.desc{margin-top:35px}.console{grid-template-columns:1fr}.setup{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup label{margin:0}.setup button{grid-column:1/-1}.tap{height:330px}.live{flex-direction:row}.live>div{padding:16px}.live b{font-size:24px}.lower{grid-template-columns:1fr}.runs{grid-template-columns:1fr 1fr}h1{letter-spacing:-4px}}