@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}img,picture,svg{display:block;max-width:100%}body{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.125rem;color:#444;background-color:#f5f5f5;line-height:1.5;min-height:100dvh;word-break:break-word;display:grid;grid-template-areas:"header header header header" "...... lists active ......" "preferences-bar preferences-bar preferences-bar preferences-bar";grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(100px, 300px) minmax(250px, 600px) 1fr;align-items:start;column-gap:20px}@media screen and (max-width: 55em){body{grid-template-areas:"header header header header" "lists lists lists lists" "active active active active" "preferences-bar preferences-bar preferences-bar preferences-bar";grid-template-rows:auto auto 1fr auto}}@media screen and (max-width: 40em){body{grid-template-areas:"header" "lists" "active" "preferences-bar";grid-template-columns:1fr}}body[data-theme=dark]{color:#d5d5d5;background-color:#000}body[data-theme=dark] .onboarding-modal{background-color:#000;color:#d5d5d5}body[data-theme=dark] .onboarding-modal .onboarding-modal-list{border-color:#468faf}body[data-theme=dark] .onboarding-modal .onboarding-modal-button-start{border-color:#f8f9fa;background-color:rgba(16,185,129,.75);color:#f8f9fa}body[data-theme=dark] .onboarding-modal .onboarding-modal-button-start:hover{background-color:rgba(16,185,129,.55)}body[data-theme=dark] #overlay{background-color:rgba(0,0,0,.75)}body[data-theme=dark] .title{color:#ced4da;background-color:#000;box-shadow:rgba(42,157,143,.1) 0px 5px,rgba(42,157,143,.1) 0px 10px,rgba(42,157,143,.05) 0px 15px,rgba(42,157,143,.08) 0px 20px,rgba(42,157,143,.03) 0px 25px}body[data-theme=dark] .all-tasks{background-color:#10101b;box-shadow:rgba(235,235,235,.02) 0px 1px 3px 0px,hsla(0,0%,100%,.15) 0px 0px 0px 2px}body[data-theme=dark] .all-tasks .task-list-title{box-shadow:hsla(0,0%,100%,.13) 0px 3px 1px 0px}body[data-theme=dark] .all-tasks .empty-state.empty-state-lists .empty-state-lists-message{color:#80ffdb}body[data-theme=dark] .all-tasks .task-list .list-row.active-list{text-shadow:rgba(245,245,245,.75) 0 0 1px;border-bottom-color:rgba(42,157,143,.7);border-top-color:rgba(42,157,143,.7);background-color:rgba(105,48,195,.08)}body[data-theme=dark] .all-tasks .task-list .list-row form[data-rename-list-form] input{background-color:#111d4a;color:#f8f9fa}body[data-theme=dark] .all-tasks .new-task-list-creator form input[type=text].new{background:rgba(0,0,0,0);border:0;color:inherit;border-bottom:2px solid currentColor;letter-spacing:1px;outline:none;opacity:.8;transition:opacity 350ms ease-in;order:1}body[data-theme=dark] .all-tasks .new-task-list-creator form input[type=text].new:focus{opacity:1}body[data-theme=dark] .all-tasks .new-task-list-creator form input[type=text].new:focus::placeholder{opacity:.4}body[data-theme=dark] .todo-list{background:rgba(1,16,17,.9);color:#e9ecef;box-shadow:hsla(0,0%,100%,.07) 0px 2px 2px}body[data-theme=dark] .todo-list .todo-header{background-color:#10101b;box-shadow:rgba(255,245,244,.3) 0px 0px 0px 2px,rgba(255,245,244,.35) 0px 4px 0px -1px,hsla(0,0%,100%,.08) 0px 1px 0px inset}body[data-theme=dark] .todo-list .todo-body .empty-state.empty-state-tasks .empty-state-tasks-message{color:#80ffdb}body[data-theme=dark] .todo-list .todo-body .tasks .task [type=checkbox]:checked+label{opacity:.8}body[data-theme=dark] .todo-list .todo-body .tasks .task form[data-rename-task-form] textarea{background-color:#003049;color:#f8f9fa}body[data-theme=dark] .todo-list .todo-body .new-task-creator form input[type=text].new{background:rgba(0,0,0,0);border:0;color:inherit;border-bottom:2px solid currentColor;letter-spacing:1px;outline:none;opacity:.8;transition:opacity 350ms ease-in;order:1}body[data-theme=dark] .todo-list .todo-body .new-task-creator form input[type=text].new:focus{opacity:1}body[data-theme=dark] .todo-list .todo-body .new-task-creator form input[type=text].new:focus::placeholder{opacity:.4}body[data-theme=dark] .todo-list .todo-body .delete-stuff .btn.delete{font-size:.875rem;color:#495057;font-weight:700;letter-spacing:.75px;opacity:.75;transition:color 200ms,opacity 200ms;color:#f8f9fa}body[data-theme=dark] .todo-list .todo-body .delete-stuff .btn.delete:hover{opacity:1;color:#e74c3c}body[data-theme=dark] .preferences-bar{background-color:#10101b;border-top:2px solid rgba(128,128,128,.2);border-bottom:2px solid rgba(128,128,128,.2)}body[data-theme=dark] .preferences-bar button{color:#212529;background-color:#ced4da}.onboarding-modal{background-color:#f5f5f5;color:#444;font-weight:600;max-height:90vh;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);transition:200ms ease-in-out;border:3px solid #adb5bd;border-radius:5px;z-index:10;padding:25px 35px;width:900px;max-width:80%}@media screen and (max-width: 55em){.onboarding-modal{padding:20px 25px;max-width:85%}}@media screen and (max-width: 40em){.onboarding-modal{padding:15px 15px;max-width:90%}}@media screen and (max-width: 30em){.onboarding-modal{padding:10px 10px;max-width:95%}}.onboarding-modal.active{transform:translate(-50%, -50%) scale(1)}.onboarding-modal .onboarding-modal-title{font-size:1.75rem;padding-bottom:10px}.onboarding-modal .onboarding-modal-description{font-size:1.4125rem;padding-bottom:10px;line-height:1.1}.onboarding-modal .onboarding-modal-list{list-style-type:none;padding-left:10px;border-left:3px solid #adb5bd;border-color:#468faf}.onboarding-modal .onboarding-modal-list-item{padding-bottom:10px}.onboarding-modal .onboarding-modal-list-item strong{font-weight:900}.onboarding-modal .onboarding-modal-button-start{background:none;border:none;cursor:pointer;border:2px solid #495057;margin-top:20px;padding:3px 8px;border-radius:5px;background-color:rgba(249,115,22,.5);color:#343a40;transition:background-color 200ms}.onboarding-modal .onboarding-modal-button-start:hover{background-color:rgba(249,115,22,.65)}#overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:200ms ease-in-out}#overlay.active{opacity:1;pointer-events:all}.title{grid-area:header;background-color:#f5f5f5;font-family:"Poppins",serif;font-size:calc(4vw + 1.875rem);font-weight:700;color:#6c6f83;text-align:center;letter-spacing:1px;margin:-0.15em 0 1em;box-shadow:rgba(154,140,152,.1) 0px 5px,rgba(154,140,152,.1) 0px 10px,rgba(154,140,152,.05) 0px 15px,rgba(154,140,152,.08) 0px 20px,rgba(154,140,152,.03) 0px 25px}@media screen and (max-width: 55em){.title{font-size:calc(5vw + 1.25rem);margin-bottom:.75em}}@media screen and (max-width: 40em){.title{font-size:calc(5vw + .9375rem);margin-bottom:1em}}@media screen and (max-width: 30em){.title{font-size:calc(3vw + 1.25rem);margin-top:0;margin-bottom:1.2em}}.all-tasks{grid-area:lists;background-color:#fafafa;padding:10px;border-radius:5px;box-shadow:rgba(0,0,0,.02) 0px 1px 3px 0px,rgba(27,31,35,.15) 0px 0px 0px 2px;letter-spacing:.5px}@media screen and (max-width: 55em){.all-tasks{margin:10px 10px 20px}}.all-tasks .task-list-title{font-size:1.75rem;font-weight:700;box-shadow:rgba(17,17,26,.08) 0px 3px 1px 0px;margin-bottom:10px}@media screen and (max-width: 30em){.all-tasks .task-list-title{font-size:1.4125rem}}.all-tasks .empty-state{font-weight:900;opacity:.8}.all-tasks .empty-state.empty-state-lists{padding:5px;margin:30px auto 10px}.all-tasks .empty-state.empty-state-lists .empty-state-lists-message{color:#f97316}.all-tasks .task-list{font-size:1rem;list-style:none;padding-left:.5em}.all-tasks .task-list .list-row{margin:10px auto}.all-tasks .task-list .list-row .list{display:flex;justify-content:space-between;align-items:center;column-gap:15px}.all-tasks .task-list .list-row .list .list-name,.all-tasks .task-list .list-row .list .rename-list-text{cursor:pointer}.all-tasks .task-list .list-row .list .list-name{font-weight:500;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 40em){.all-tasks .task-list .list-row .list .list-name{white-space:normal}}.all-tasks .task-list .list-row .list .list-name:hover{opacity:.8}.all-tasks .task-list .list-row .list .rename-list-text{display:none;opacity:.9}.all-tasks .task-list .list-row .list .rename-list-text:hover{opacity:.7}.all-tasks .task-list .list-row.active-list{font-weight:700;text-shadow:#708090 0 0 1px;border-bottom:2px solid rgba(143,192,169,.9);border-top:2px solid rgba(143,192,169,.9);border-radius:5px;background-color:rgba(255,248,217,.16)}.all-tasks .task-list .list-row.active-list .list{padding:8px 3px;line-height:1.3}.all-tasks .task-list .list-row.active-list .list .rename-list-text{display:flex;justify-content:flex-end;width:130px;font-size:13px;font-weight:600}@media screen and (max-width: 30em){.all-tasks .task-list .list-row.active-list .list .rename-list-text{display:none}}.all-tasks .task-list .list-row form[data-rename-list-form] input[data-rename-list-input]{border:none;border-radius:4px;width:100%;margin:10px auto;padding:7px 5px;background-color:#ffebc6;color:#343a40}.all-tasks .task-list .list-row form[data-rename-list-form] input[data-rename-list-input]:focus{outline:none}.all-tasks .task-list .list-row form[data-rename-list-form] input[data-rename-list-input]::selection{color:#3a506b;background-color:#fdfcdc}.all-tasks .new-task-list-creator form{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.all-tasks .new-task-list-creator form input[type=text].new{background:rgba(0,0,0,0);border:0;color:inherit;border-bottom:2px solid currentColor;letter-spacing:1px;outline:none;opacity:.6;transition:opacity 350ms ease-in;order:1}.all-tasks .new-task-list-creator form input[type=text].new:focus{opacity:1}.all-tasks .new-task-list-creator form input[type=text].new:focus::placeholder{opacity:.4}.all-tasks .new-task-list-creator form input[type=text].new.list{font-size:1rem}.all-tasks .new-task-list-creator form .btn{cursor:pointer;background:0;border:0;color:inherit;font-family:"Nunito",sans-serif;margin-right:.25em;transition:opacity 160ms ease-in}.all-tasks .new-task-list-creator form .btn:hover{opacity:.7}.all-tasks .new-task-list-creator form .btn.create{font-size:1.75rem;font-weight:900}.todo-list{grid-area:active;background:rgba(255,248,217,.6);color:#444;box-shadow:rgba(0,0,0,.14) 0px 2px 2px}@media screen and (max-width: 55em){.todo-list{margin:0 10px}}.todo-list .todo-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f2f2f2;padding:2rem;border-radius:2px;box-shadow:rgba(6,24,44,.3) 0px 0px 0px 2px,rgba(6,24,44,.35) 0px 4px 6px -1px,hsla(0,0%,100%,.08) 0px 1px 0px inset}@media screen and (max-width: 30em){.todo-list .todo-header{padding:1rem}}.todo-list .todo-header .list-title{font-size:1.75rem;font-weight:700;margin:0 1em 0 0}@media screen and (max-width: 40em){.todo-list .todo-header .list-title{font-size:1.4125rem}}@media screen and (max-width: 30em){.todo-list .todo-header .list-title{font-size:1.125rem}}.todo-list .todo-header .task-count{font-size:.925rem;font-weight:700;text-align:center;min-width:85px;padding:5px;border-radius:8px;border:2px solid;opacity:.7}@media screen and (max-width: 30em){.todo-list .todo-header .task-count{font-size:.875rem}}.todo-list .todo-body{padding:2rem;position:relative}@media screen and (max-width: 40em){.todo-list .todo-body{padding:1rem}}.todo-list .todo-body .empty-state{font-weight:900;opacity:.8}.todo-list .todo-body .empty-state.empty-state-tasks{padding:5px;margin:5px auto 15px}@media screen and (max-width: 40em){.todo-list .todo-body .empty-state.empty-state-tasks{margin:10px auto}}.todo-list .todo-body .empty-state.empty-state-tasks .empty-state-tasks-message{color:#f97316}.todo-list .todo-body .tasks .task{position:relative;margin-bottom:1.5em}.todo-list .todo-body .tasks .task:hover .checkbox{transform:scale(1.1);color:#18b3a8}.todo-list .todo-body .tasks .task::after{content:"";position:absolute;right:0;left:0;bottom:-13px;height:1px;background:currentColor;opacity:.16}.todo-list .todo-body .tasks .task label{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.todo-list .todo-body .tasks .task [type=checkbox]{opacity:0;position:absolute}.todo-list .todo-body .tasks .task [type=checkbox]:focus+label .checkbox{transform:scale(1.1);color:#18b3a8}.todo-list .todo-body .tasks .task [type=checkbox]:checked+label .checkbox{background:#18b3a8;border-color:#18b3a8;box-shadow:inset 0 0 0 2px #fff}.todo-list .todo-body .tasks .task [type=checkbox]:checked+label{opacity:.5;text-decoration:line-through;text-decoration-thickness:2px}.todo-list .todo-body .tasks .task form[data-rename-task-form] textarea[data-rename-task-input]{border:none;border-radius:4px;width:100%;margin:10px auto;padding:7px 5px;background-color:rgba(255,165,0,.2);color:#495057;resize:none;overflow:hidden}.todo-list .todo-body .tasks .task form[data-rename-task-form] textarea[data-rename-task-input]:focus{outline:none}.todo-list .todo-body .tasks .task form[data-rename-task-form] textarea[data-rename-task-input]::selection{color:#fff;background-color:#aaa1c8}.todo-list .todo-body .new-task-creator form{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.todo-list .todo-body .new-task-creator form input[type=text].new{background:rgba(0,0,0,0);border:0;color:inherit;border-bottom:2px solid currentColor;letter-spacing:1px;outline:none;opacity:.6;transition:opacity 350ms ease-in;order:1}.todo-list .todo-body .new-task-creator form input[type=text].new:focus{opacity:1}.todo-list .todo-body .new-task-creator form input[type=text].new:focus::placeholder{opacity:.4}.todo-list .todo-body .new-task-creator form input[type=text].new.task{font-size:1rem}.todo-list .todo-body .new-task-creator form .btn{cursor:pointer;background:0;border:0;color:inherit;font-family:"Nunito",sans-serif;margin-right:.25em;transition:opacity 160ms ease-in}.todo-list .todo-body .new-task-creator form .btn:hover{opacity:.7}.todo-list .todo-body .new-task-creator form .btn.create{font-size:1.75rem;font-weight:900;color:#18b3a8}.todo-list .todo-body .delete-stuff{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;position:absolute;width:100%;left:0;bottom:-35px}.todo-list .todo-body .delete-stuff .btn{cursor:pointer;background:0;border:0;color:inherit;font-family:"Nunito",sans-serif;margin-right:.25em;transition:opacity 160ms ease-in}.todo-list .todo-body .delete-stuff .btn:hover{opacity:.7}.todo-list .todo-body .delete-stuff .btn.delete{font-size:.875rem;color:#495057;font-weight:700;letter-spacing:.75px;opacity:.75;transition:color 200ms,opacity 200ms}.todo-list .todo-body .delete-stuff .btn.delete:hover{opacity:1;color:#e74c3c}.checkbox{display:inline-block;flex-shrink:0;width:1.05em;height:1.05em;min-width:1.05em;margin-top:.14em;margin-right:1.05em;cursor:pointer;border:2px solid currentColor;border-radius:50%;transform:scale(1);transition:transform 250ms ease-in-out}@media screen and (max-width: 55em){.checkbox{width:1.1em;height:1.1em}}@media screen and (max-width: 30em){.checkbox{width:1.15em;height:1.15em}}.preferences-bar{grid-area:preferences-bar;background-color:#f2f2f2;margin-top:12vh;height:10vh;border-top:2px solid rgba(6,24,44,.25);border-bottom:2px solid rgba(6,24,44,.25);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.preferences-bar button{cursor:pointer;background:0;border:0;color:inherit;font-family:"Nunito",sans-serif;margin-right:.25em;transition:opacity 160ms ease-in;color:#f8f9fa;margin:0 30px;padding:5px 18px;background-color:#6c6f83;border-radius:4px;font-size:19px;font-weight:800;min-width:85px}.preferences-bar button:hover{opacity:.7}.fs-900{font-size:3.75rem}.fs-800{font-size:3rem}.fs-700{font-size:1.75rem}.fs-600{font-size:1.4125rem}.fs-500{font-size:1.125rem}.fs-400{font-size:1rem}.fs-300{font-size:.925rem}.fs-200{font-size:.875rem}.fw-regular{font-weight:400}.fw-bold{font-weight:700}.ff-base{font-family:"Nunito",sans-serif}.ff-accent{font-family:"Poppins",serif}