@font-face{font-family:Josefin Sans;src:url(/assets/JosefinSans-VariableFont_wght-4CYtYlBz.ttf)format("woff2")}:root{--white-color:#fff;--black-color:#000;--purple-800:#393a4b;--purple-700:#4d5067;--purple-600:#5b5e7e;--purple-300:#c8cbe7;--purple-100:#e3e4f1;--gray-700:#979797;--gray-600:#9495a5;--gray-300:#d1d2da;--gray-50:#fafafa;--navi-950:#171823;--navi-900:#25273d;--navi-850:#494c6b;--blue-500:#3a7cfd;--red-500:#a42395;--gradient-1:linear-gradient(to right bottom, #5df, #c058f3);--gradient-2:linear-gradient(to right bottom, #3710bd, #a42395);--drop-shadow:0 3.5rem 5rem -1.5rem #c2c3d680;--body-background-color:var(--gray-50);--div-background-color:var(--white-color);--border-color:var(--purple-300);--text-strong-color:var(--navi-850);--text-medium-color:var(--gray-600);--text-weak-color:var(--gray-600);--background-desktop-image:url(/images/bg-desktop-light.jpg);--background-mobile-image:url(/images/bg-mobile-light.jpg)}@media (prefers-color-scheme:dark){:root{--body-background-color:var(--navi-950);--div-background-color:var(--navi-900);--border-color:var(--purple-800);--text-strong-color:var(--white-color);--text-medium-color:var(--gray-600);--text-weak-color:var(--purple-600);--drop-shadow:0 3.5rem 5rem -1.5rem #00000080;--background-desktop-image:url(/images/bg-desktop-dark.jpg);--background-mobile-image:url(/images/bg-mobile-dark.jpg)}}*{box-sizing:border-box;margin:0;padding:0}@view-transition{navigation:auto}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:62.5%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<600px){html{font-size:55%}}@media (width<450px){html{font-size:50%}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--body-background-color:var(--navi-950);--div-background-color:var(--navi-900);--border-color:var(--purple-800);--text-strong-color:var(--white-color);--text-medium-color:var(--gray-600);--text-weak-color:var(--purple-600);--drop-shadow:0 3.5rem 5rem -1.5rem #00000080;--background-desktop-image:url(/images/bg-desktop-dark.jpg);--background-mobile-image:url(/images/bg-mobile-dark.jpg)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--body-background-color:var(--gray-50);--div-background-color:var(--white-color);--border-color:var(--purple-300);--text-strong-color:var(--navi-850);--text-medium-color:var(--gray-600);--text-weak-color:var(--gray-600);--drop-shadow:0 3.5rem 5rem -1.5rem #c2c3d680;--background-desktop-image:url(/images/bg-desktop-light.jpg);--background-mobile-image:url(/images/bg-mobile-light.jpg)}body{letter-spacing:-.025rem;background-color:var(--body-background-color);color:var(--text-strong-color);background-image:var(--background-desktop-image);background-position:0 0;background-repeat:no-repeat;background-size:100%;flex-direction:column;align-items:center;min-height:100dvh;padding:3.6rem;font-family:Josefin Sans,sans-serif;font-size:1.8rem;font-weight:400;display:flex}@media (width<1440px){body{background-size:auto}}@media (width<600px){body{background-image:var(--background-mobile-image);background-size:contain;padding:2.6rem}}header{justify-content:start;align-items:center;width:100%;max-width:54rem;margin-bottom:4.8rem;display:flex}header .header-link{cursor:pointer;background:0 0;border:none;width:2.6rem;height:2.6rem;margin-left:2rem;text-decoration:none}header .header-link:hover{opacity:.8}h1{letter-spacing:.5rem;color:var(--white-color);text-transform:uppercase;margin-right:auto;font-size:3.4rem;font-weight:700}h1 a{color:inherit;text-decoration:none}main{width:100%;max-width:54rem}form{background-color:var(--div-background-color);border-radius:.5rem;align-items:center;width:100%;margin-bottom:2.4rem;padding:2.4rem;display:flex}form input{width:100%;height:100%;font-size:inherit;font-family:inherit;font-weight:inherit;color:var(--text-strong-color);background-color:inherit;border:none;outline:none}form input::placeholder{color:var(--text-medium-color)}.login-form{background-color:var(--div-background-color);width:100%;box-shadow:var(--drop-shadow);border-radius:.5rem;flex-direction:column;align-items:start;gap:1.6rem;padding:2.4rem;display:flex}.login-form input{width:100%;height:4.8rem;font-size:inherit;font-family:inherit;font-weight:inherit;color:var(--text-strong-color);background-color:inherit;border:none;outline:none;padding-left:1.6rem}.login-form input::placeholder{color:var(--text-medium-color)}.login-form button{background-image:var(--gradient-1);width:100%;height:4.8rem;color:var(--white-color);font-size:inherit;font-family:inherit;font-weight:inherit;cursor:pointer;border:none;border-radius:.5rem}.login-form button:hover{opacity:.8}.login-form .register-link{color:var(--text-medium-color);font-size:1.4rem;text-decoration:none}.login-form .register-link:hover{text-decoration:underline}.circle,.done-button{border:.1rem solid var(--border-color);background-color:inherit;cursor:pointer;border-radius:50%;flex-shrink:0;width:2.4rem;height:2.4rem;margin-right:2.4rem}:is(.circle,.done-button):hover{background-image:var(--gradient-1)}#list{list-style:none}#list .item{background-color:var(--div-background-color);width:100%;box-shadow:var(--drop-shadow);border-bottom:.18rem solid var(--border-color);align-items:center;padding:2.4rem;display:flex}#list .item:first-child{border-radius:.5rem .5rem 0 0}#list .item[data-shadow=true]{box-shadow:var(--drop-shadow)}#list .item[data-completed=true] .done-button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='9'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='M1%204.304L3.696%207l6-6'/%3e%3c/svg%3e"), var(--gradient-1);background-position:50%;background-repeat:no-repeat;border:none}#list .item[data-completed=true] span{color:var(--text-medium-color);text-decoration:line-through}#list .item .delete-button{cursor:pointer;background:0 0;border:none;width:2.4rem;height:2.4rem;margin-left:auto}#list .item .delete-button:hover{opacity:.8}#list .item .delete-button img{width:100%;height:100%}#actions{background-color:var(--div-background-color);width:100%;box-shadow:var(--drop-shadow);color:var(--text-weak-color);z-index:1;border-radius:0 0 .5rem .5rem;justify-content:space-between;align-items:center;padding:2.4rem;font-size:1.4rem;display:flex;position:relative}#actions button{font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;color:inherit;background:0 0;border:none}#actions button:hover{opacity:.8}@media (width<600px){#actions #filters{display:none}}#mobile-actions{background-color:var(--div-background-color);width:100%;box-shadow:var(--drop-shadow);color:var(--text-weak-color);z-index:1;border-radius:.5rem;justify-content:center;align-items:center;margin-top:2.4rem;padding:2.4rem;font-size:1.4rem;display:flex}#mobile-actions button{font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;color:inherit;background:0 0;border:none}#mobile-actions button:hover{opacity:.8}@media (width>=600px){#mobile-actions{display:none}}#filters{gap:1.6rem;font-weight:700;display:flex}#filters button.selected{color:var(--blue-500)}footer{color:var(--gray-600);margin-top:2.4rem}#root{display:contents}#modal>div{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background-color:var(--div-background-color);box-shadow:var(--drop-shadow);border-radius:.5rem;flex-direction:column;padding:4rem;display:flex}.modal button{font-family:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;color:var(--text-medium-color);background:0 0;border:none;align-self:flex-end}.modal button:hover{opacity:.8}.modal a{text-decoration:none}.modal .buttons{justify-content:space-between;margin-top:1.6rem;display:flex}.modal .delete-button{color:var(--red-500)}