:root{--cream:#f3ede0;--paper:#fffaf0;--ink:#25211b;--red:#ed5b36;--green:#28493b}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Trebuchet MS,PingFang SC,sans-serif}button,input,select{font:inherit}header{height:82px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;border-bottom:1px solid #cfc5b2;gap:28px}.wordmark{font-weight:900;font-size:18px;display:flex;align-items:center;gap:10px}.wordmark i{width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-style:normal}header p{color:#777064;font-family:Georgia,serif;font-style:italic}header button{margin-left:auto;border:0;border-radius:100px;background:var(--green);color:#fff;padding:13px 22px;font-weight:800;cursor:pointer;min-width:145px}.stop{background:var(--red)}header button:disabled{opacity:.55}main{width:min(1180px,calc(100% - 32px));margin:38px auto}.score{position:relative;padding:34px 42px;background:var(--paper);border:1px solid #cfc5b2}.score:after{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:var(--red);right:40px;top:36px;box-shadow:0 0 0 12px #ed5b3620}.eyebrow{font:10px ui-monospace;letter-spacing:.18em;color:#8b806e}.score h1{font-size:clamp(50px,9vw,104px);margin:15px 0 5px;letter-spacing:-.07em;line-height:.9;font-family:Georgia,serif}.score h1 em{font-style:normal;color:var(--green)}.score h1 em:last-of-type{color:var(--red)}.score h1 small{font:16px ui-monospace;letter-spacing:.1em}.duration{color:#7c7365}.board{display:grid;grid-template-columns:320px 1fr;margin-top:22px;border:1px solid #cfc5b2;background:var(--paper)}aside{padding:28px;border-right:1px solid #cfc5b2}h2{font:28px Georgia;margin:0 0 24px}label{display:block;color:#7d7468;font-size:11px;margin-top:17px;text-transform:uppercase;letter-spacing:.08em}input,select{display:block;width:100%;border:0;border-bottom:2px solid #bdb3a1;background:transparent;color:var(--ink);padding:9px 0;font-size:20px;font-weight:800;outline:none}select{font-size:15px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reset{margin-top:25px;border:0;background:transparent;text-decoration:underline;color:#7d7468;cursor:pointer}.visual{padding:28px;min-width:0}.chart-head{display:flex;justify-content:space-between}.chart-head span{color:#877e72;font-size:11px}.chart-head b{display:block;font:24px Georgia;margin-top:5px}.chart-head p{font-size:11px;color:#958b7c}.visual canvas{width:100%;height:260px;display:block;margin-top:18px;cursor:crosshair}.axis{display:flex;justify-content:space-between;color:#918676;font:10px ui-monospace}.table{background:var(--green);color:#fff;margin-top:22px;padding:30px}.table-title{display:flex;justify-content:space-between;align-items:center}.table-title h2{margin:0}.table-title span{color:#a9c0b6;font-size:12px}.rows{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px}.tr{display:grid;grid-template-columns:.5fr .7fr 1fr .7fr;padding:9px 4px;border-bottom:1px solid #ffffff20;font:12px ui-monospace}.tr span:last-child{text-align:right;color:#f5b69f}.tr.head{color:#9eb3aa;font-size:10px;text-transform:uppercase}.more{text-align:center;color:#a9c0b6;font-size:11px;margin:22px 0 0}footer{text-align:center;border-top:1px solid #cfc5b2;padding:25px;color:#81796d;font-size:11px}@media(max-width:800px){header p{display:none}.score{padding:26px}.score:after{width:30px;height:30px;right:20px;top:20px}.board{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #cfc5b2}.rows{grid-template-columns:1fr 1fr}}@media(max-width:500px){header{gap:8px}.wordmark span{display:none}header button{padding:11px 15px;min-width:130px}.visual{padding:18px}.visual canvas{height:210px}.chart-head p{display:none}.rows{grid-template-columns:1fr}.table{padding:22px 16px}}