:root{font-family:Arial,sans-serif;color:#111;background:#eee}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}
.login{max-width:360px;margin:12vh auto;background:#fff;padding:28px}.login h1{font-size:20px;margin:0 0 24px}.login label,#password-dialog label{display:block;font-size:12px;margin:12px 0}.login input,#password-dialog input{display:block;width:100%;border:1px solid #bbb;padding:10px;margin-top:4px}.login button{background:#1976d2;color:white;width:100%;padding:11px}.error{color:#a00;font-size:13px}
#paper{position:relative;z-index:1;max-width:760px;min-height:100vh;margin:0 auto;background:#fff}header{height:48px;display:grid;grid-template-columns:44px 1fr 44px 64px 44px;background:#1976d2;color:#fff;align-items:stretch}header button{font-size:26px;color:#fff}#date{display:flex;align-items:center;padding:0 6px;font-size:16px}#tasks{border-top:1px solid #ddd}
.gutter-nav{position:fixed;top:0;bottom:0;z-index:0;width:calc((100vw - 760px)/6);min-width:0;padding:0;transition:background .15s ease}.gutter-nav:not(:disabled):hover{background:rgba(0,0,0,.025)}.gutter-nav::after{content:"";position:absolute;top:50%;width:0;height:0;opacity:.11;transform:translateY(-50%);transition:opacity .15s ease,transform .15s ease}.gutter-nav:not(:disabled):hover::after{opacity:.22;transform:translateY(-50%) scale(1.08)}#gutter-older{left:calc((100vw - 760px)/3)}#gutter-older::after{right:8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid #222}#gutter-newer{right:calc((100vw - 760px)/3)}#gutter-newer::after{left:8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #222}#gutter-newer:disabled{cursor:default}#gutter-newer:disabled::after{opacity:.035}
.task{display:grid;grid-template-columns:10px 2px 1fr auto 40px;grid-template-rows:23px auto;border-bottom:1px solid #eee;min-height:64px;cursor:pointer}.task:focus-visible{outline:1px solid #1976d2;outline-offset:-1px}.task.no-metadata{grid-template-rows:auto}.metadata{grid-column:1/-1;grid-row:1;display:flex;height:23px;background:rgba(0,0,0,.05);font-size:11px;align-items:flex-start;padding-top:3px}.metadata span{padding:0 7px}.metadata span+span{border-left:1px solid rgba(0,0,0,.4)}.marker,.body,.estimate,.handle{grid-row:2}.no-metadata .marker,.no-metadata .body,.no-metadata .estimate,.no-metadata .handle{grid-row:1}.marker{grid-column:2;width:2px;background:rgba(0,0,0,.25);margin:10px 0}.body{grid-column:3;padding:10px 8px;white-space:normal;overflow-wrap:anywhere}.estimate{grid-column:4;min-width:34px;padding:6px;color:#777;text-align:center;font-size:12px}.estimate small{display:block}.handle{grid-column:5;width:40px;color:#777;font-size:18px;cursor:grab}.handle:active{cursor:grabbing}
.empty{padding:24px 12px;color:#777}dialog{border:0;padding:0;background:#fff;box-shadow:0 4px 30px #0005;width:min(700px,100%);max-height:92vh}dialog::backdrop{background:#0005}#editor[open]{position:fixed;top:8vh;bottom:auto;margin:0 auto;max-height:88vh}#drafts{max-height:calc(88vh - 52px);overflow-y:auto}.dialog-controls{height:52px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;border-bottom:1px solid #ddd}.dialog-controls>*{text-align:center;font-size:20px}#editor-cancel{grid-column:1}#editor-delete{grid-column:2}#editor-save{grid-column:3}#editor-delete svg{display:block;width:21px;height:21px;margin:auto;fill:#333}.draft{border-bottom:1px solid #ddd}.meta-inputs{display:grid;grid-template-columns:1fr 1fr 90px;background:rgba(0,0,0,.05)}.metadata-input{position:relative;min-width:0;border-right:1px solid #bbb}.metadata-input input{display:block;width:100%}.suggestions{display:none;position:absolute;z-index:5;top:100%;left:0;right:0;max-height:168px;overflow-y:auto;background:#fff;border:1px solid #bbb;box-shadow:0 5px 12px #0002}.suggestions.open{display:block}.suggestions button{display:block;width:100%;padding:7px;text-align:left;background:#fff;font-size:12px}.suggestions button:hover,.suggestions button:focus{background:#f0f0f0}.meta-inputs>span{display:flex}.meta-inputs .hours{width:55px}.meta-inputs select{width:35px}.meta-inputs input,.meta-inputs select{min-width:0;border:0;background:transparent;padding:7px;font-size:12px}.meta-inputs select{border-left:1px solid #bbb}.draft textarea{display:block;width:100%;min-height:64px;resize:vertical;border:0;padding:10px}.single-edit .draft textarea{min-height:160px}
.menu-list{display:flex;flex-direction:column}.menu-list>*{display:block;text-align:left;padding:16px 20px;border-bottom:1px solid #eee;text-decoration:none;color:#111}.menu-list input[type=hidden]{display:none}.file-action input{display:none}#archive-days{overflow:auto;max-height:75vh}.archive-day{width:100%;text-align:left;padding:12px;border-bottom:1px solid #ddd}.archive-day strong{display:block}.archive-day span{display:block;color:#555;font-size:13px;margin-top:4px}#password-dialog form{padding-bottom:16px}#password-dialog label{padding:0 18px}
@media(max-width:920px){.gutter-nav{display:none}}@media(max-width:560px){:root{background:#fff}header{grid-template-columns:38px 1fr 38px 52px 38px}.task{grid-template-columns:10px 2px 1fr auto 34px}.handle{width:34px}}