*{box-sizing:border-box}body{margin:0;background:#f1ead7;color:#211d30;font:16px/1.6 system-ui,sans-serif}header,main{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid currentColor;font-size:13px}a{color:inherit;text-decoration:none;font-weight:600}main{padding-top:48px}h1{font-size:clamp(38px,8vw,70px);letter-spacing:-.035em;line-height:1.08;margin:20px 0;overflow-wrap:anywhere}.intro{font-size:21px;max-width:50ch}section{margin-top:40px;padding-top:24px;border-top:1px solid currentColor}h2{font-size:22px}label{display:flex;gap:16px;align-items:center;flex-wrap:wrap}select,button{font:inherit;min-height:44px;border-radius:6px;padding:10px 16px;border:1px solid currentColor}button{background:#211d30;color:#f1ead7;cursor:pointer}.secondary,select{background:#f1ead7;color:#211d30}.actions{display:flex;gap:12px;flex-wrap:wrap}#clock{font-size:clamp(60px,14vw,112px);font-variant-numeric:tabular-nums;line-height:1;margin:32px 0}.note,details{font-size:13px;margin-top:36px;max-width:70ch}summary{cursor:pointer;min-height:44px}:focus-visible{outline:3px solid currentColor;outline-offset:4px}.icon{object-fit:contain}@media(max-width:480px){header,main{padding-inline:20px}header span{max-width:16ch;text-align:right}}