html[data-color-mode=dark] body{background-color:#1d2125;color:#b6c2cf;line-height:125%}html[data-color-mode=dark] span.sub-text{color:#9fadbc}html[data-color-mode=dark] span.sub{margin-left:2px;color:#9fadbc;font-size:.75rem}html[data-color-mode=dark] li{border-color:#d0deed}html[data-color-mode=light] body{background-color:#fff;color:#172b4d}html[data-color-mode=light] span.sub-text{color:#0c66e4}html[data-color-mode=light] span.sub{color:#0c66e4;font-size:.75rem}html[data-color-mode=light] li{border-color:#314a76}.header{padding:5px;border-bottom:1px solid}.header h1{font-size:1.4rem}.header h2{margin-top:5px;font-size:1.2rem;line-height:125%}.container{max-width:480px;margin:0 auto}.time-tracking{padding:5px}.time-tracking h3{font-size:1.1rem}.worklog{padding:5px;border-top:1px solid;margin-top:20px}.worklog h3{font-size:1.1rem}.worklog ul{max-height:250px;overflow:auto;padding:0}.worklog ul :first-child{border:none}.worklog ul li{border-top:1px solid;padding:5px}.footer{padding:5px;border-top:1px solid;margin-top:20px}.footer p{text-align:center;font-size:.88rem}