@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{box-sizing:border-box}body{font-family:Montserrat,sans-serif;margin:0;background-color:#403c3b;background-image:url(/bg.png);background-repeat:no-repeat;background-position:top center;background-size:cover;opacity:.9}.wrapper{padding:40px 60px}.container{background-color:#1e1e1e;border-radius:16px;width:440px;max-width:90%;margin:60px auto 0}.fab{width:56px;height:56px;border-radius:50%;padding:14px;background-color:#877eed;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.fab:hover{background-color:#544acb}.footer{display:flex;justify-content:flex-end}.header{padding:24px;background-color:#877eed;border-top-left-radius:8px;border-top-right-radius:8px}.heading{display:flex;justify-content:center;align-items:center;gap:16px;margin:0;font-weight:700;font-size:24px;line-height:120%;color:#1e1e1e}::backdrop{background-image:linear-gradient(45deg,#f0f,#639,#1e90ff,green);opacity:.75}.dialog{background-color:#1e1e1e;border:none;border-radius:16px;padding:8px 16px 16px}.btn-close-wrapper{text-align:right}.btn-close{background-color:transparent;border:none;cursor:pointer}.dialog .body{padding:16px}.subheading{font-weight:600;font-size:18px;line-height:120%;color:#877eed;border-bottom:2px dotted #877EED;padding-bottom:8px;margin:0 0 24px}.todo-item{display:flex;flex-direction:column;gap:4px}.todo-item .date{font-weight:400;font-size:12px;line-height:150%;color:#eaeaea;margin:0}.todo-item .details{display:flex;gap:8px;align-items:center}.todo-item.completed .details{text-decoration:line-through}.todo-item .checkbox{min-width:20px;min-height:20px;cursor:pointer;accent-color:#CAFF59;margin:0}.todo-item .description{font-weight:400;font-size:16px;line-height:150%;color:#eaeaea;flex-grow:1;margin:0}.todo-item .actions{display:flex;gap:8px;align-items:center}.todo-item .actions .btn{background-color:transparent;border:none;cursor:pointer;margin:0}.todo-item .actions .btn:hover svg path{fill:#504d4d}.todo-list{padding:0;list-style:none;margin:0 0 40px;display:flex;flex-direction:column;gap:16px}.form-btn{font-size:16px;color:#fff;background-color:#877eed;padding:8px 12px;border:none;border-radius:24px;width:160px;align-self:center;cursor:pointer}.form-btn:hover{background-color:#544acb}.text-input{font-size:16px;line-height:150%;color:#eaeaea;border-radius:24px;border:solid 1px #EAEAEA;padding:8px 16px;width:360px;max-width:100%;background-color:transparent;text-align:center}.text-input::placeholder{color:#eaeaea}.form{display:flex;flex-direction:column;gap:16px}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px;gap:24px}.empty-state p{color:#eaeaea;margin:0;text-align:center}.empty-state img{width:50%;height:50%}.references{margin:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.references p{margin:0}.references div{display:flex;flex-direction:row;gap:8px}.references img{width:40px;height:40px}.logo-container{display:flex;justify-content:center;align-items:center}h1{margin:0;display:inline-block;color:#eaeaea;font-family:Shantell Sans,cursive;font-size:32px}.welcome-message{margin:0;color:#eaeaea;font-family:Shantell Sans,cursive;font-size:16px;text-align:center}.home{display:flex;flex-direction:column;padding:24px;margin:0 auto;width:fit-content;background-image:linear-gradient(45deg,#f0f,#639,#1e90ff,green);border-radius:0 0 16px 16px}