*{font-family:DM Mono,monospace;font-weight:400;margin:0;padding:0;box-sizing:border-box;color:var(--text-colour)}:root{--background-colour: #f5f4f3;--item-colour: white;--done-colour: rgb(228, 227, 227);--session-header-button: rgb(219, 219, 219);--text-colour: #202124;--toggle-background: rgb(219, 219, 219);--select-background: rgb(255,239, 97)}[data-theme=dark]{--background-colour: #222231;--item-colour: #303042;--done-colour: #2A2A39;--session-header-button: #2A2A39;--text-colour: #DDE3F5;--toggle-background: #303042;--select-background: #22AFCB}::selection{background:var(--select-background);color:var(--text-colour)}h1,h2,h3,input,button{font-family:DM Mono,monospace;font-weight:500}#root{min-height:100vh;display:flex;flex-direction:column;padding:14px;background:var(--background-colour);gap:14px}.App{display:flex;flex-direction:column;gap:14px;max-width:800px;width:100%;margin:0 auto}#root,header,.todo-header,.todoItem,.sessionHeader,.completedItem,button,input{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}header{display:flex;align-items:stretch}header,.main{max-width:800px;width:100%;margin:0 auto;gap:14px}header input{flex:1;border-radius:14px;outline:none;width:100%}header button{border-radius:14px;background:transparent;transition-duration:.2s;cursor:pointer}header button:hover{opacity:.7}header button,header input{padding:14px 18px;border:none;outline:none;background:var(--item-colour)}p{font-size:.9em}.main{display:flex;flex-direction:column;gap:14px}.todoItem{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--item-colour);border:1px solid transparent}.todoItem.isDragging{background:color-mix(in srgb,var(--select-background) 18%,var(--item-colour));border-color:color-mix(in srgb,var(--select-background) 50%,transparent);box-shadow:0 18px 36px #20212429}.todoItem.isDragging .fa-grip-lines,.list.isDragging .fa-grip-vertical{color:var(--select-background)}.todoItem p{flex:1}.actionsContainer{display:flex;align-items:center;gap:14px}.actionsContainer button{transition-duration:.2s;border:none;background:transparent;cursor:pointer}.actionsContainer button:hover{opacity:.7}.sessionHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;max-width:800px;width:100%;margin:0 auto}.sessionHeader button{padding:14px 18px;border:none;outline:none;border-radius:14px;background:var(--session-header-button);transition-duration:.2s;cursor:pointer}.sessionHeader button:hover{opacity:.7}.completedItem{text-decoration:line-through;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:14px;background:var(--done-colour)}.completedItem button{transition-duration:.2s;border:none;background:transparent;cursor:pointer}.completedItem button:hover{opacity:.7}.list{background-color:var(--done-colour);padding:14px 18px;border-radius:18px;border:1px solid transparent}.list.isDragging{background:color-mix(in srgb,var(--select-background) 14%,var(--done-colour));border-color:color-mix(in srgb,var(--select-background) 40%,transparent);box-shadow:0 20px 40px #2021242e}.listHeader{display:flex;align-items:center;gap:8px;font-size:1em}.listHeader .fa-trash-can{margin-left:auto}.listHeader input{padding:14px 18px;border:none;border-radius:14px;outline:none;background:var(--item-colour);transition-duration:.2s;font-size:1em}.fa-pencil,.fa-floppy-disk{margin-left:12px}.listContainer{display:flex;flex-direction:column;gap:14px}.listDropzone{min-height:72px;margin-top:8px;padding:8px;border:3px dashed var(--background-colour);border-radius:14px}.listDropzone.isOver{border-color:var(--select-background);background:color-mix(in srgb,var(--select-background) 12%,transparent)}.listDropzonePlaceholder{list-style:none;padding:14px;border-radius:14px;opacity:.7;text-align:center}@media(min-width:640px){header button,header input{font-size:1.2em}p{font-size:1em}}.toggle-container{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}.toggle{visibility:hidden}.toggle+label{display:flex;align-items:center;font-size:1.2em;cursor:pointer;color:var(--text-colour);position:relative}.toggle+label:before{content:"";height:1em;width:2em;border-radius:1em;background-color:var(--toggle-background);margin-right:.5em;transition:background-color .25s ease-in-out,transform .25s ease-in-out}.toggle+label:after{content:"";height:.8em;width:.8em;border-radius:1em;background-color:var(--background-colour);position:absolute;left:.2em;transition:background-color .25s ease-in-out,transform .25s ease-in-out}.toggle:checked+label:after{transform:translate(100%)}