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:auto}.wrapper{padding:40px 60px}.container{background-color:#1e1e1e;border-radius:16px;width:440px;max-width:90%;margin:60px auto 0}::backdrop{background-color:#504d4d;opacity:.75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{background-color:#1e1e1e;border:none;border-radius:16px;padding:16px}.btn-close-wrapper{text-align:right}.btn-close{background-color:transparent;border:none;cursor:pointer}.dialog .body{padding:10px 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}.text-input{font-size:16px;line-height:150%;color:#eaeaea;border-radius:24px;border:1px solid #eaeaea;width:360px;max-width:100%;padding:12px;text-align:center;background-color:transparent}.text-input::placeholder{color:#eaeaea}*{box-sizing:border-box}.btn{background-color:#877eed;border-radius:24px;border:none;padding:12px 16px;font-size:16px;line-height:150%;font-weight:600;color:#fff;cursor:pointer}.btn:hover{background-color:#544acb}.todo-form{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;padding:0 40px}.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-list{padding:0;list-style:none;margin:0 0 40px;display:flex;flex-direction:column;gap:16px}.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}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:40px;gap:24px}.empty-state p{margin:0;color:#eaeaea;text-align:center;font-size:16px;line-height:150%}