:root{color:#16201b;background:#eff3e8;font-family:Arial Narrow,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(#b8c2ac 1px,#0000 1px) 0 0/22px 22px;min-width:320px;margin:0}button,input,select{font:inherit}main{max-width:1180px;margin:auto;padding:0 34px 80px}header{border-bottom:1px solid #788174;justify-content:space-between;align-items:center;height:92px;display:flex}header>div{align-items:center;gap:12px;font-size:21px;display:flex}.dot{background:#ef5b34;border-radius:50%;width:14px;height:14px;box-shadow:20px 0 #16201b}header p{text-align:right;text-transform:uppercase;font-size:12px;line-height:1.3}header small{color:#657064}.hero{grid-template-columns:1fr 480px;gap:8vw;padding:65px 0;display:grid}.eyebrow,.title small,.historyhead small{letter-spacing:.17em;color:#657064;font:700 10px monospace}.hero h1{letter-spacing:-.07em;margin:25px 0;font-size:clamp(48px,6.3vw,80px);line-height:.94}.hero h1 em{color:#ef5b34;font-style:normal}.hero form{color:#eff3e8;background:#16201b;border-radius:30px 4px;padding:30px;box-shadow:12px 12px #b9d34b}.hero form h2{margin:0 0 22px}.hero label{letter-spacing:.08em;margin:13px 0;font-size:11px;display:block}.hero input,.hero select{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#29332e;border:1px solid #566158;border-radius:3px;width:100%;margin-top:7px;padding:12px;display:block}.dates{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero button{color:#16201b;cursor:pointer;background:#b9d34b;border:0;border-radius:20px 3px;width:100%;margin-top:10px;padding:14px;font-weight:900}.error{color:#ff9f83;font-size:12px}.stats{background:#eff3e8;border:1px solid #788174;grid-template-columns:1fr 1fr 1.4fr;display:grid}.stats article{border-right:1px solid #788174;padding:24px}.stats article:last-child{border:0}.stats small,.stats span{color:#657064;font-size:11px;display:block}.stats strong{letter-spacing:-.05em;font-size:56px}.stats .taskstat{align-items:center;min-height:67px;font-size:25px;display:flex}.charts{grid-template-columns:1.15fr 1fr;gap:18px;margin-top:18px;display:grid}.charts>article,.history{background:#f8faf3;border:1px solid #788174;padding:25px}.title,.historyhead{justify-content:space-between;align-items:start;display:flex}.title h2,.historyhead h2{margin:4px 0}.title>span{color:#657064;font-size:10px}.linechart{height:255px;margin-top:18px}.linechart svg{width:100%;height:215px;overflow:visible}.linechart line{stroke:#9da697;stroke-width:.5px}.linechart polyline{fill:none;stroke:#ef5b34;stroke-width:2px;vector-effect:non-scaling-stroke}.linechart circle{fill:#16201b;vector-effect:non-scaling-stroke}.axis{color:#657064;justify-content:space-between;font-size:9px;display:flex}.boxes{margin-top:28px}.boxrow{grid-template-columns:60px 1fr 40px;align-items:center;gap:8px;margin:22px 0;font-size:11px;display:grid}.track{height:28px;position:relative}.whisker,.box,.median{display:block;position:absolute}.whisker{border-top:1px solid #16201b;top:13px}.box{background:#b9d34b;border:1px solid #16201b;height:17px;top:5px}.median{border-left:3px solid #ef5b34;height:23px;top:2px}.empty{text-align:center;color:#7a8478;place-items:center;height:230px;font-size:13px;display:grid}.history{margin-top:18px}.historyhead{border-bottom:1px solid #bec5b8;padding-bottom:16px}.history article{border-bottom:1px dashed #bec5b8;grid-template-columns:85px 1fr auto 30px;align-items:center;gap:16px;padding:17px 0;display:grid}.tag{text-align:center;background:#e3e9d9;border-radius:14px;padding:7px;font:10px monospace}.history h3{margin:0 0 5px;font-size:15px}.history p{color:#697267;margin:0;font-size:11px}.history strong{color:#ef5b34}.history strong.early{color:#557c35}.history button{color:#899185;background:0 0;border:0;font-size:22px}.empty.large{height:150px}@media (width<=780px){main{padding:0 18px 50px}.hero{grid-template-columns:1fr;padding:38px 0}.hero h1{font-size:52px}.charts,.stats{grid-template-columns:1fr}.stats article{border-bottom:1px solid #788174;border-right:0}.history article{grid-template-columns:60px 1fr 25px}.history article>strong{grid-column:2}.dates{grid-template-columns:1fr}header p{display:none}}