:root{--min-screen:400px}body{background-color:#999;margin:0;overflow-x:hidden;min-width:var(--min-screen)}nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background-color:#999;height:45px;padding:25px 12px;margin:0 -8px}nav,nav ul{display:flex;justify-content:space-between}nav ul li{list-style:none}nav>ul>li>span{font-size:1.5em;margin-right:1em;cursor:pointer;border:outset #000;text-decoration:none;color:#333;background-color:#CCC;padding:.2em}nav>ul>li>ul{display:flex;flex-direction:column;padding:0;margin:.5em 0 0}nav>ul>li>ul>li{display:flex;align-items:center;width:100%;font-size:.7em}.navigate{font-size:1.5em;margin-right:1em;cursor:pointer;border:outset #000;text-decoration:none;color:#333;background-color:#CCC;padding:.2em;width:100%}.navigate.active{background-color:#333;color:#FFF}.navigate-page{font-size:1.5em;margin-right:1em;cursor:pointer;border:outset #000;text-decoration:none;color:#333;background-color:#CCC;padding:.2em;width:100%}.navigate-page.active{background-color:#333;color:#FFF}h1{font-size:36px;margin:0}.loading{font-size:24vh;display:block;text-align:center;height:50vh;padding:13vh 0}.loading svg{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}dialog{z-index:100;border:1px solid #999;padding:0;position:fixed;background-color:#EEE}dialog .top-right-button{float:right;font-size:2em;margin:.5em;cursor:pointer}main.open-dialog>:not(dialog){opacity:30%}table{width:100%;text-align:center;padding:0;font-weight:700;font-size:20px;background-color:#FFF;border-spacing:0;border-collapse:collapse}td,th{border:1px solid #666;position:relative}th{padding:4px}td{padding:20px}th.first{font-size:1.1em}tr:nth-child(2) th:first-child,tr:nth-child(odd) td:first-child,tr:nth-child(odd) th:first-child{width:50px;font-style:italic}td{opacity:20%}thead{position:-webkit-sticky;position:sticky;top:95px;background-color:#EEE;z-index:10;font-size:.9em}td.time{opacity:100%}td .action svg{color:#666;cursor:pointer;position:absolute;top:0;right:0;width:16px;margin:2px}menu{text-align:center;font-size:1em;margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}menu svg{cursor:pointer}.today{border-left:9px double #666;border-right:9px double #666}.future,.today{opacity:100%}.now,.now-time{background-color:#CCC}.task small{display:block;font-size:.6em;opacity:40%;text-align:right;border:1px solid #000;margin:20px -20px -20px}.theme{background-color:#DDD;padding:12px 18px;margin:20px -8px;position:-webkit-sticky;position:sticky;top:95px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.theme.closed{margin-bottom:-16px}.theme svg{font-size:.5em}.theme.open svg{rotate:180deg}.theme.closed svg{rotate:0deg}.board{display:flex;flex-direction:row;justify-content:space-around}.board-column{border:3px inset #000;width:16vw;text-align:center;padding:1vw;background-color:#FFF}.board-card{border:3px outset #000;margin-top:1vw;padding:1vw;background-color:#EEE}.board-card .action{color:#666;cursor:pointer}.board-card .back{float:left;margin-left:0;width:16px;height:16px}.board-card .forward{float:right;margin-right:0;width:16px;height:16px}.board-card h4,.board-card h5{margin-top:0;margin-bottom:0}.board-card .week{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.board-card .single-date,.board-card .week .on{color:#00CC00;font-size:110%;font-weight:700}.board-card .week .off{color:#CCCC00;font-size:90%}.board-card .task-description{text-align:justify;cursor:pointer}.board-card .task-description.short{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.board-card .expander{font-size:.8em;color:#666;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center}.board-card .task-description-link{text-align:justify}.people{width:100%;flex-direction:row;justify-content:space-between}.people,.people span{display:flex}.board-card .priority{display:flex;flex-direction:row;align-items:center;justify-content:center}.board-card .priority .number{display:flex;flex-direction:column;align-items:center}form{margin:auto;padding:20px 50px;flex-direction:row;flex-wrap:wrap;background-color:#EEE;width:660px}form.disabled{color:#999}form div{margin:.5em 1%;width:98%}form div.half{width:48%;display:inline-block}form hr{width:98%;border:none;border-bottom:1px solid #999}label:first-child{display:block}button,input:not([type=checkbox],[type=radio]),select,textarea{width:100%;box-sizing:border-box}textarea{height:15em}@media (max-height:910px){textarea{height:4em}}.week-days{margin:0;width:100%;display:flex;flex-direction:row;justify-content:space-around}.form-error{color:#CC0000}.checklist-cell{text-align:left;vertical-align:top}.checklist-cell p{padding-right:20px;padding-bottom:20px;border-bottom:1px solid #ccc;height:2.5em}.checklist-cell p.no-border{border-bottom:none}.checklist-action svg{color:#666;cursor:pointer;float:right;margin-right:-30px;margin-top:3px}.checklist td,.checklist th{border:1px solid #666}.checklist td{border-top:none;border-bottom:none}.task-full:not(.is-bigger):hover{z-index:10}.task-full{position:absolute;text-align:center;border-width:1px;border-style:solid;border-image:linear-gradient(90deg,rgba(0,0,0,0),#999,rgba(0,0,0,0)) 1;border-image-slice:1;border-top:none;border-left:none;border-right:none;border-radius:8px;padding:0;margin:10px 0}.task-full.has-before{border-bottom:none}.task-full .card{box-sizing:border-box;border-radius:8px;margin:0;padding:0 20px}.task-full .card p{display:inline-block;margin:0}.task-full.limited .card p{white-space:nowrap;overflow:hidden;max-width:calc(100% - 30px);text-overflow:ellipsis}.task-full .card .action{float:right;margin:0 -20px;padding:2px;color:#000000}.task-full .card .priority{float:left;margin:0 -20px 0 -18px;padding:2px;color:#000000;font-size:.7em}.checklist .now{vertical-align:top;text-align:left;font-size:.6em;padding:0 4px;z-index:15;opacity:.7}.checklist td.time{padding-top:0;padding-bottom:40px}.checklist tr:nth-child(2n) .double:nth-child(odd),.checklist tr:nth-child(odd) .double:nth-child(2n){border-right:none}.checklist tr:nth-child(2n) .double:nth-child(2n),.checklist tr:nth-child(odd) .double:nth-child(odd){border-left:none}.task-full{width:calc((100% - 90px) / 6 - 20px)}.task-full.double{width:calc((100% - 90px) / 3 - 20px)}.task-full.has-after-bigger-or-equal{z-index:5}.task-full.has-after,.task-full.has-before{width:calc(((100% - 90px) / 6 - 20px) * 3 / 4)}.task-full.has-after.double,.task-full.has-before.double{width:calc(((100% - 90px) / 3 - 20px) * 3 / 4)}.task-full-0{left:calc(90px + (100% - 90px) / 6 * 0 + 10px)}.task-full-0.task.has-before{left:calc((90px + (100% - 90px) / 6 * 0 + 10px) + ((100% - 90px) / 6 - 20px) / 4)}.task-full-0.task.has-before.double{left:calc((90px + (100% - 90px) / 6 * 0 + 10px) + ((100% - 90px) / 3 - 20px) / 4)}.task-full-1{left:calc(90px + (100% - 90px) / 6 * 1 + 10px)}.task-full-1.task.has-before{left:calc((90px + (100% - 90px) / 6 * 1 + 10px) + ((100% - 90px) / 6 - 20px) / 4)}.task-full-2{left:calc(90px + (100% - 90px) / 6 * 2 + 10px)}.task-full-2.task.has-before{left:calc((90px + (100% - 90px) / 6 * 2 + 10px) + ((100% - 90px) / 6 - 20px) / 4)}.task-full-2.task.has-before.double{left:calc((90px + (100% - 90px) / 6 * 2 + 10px) + ((100% - 90px) / 3 - 20px) / 4)}.task-full-3{left:calc(90px + (100% - 90px) / 6 * 3 + 10px)}.task-full-3.task.has-before{left:calc((90px + (100% - 90px) / 6 * 3 + 10px) + ((100% - 90px) / 6 - 20px) / 4)}.task-full-4{left:calc(90px + (100% - 90px) / 6 * 4 + 10px)}.task-full-4.task.has-before{left:calc((90px + (100% - 90px) / 6 * 4 + 10px) + ((100% - 90px) / 6 - 20px) / 4)}.task-full-4.task.has-before.double{left:calc((90px + (100% - 90px) / 6 * 4 + 10px) + ((100% - 90px) / 3 - 20px) / 4)}.task-full-5{left:calc(90px + (100% - 90px) / 6 * 5 + 10px)}.task-full-5.task.has-before{left:calc((90px + (100% - 90px) / 6 * 5 + 10px) + ((100% - 90px) / 6 - 20px) / 4)}.legend{margin:auto;padding:20px 50px 50px;background-color:#EEE;width:300px}.legend ul{margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.legend ul li{list-style:none;box-sizing:border-box;display:flex;gap:8px;font-size:1.5em}.legend ul li span{height:1em;width:1em;display:inline-block}.only-mobile{display:none}@media (max-width:880px){.hide-mobile{display:none}.only-mobile{display:initial}nav{width:100%;display:flex;padding:20px 0;justify-content:space-between}nav h1{padding:0 .2em 0 .4em}nav ul{margin:0;padding:0}.navigate,.navigate-page{margin:.15em;font-size:1.2em}.task-full{width:calc((max(100%, 400px) - 90px) / 2 - 20px)}.task-full.double{width:calc((max(100%, 400px) - 90px) / 1 - 20px)}.task-full.has-after,.task-full.has-before{width:calc(((max(100%, 400px) - 90px) / 2 - 20px) * 3 / 4)}.task-full.has-after.double,.task-full.has-before.double{width:calc(((max(100%, 400px) - 90px) / 1 - 20px) * 3 / 4)}.task-full-2{left:calc(90px + (max(100%, 400px) - 90px) / 2 * 0 + 10px)}.task-full-2.task.has-before{left:calc((90px + (max(100%, 400px) - 90px) / 2 * 0 + 10px) + ((max(100%, 400px) - 90px) / 2 - 20px) / 4)}.task-full-2.task.has-before.double{left:calc((90px + (max(100%, 400px) - 90px) / 2 * 0 + 10px) + ((max(100%, 400px) - 90px) / 1 - 20px) / 4)}.task-full-3{left:calc(90px + (max(100%, 400px) - 90px) / 2 * 1 + 10px)}.task-full-3.task.has-before{left:calc((90px + (max(100%, 400px) - 90px) / 2 * 1 + 10px) + ((max(100%, 400px) - 90px) / 2 - 20px) / 4)}}