body{background:#1d2327;color:#dce4d9}body>header{max-width:1100px;margin:auto;padding:28px 5%;flex-wrap:wrap;gap:20px}header a{text-decoration:none}main{max-width:1100px;padding:40px 5%}.clock-heading>span{font:10px monospace;letter-spacing:2px}.clock-heading h1{font:clamp(54px,7vw,90px)/1.03 monospace;letter-spacing:-4px;color:#b1da91;margin:30px 0}.clock-heading p{max-width:680px;font:18px/1.7 monospace}.clock-record{margin:40px 0;border:1px solid #59665d;padding:26px;background:#252d2e}.clock-record h2{font:20px monospace}.clock-record dl{max-width:750px}.clock-record dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0;border-bottom:1px solid #59665d}.clock-record dt{font-size:12px}.clock-record dd{margin:0;color:#b1da91;font-size:14px;overflow-wrap:anywhere}.clock-record p{font-size:12px;max-width:800px}.clock-tools{display:grid;grid-template-columns:1fr 1fr;gap:55px}.clock-tools h2,.clock-method h2{font:25px/1.4 monospace}.clock-tools form{max-width:none;margin:0;background:#dce4d9;color:#1d2327;padding:26px}.clock-tools form h2{margin-top:0;font-size:21px}.clock-tools label{font-size:11px}.clock-tools input{border-color:#59665d}.clock-tools button{background:#1d2327;color:#dce4d9;margin:5px 5px 5px 0;font-size:11px}.clock-tools button:disabled{background:#b8c4b4;color:#36443c}.clock-tools output{font:14px/1.9 monospace;white-space:pre-line;overflow-wrap:anywhere;margin:20px 0}.clock-tools small{display:block;font:11px/1.8 monospace}.clock-method{margin-top:45px;padding-top:20px;border-top:1px solid #59665d}.clock-method details{padding:16px 0;border-bottom:1px solid #59665d}.clock-method summary{cursor:pointer}.clock-method p{max-width:850px}.clock-method>p:last-child{font:italic 22px/1.6 Georgia}@media(max-width:720px){main{padding:30px 7%}.clock-heading h1{letter-spacing:-3px}.clock-tools{grid-template-columns:1fr;gap:25px}.clock-record{padding:20px}.clock-record dl>div{grid-template-columns:1fr;gap:5px}.clock-tools form{padding:22px}}