*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#202124;font:17px system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:white;border-bottom:1px solid #ccd}main{max-width:960px;margin:auto;padding:1.5rem}h1{font-size:2rem}a{color:#155e99}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#1769aa;color:white;border:0;border-radius:6px;padding:.7rem 1rem}button:disabled{opacity:.55;cursor:default}input:not([type=checkbox]):not([type=range]),textarea,select{display:block;max-width:100%;width:100%;padding:.6rem;border:1px solid #778;border-radius:5px}label{display:block;margin:1rem 0}.controls{display:flex;flex-wrap:wrap;gap:.7rem}.clock{font-size:clamp(3rem,12vw,8rem);font-variant-numeric:tabular-nums;text-align:center;margin:2rem 0}.finished{color:#a12424}.bar{height:1.2rem;background:#1769aa;min-width:2px}figure{background:white;padding:1rem;margin:1rem 0;border-radius:8px}figure img{max-width:100%;max-height:380px}#results p{overflow-wrap:anywhere}#status{color:#753000}button:focus-visible,a:focus-visible{outline:3px solid #d78400;outline-offset:3px}:fullscreen{background:#f5f7fb;overflow:auto}body:has(:fullscreen) .clock{font-size:16vw}[hidden]{display:none!important}