#root{font-family:"Noto Serif",serif,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 auto;padding:0rem;text-align:center;--main-color: rgb(0, 128, 128);--fill-color: rgba(255, 255, 255, .87);--shadow-color: rgba(0, 128, 128, .2);--text-color: black;--text-select-color: rgb(255, 255, 255)}body{margin:0;display:flex;min-width:320px;min-height:100dvh;font-size:16px}h1{font-family:Yuji Syuku;font-size:4em;color:var(--main-color);margin:0;padding:2.5dvh 0;height:10dvh}h2{color:var(--main-color)}button{border-radius:8px;border:1px solid var(--main-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--shadow-color);cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--fill-color);color:var(--main-color)}textarea{text-align:center;z-index:1;border-radius:15px;width:200px;height:65px;font-size:max(16px,1em);padding:12.5px 2.5px 15px;box-shadow:5px 2px 0 2px var(--shadow-color)}textarea:focus-visible{outline:var(--main-color) auto 1px}label{font-family:Yuji Syuku;font-size:1.25em;color:var(--main-color);letter-spacing:-2.5px}.reset-button,.reset-check{position:absolute;top:5dvh;right:5vw}.reset-button{opacity:.2;background-color:var(--fill-color)}.reset-check-button-container{display:flex;justify-content:flex-end}.reset-check-button{margin:10px 5px}.new-date{opacity:.5}.reset-button:hover{opacity:1;background-color:var(--fill-color)}@media screen and (max-width:1000px){.reset-check,.reset-button{right:0;top:0;position:relative}.reset-check-button-container{justify-content:center}.reset-button{display:flex;justify-content:center;margin:auto;margin-top:3dvh}}.tasks{margin:20px auto auto;display:flex;flex-direction:column}.task-container{margin:10px auto 5px;height:21dvh}.task{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:25vw}.task-button{height:75px;width:200px;border:solid 1px teal;cursor:default;transition:all 1.5s ease;transition-property:background,color,border,box-shadow;overflow:scroll}.complete{background:linear-gradient(to right,var(--main-color) 50%,var(--fill-color) 50%) left;box-shadow:-5px 2px 0 2px var(--shadow-color);background-size:220% 100%;color:var(--text-select-color)}.complete:hover{color:var(--text-select-color)}.incomplete{background:linear-gradient(to right,var(--main-color) 50%,var(--fill-color) 50%) right;box-shadow:5px 2px 0 2px var(--shadow-color);background-size:220% 100%;color:var(--text-color);cursor:pointer}.task-actions{display:flex;flex-direction:row;gap:10px}.btn-set{background-color:var(--main-color);color:var(--text-select-color)}.btn-set:hover{background-color:var(--fill-color);color:var(--main-color)}.fade-in{animation-name:in;animation-duration:.5s}.fade-out{animation-name:out;animation-duration:.5s}.abs-position{opacity:0;display:block;position:absolute;top:0}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes out{0%{opacity:1}to{opacity:0}}.notes-modal{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2.5dvh;top:0;left:0;z-index:10;width:100vw;height:100dvh;padding-top:5dvh;background-color:var(--text-select-color)}.note-textarea{width:70dvw;height:55dvh}