:root{font-family:Impact,"Arial Narrow",Arial,"PingFang SC",sans-serif;color:#191914;background:#f1eddf}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}header{height:92px;border-bottom:2px solid #191914;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:18px;line-height:.8;letter-spacing:1px}.brand i{display:inline-block;width:15px;height:15px;background:#ff4d00;border-radius:50%;margin-right:6px}.step{font-family:monospace;font-size:12px}.textBtn{border:0;background:none;text-decoration:underline;cursor:pointer}main{max-width:1280px;margin:auto;padding:55px 5vw}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.intro p{font:16px/1.5 Arial}.intro h1{font-size:clamp(55px,9vw,130px);line-height:.72;text-align:right;margin:0;letter-spacing:-4px}.intro h1 span{color:#ff4d00}.panel{border:2px solid #191914;background:#d8d0b8}.scenes{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid #191914}.scenes button{padding:20px;background:none;border:0;border-right:2px solid #191914;cursor:pointer;text-transform:uppercase}.scenes button:last-child{border:0}.scenes .active{background:#191914;color:#f1eddf}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:30px}.controls label{font:700 13px Arial}.controls output{float:right;color:#ff4d00}.controls input{display:block;width:100%;margin-top:16px;accent-color:#ff4d00}.resultHead{display:flex;justify-content:space-between;align-items:end;margin:60px 0 15px}.resultHead span{font:11px monospace;letter-spacing:2px;color:#ff4d00}.resultHead h2{font-size:32px;margin:5px 0}.meter{text-align:right}.meter b{display:block;font-size:35px}.meter span{color:#191914}.list{border-top:2px solid #191914}.item{display:grid;grid-template-columns:55px 1.4fr 1fr 1fr 55px;align-items:center;border-bottom:1px solid #777366;min-height:92px;gap:15px;transition:.2s}.item.done{opacity:.45;background:#e4dfcf}.check{width:28px;height:28px;border:2px solid #191914;background:transparent;cursor:pointer}.done .check{background:#ff4d00;box-shadow:inset 0 0 0 5px #f1eddf}.num{font:12px monospace}.item h3{font:24px Arial;margin:0}.meta{font:12px/1.5 Arial;color:#4f4c44}.qty{font-size:26px;text-align:right}.cat{font:10px monospace;background:#191914;color:white;padding:4px 6px;width:max-content}aside{margin-top:42px;border-left:9px solid #ff4d00;padding:8px 18px;max-width:780px;font-family:Arial}aside p{line-height:1.6;margin-bottom:0;color:#57534a}@media(max-width:700px){header{height:72px}.step{display:none}main{padding-top:30px}.intro{display:block}.intro h1{text-align:left;margin-top:35px}.scenes button{padding:16px 4px}.controls{grid-template-columns:1fr;gap:20px;padding:22px}.resultHead{align-items:start}.resultHead h2{font-size:24px}.meter b{font-size:24px}.item{grid-template-columns:35px 1fr 70px 34px;padding:15px 0}.item .num{display:none}.item h3{font-size:19px}.item .meta{grid-column:2/4}.qty{font-size:20px;grid-column:3;grid-row:1}.check{grid-column:4;grid-row:1;width:25px;height:25px}}