html{font-family:Noto Sans JP,sans-serif;font-weight:400;color:#444}body{margin:0}header{width:90%;height:50px;margin:auto;display:flex;flex-direction:row;justify-content:space-between}header div.item{margin-top:auto}main{width:90%;margin:0 auto}h1,h2{margin:0;color:#789}h1{color:#65a2ac;font-family:Zen Kurenaido,sans-serif}h2{font-size:1.5rem}.timer-container,.crib-sheet-area,.button-container,.button-container-1,.button-container-2{display:flex;align-items:center;justify-content:center;margin-bottom:10px}span.material-symbols-outlined.left{margin-right:.5rem}span.watch{font-family:Noto Sans Mono,monospace;font-size:4rem;font-weight:500}@media(max-width:799px){span.watch{font-size:2.5rem}}.crib-sheet-area{flex-direction:column}div.curr{color:#65a2ac;font-size:2rem;height:2rem;line-height:2rem;margin-top:.5rem;margin-bottom:.5rem}@media(max-width:799px){div.curr{font-size:1.5rem;height:1.5rem;line-height:1.5rem}}div.next{color:gray;height:2rem;line-height:2rem;margin-top:.5rem;margin-bottom:.5rem}@media(max-width:799px){div.next{height:1.5rem;line-height:1.5rem}}button{appearance:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-size:1rem;width:8rem;height:2.5rem}button:disabled{background-color:#fafafa;color:#b4b4b4;cursor:default}button:not(:disabled){color:#5a919a}button.button-item{margin:10px;display:inline-flex;align-items:center}button.button-item.left{padding-left:1.5rem}button.button-item.right{padding-left:2.5rem}@media(max-width:799px){button{width:7rem}button.button-item{margin:5px;display:inline-flex;align-items:center}button.button-item.left{padding-left:1rem}button.button-item.right{padding-left:2rem}}div.io-container{display:flex}@media(max-width:799px){div.io-container{flex-direction:column}}div.io-item label{display:block}div.io-item{width:90%}@media(max-width:799px){div.io-item{width:100%;margin-bottom:20px}}textarea.notes{width:94%;font-family:sans-serif;padding:6px}@media(max-width:799px){textarea.notes{width:calc(100% - 16px)}}tbody.logs-table th,tbody.logs-table td{font-weight:400;text-align:left;vertical-align:top}tbody.logs-table th.logs-table-no,tbody.logs-table th.logs-table-time,tbody.logs-table td.logs-table-no,tbody.logs-table td.logs-table-time{padding-right:1rem}@media(max-width:799px){tbody.logs-table th.logs-table-no,tbody.logs-table th.logs-table-time,tbody.logs-table td.logs-table-no,tbody.logs-table td.logs-table-time{padding-right:.5rem}}footer{color:#888;width:90%;margin:40px auto 20px}footer>div{margin:10px 0;display:flex;flex-direction:row;justify-content:space-around}footer a{color:#447f88;text-decoration:none}footer a:visited{color:#754488}@media(max-width:799px){footer{margin-top:20px}footer>div{width:100%;margin:0 auto;flex-direction:column}footer div.footer-item{margin:0 auto}}span.help-button,span.help-close{font-size:24px;cursor:pointer}div.help-close-outer{width:100%;text-align:right}div.help-window{display:none}div.help-window.active{display:block;background-color:#fff;opacity:.95;width:fit-content;height:fit-content;max-width:80%;max-height:60%;position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;margin:auto;padding:.5rem 2rem 2rem;box-shadow:0 0 5px 1px #999;overflow-y:auto;scrollbar-width:thin}div.help-window a{color:#447f88}div.help-window a:visited{color:#754488}span.material-symbols-outlined:hover{font-variation-settings:"FILL" 1}span.material-symbols-outlined.help-close:hover{color:#fff;background-color:#444}