html{box-sizing:border-box}html *,html *::before,html *::after{box-sizing:inherit;font-family:inherit}body,h1,h2,h3,h4,h5,h6{margin:0}input[type=text]{appearance:none;border:none;background:none;cursor:initial}button{cursor:pointer}ul{list-style-type:none;padding:0;margin:0}:root{--brand-color-rgb: 225 6 0;--brand-color: rgb(var(--brand-color-rgb));--brand-color-contrast-rgb: 0 0 0;--brand-color-contrast: rgb(var(--brand-color-contrast-rgb));--primary-color: dodgerblue;--secondary-color: orangered;--dark-color: black;--grey-color: lightgrey;--light-color: #eee;--white-color: #fff;--fg-color: var(--dark-color);--bg-color: var(--light-color);--box-shadow: 0 1px 3px rgba(var(--dark-color) / 0.1);--bottom-color-bg: #eee;--bottom-color-fg: black;--middle-color-bg: white;--middle-color-fg: darkslategrey;--top-color-bg: var(--brand-color);--top-color-fg: white;--top-color-hover: rgba(var(--brand-color-rgb) / 0.5);--bg-color: var(--bottom-color-bg);--fg-color: var(--bottom-color-fg);--bubble-color: var(--bottom-color-fg);--tile-font-size: 1.125rem;--tile-border-radius: 0.5rem;--button-border-radius: 0.25em}.thenightman{display:none;flex-direction:row;gap:1ch}.thedayman{display:flex;gap:1ch}.nightman{--dark-color: white;--grey-color: grey;--light-color: black}.nightman .thenightman{display:flex;gap:1ch}.nightman .thedayman{display:none}.languagePicker img{height:1em}.tilelist{position:relative}.tilelist:not(.list,.tiles,.active) ul,.tilelist:not(.list,.tiles,.active) footer{display:none}.tilelist.list{overflow:hidden}.tilelist.list header{display:none}.tilelist.list ul{position:static;display:flex;flex-direction:column}.tilelist.list ul{overflow:hidden}.tilelist.list li{border-radius:0}.tilelist.tiles{overflow:hidden}.tilelist.tiles header{display:none}.tilelist.tiles ul{position:static;display:flex;flex-direction:row}.tilelist.tiles ul{gap:.5em;background-color:rgba(0,0,0,0);justify-content:stretch;border-radius:0;overflow:initial}.tilelist.tiles ul li{flex:1;overflow:hidden;flex-direction:column;align-items:center}.tilelist header{z-index:680}.tilelist footer{z-index:600;background-color:rgba(0,0,0,.15);position:fixed;left:0;right:0;top:0;bottom:0}.tilelist ul{z-index:666;position:absolute;list-style-type:none;padding:0;margin:0;width:100%;left:0;top:100%;overflow:hidden}.tilelist li{display:flex;flex-direction:row;justify-content:flex-start}.tilelist li>*{width:100%;height:100%;margin:0}@media only screen and (min-width: 0)and (max-width: 399px){.tilelist:not(.tiles,.list).active header{border-bottom-left-radius:0;border-bottom-right-radius:0}.tilelist:not(.tiles,.list) ul{border-top-left-radius:0;border-top-right-radius:0}.tilelist:not(.tiles,.list) li{border-radius:0}}@media only screen and (min-width: 400px)and (max-width: 599px){.tilelist:not(.dropdown,.tiles){overflow:hidden}.tilelist:not(.dropdown,.tiles) header{display:none}.tilelist:not(.dropdown,.tiles) ul{position:static;display:flex;flex-direction:column}.tilelist:not(.dropdown,.tiles) ul{overflow:hidden}.tilelist:not(.dropdown,.tiles) li{border-radius:0}}@media only screen and (min-width: 600px){.tilelist:not(.dropdown,.list){overflow:hidden}.tilelist:not(.dropdown,.list) header{display:none}.tilelist:not(.dropdown,.list) ul{position:static;display:flex;flex-direction:row}.tilelist:not(.dropdown,.list) ul{gap:.5em;background-color:rgba(0,0,0,0);justify-content:stretch;border-radius:0;overflow:initial}.tilelist:not(.dropdown,.list) ul li{flex:1;overflow:hidden;flex-direction:column;align-items:center}}.bubble{box-sizing:border-box;--_h: var(--bubble-height, var(--bubble-size, 0.8em));--_w: var(--bubble-width, var(--bubble-height, var(--bubble-size, 0.8em)));--_b: var(--bubble-border-thickness, calc(var(--_h) * 0.12));--_b-color: var(--bubble-border-color, var(--bubble-color, inherit));display:inline-block;position:relative;height:var(--_h);width:var(--_w);border:var(--_b) solid var(--_b-color);border-radius:100vw}.bubble::before{display:block;position:absolute;content:"";top:var(--_b);bottom:var(--_b);left:var(--_b);right:var(--_b);background-color:var(--bubble-fill-color, var(--bubble-color, inherit));border-radius:inherit;opacity:0}:checked~.bubble::before{opacity:1}.bubble::after{z-index:-1;content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 var(--_b) var(--_b) var(--_b-color)}:root{--tilelist-list-breakpoint: 400px;--tilelist-tiles-breakpoint: 600px}button *{pointer-events:none}body{--transition-speed: 1000ms;background-color:rgba(0,0,0,0);transition:ease-out background-color var(--transition-speed);display:flex;flex-direction:column;min-height:100vh;background-color:var(--light-color);color:var(--dark-color);font-family:Helvetica,Arial,sans-serif}body>*{opacity:1;transition:ease-in opacity var(--transition-speed)}body.loading{background-color:var(--brand-color)}body.loading>*{opacity:0}body>header{background-color:var(--brand-color);color:var(--brand-color-contrast);display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}body>header>nav ul{display:flex}body>header>nav ul a{color:inherit;padding:.5em}body>header>nav ul a:hover{color:var(--light-color);background-color:rgba(255,255,255,.1)}body>main{flex:1;display:flex;flex-direction:column;gap:1rem;padding:2rem 2rem}body>footer{background-color:var(--brand-color-contrast);color:var(--brand-color);font-size:.8rem;margin-top:auto;text-align:center;padding:.65rem 1rem}.greeting{display:flex;flex-direction:row;align-items:baseline;gap:.5ch;font-size:1.5rem;border-bottom:2px solid;padding-bottom:.35em}.greeting *{font-size:inherit}.greeting input{flex:1;color:var(--brand-color)}.greeting input::placeholder{color:rgba(var(--brand-color-rgb)/0.75)}#newTodoForm>label input[type=text]:focus,.greeting input:focus{outline:2px solid var(--brand-color)}#settings ul,section#todoList label button,section#todoLizt label button,#duedate,#newTodoForm button[type=submit],#newTodoForm>label input[type=text],.greeting input{border-radius:.35em}#newTodoForm>label input[type=text]{background-color:var(--white-color);color:var(--light-color-contrast);padding:.5em}#assignto div input#assignedto-input,#duedate input{display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}#newTodoForm{display:flex;flex-direction:column;gap:1rem}#newTodoForm>label{display:flex;flex-direction:column;gap:.25em;font-size:1.2rem}#newTodoForm>label input[type=text]{font-size:1.2em}#newTodoForm button[type=submit]{border:0;background-color:var(--dark-color);color:var(--light-color);padding:1rem;font-weight:900;font-size:1.3em}#newTodoForm button[type=submit]:hover{color:var(--brand-color)}#newTodoForm button[type=submit]:active{background-color:var(--brand-color);color:var(--light-color)}.tilelist{font-size:1.2rem}.tilelist header{background-color:var(--brand-color);color:var(--light-color);padding:.5em;text-align:center}.tilelist header:hover{filter:sepia(60%)}.tilelist header,.tilelist ul,.tilelist li{border-radius:.25em}.tilelist header,.tilelist header *,.tilelist label,.tilelist label *{cursor:pointer}.tilelist li{background-color:var(--white-color);color:var(--dark-color)}.tilelist label{--bubble-color: var(--brand-color);background-color:var(--white-color);color:var(--dark-color);padding:.5em;display:flex;flex-direction:inherit;align-items:center;gap:.5ch}.tilelist label:hover{background-color:var(--dark-color);color:var(--light-color);--bubble-color: var(--brand-color)}.tilelist label input{display:none}fieldset{padding:0;border:0}fieldset legend{margin-bottom:.5rem}#duedate{overflow:hidden;cursor:pointer;display:flex;justify-content:stretch}#duedate label{position:relative;flex:1;font-size:1.2rem}#duedate:hover span{filter:sepia(60%)}#duedate span{flex:1;display:block;background-color:var(--brand-color);color:var(--light-color);padding:.5em;text-align:center}#duedate button{cursor:pointer;border:0;aspect-ratio:1;background-color:var(--dark-color);color:var(--white-color)}#duedate button:hover{background-color:var(--brand-color);color:var(--brand-color-contrast)}#duedate input{cursor:pointer;opacity:0}#assignto div{position:relative}#assignto div input#assignedto-input{position:absolute;background-color:rgba(0,0,0,0)}#assignto div input#assignedto-shadow{width:100%;color:var(--grey-color)}section#todoList label *:last-child,section#todoLizt label *:last-child{margin-inline-start:auto}section#todoList label:hover button,section#todoLizt label:hover button{background-color:var(--grey-color)}section#todoList label button,section#todoLizt label button{padding:.5em;aspect-ratio:1;display:grid;place-content:center;background-color:rgba(0,0,0,0);border:0}section#todoList label button:hover,section#todoLizt label button:hover{background-color:var(--brand-color);color:var(--light-color)}#settings ul{font-size:.85rem;min-width:100%;width:200%;width:unset}#settings ul li+li.separator{border-top:2px solid var(--brand-color)}#settings ul li{cursor:pointer;display:flex;justify-content:flex-start;align-items:flex-start;gap:1ch;font-size:inherit;width:unset;border-radius:0;padding:.5em}#settings ul li,#settings ul li *{white-space:nowrap}#settings ul li:hover{background-color:var(--brand-color-contrast);color:var(--brand-color)}#settings ul li>*{flex:0}#modal{padding:1rem;max-width:50ch}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}