*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background-color:var(--alabaster)}:root{--grey-50: #f0f4f8;--grey-100: #d9e2ec;--grey-200: #bcccdc;--grey-300: #9fb3c8;--grey-400: #829ab1;--grey-500: #627d98;--grey-600: #486581;--grey-700: #334e68;--grey-800: #243b53;--grey-900: #102a43;--ash-gray: #b4b8ab;--dark-blue: #153243;--dark-blue-opacity: #1532433f;--light-coral: rgb(229, 215, 209);--dark-coral: rgb(222, 206, 199);--mint: #bae1db;--dark-mint: #c1e5e0;--alabaster: #eef0eb;--dark-alabaster: #e4e8e0;--white: #ffffff;--focus-gold: #f5e6c8;--focus-gold-dark: #eddcb8;--focus-gold-darkline: #e7d29d}.app{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--alabaster);padding-bottom:4em}.heading{font-size:2rem;margin:.7em 0;color:var(--dark-blue);text-align:center}@media screen and (min-width: 750px){.heading{font-size:2.5rem}}.input{display:flex;flex-direction:column;width:75%;max-width:1000px}.input__wrapper{display:flex;align-items:center;position:relative}.input__field{width:100%;border-radius:3px;padding:.85em 10em .85em 1em;font-size:1rem;border:none;outline:none;position:relative;z-index:2}.input__field::placeholder{color:var(--ash-gray)}.input__limit-message{padding:.85em 1em;font-size:1rem;color:var(--ash-gray);text-align:center;background-color:var(--white);border-radius:3px}.input:focus-within:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--dark-blue-opacity);z-index:1}.input__btn{position:absolute;background-color:var(--alabaster);right:0;margin-right:.85em;padding:.5em 1.6em;text-align:center;color:var(--dark-blue);text-transform:uppercase;border:none;border-radius:3px;transform-origin:center;z-index:2;transition:all .2s ease}.input__btn:hover{background-color:var(--dark-alabaster);box-shadow:0 .2px .4px #00000002,0 .5px .9px #00000003,0 .9px 1.8px #00000004,0 1.6px 3.1px #00000005,0 2.9px 5.8px #00000006,0 7px 14px #00000008}.input__btn:active{transform:scale(.95)}.input__toolbar{position:absolute;right:6.5em;display:flex;align-items:center;gap:.5em;z-index:2}.input__quick-focus,.input__desc-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--dark-blue);font-size:1.1rem;cursor:pointer;padding:0;transition:all .2s ease}.input__quick-focus--active{color:#b8860b}.input__quick-focus--disabled{opacity:.3;cursor:not-allowed}.input__description{width:100%;border-radius:3px;padding:.7em 1em;font-size:.9rem;font-family:inherit;border:none;outline:none;resize:vertical;position:relative;z-index:2;margin-top:1em}.input__description::placeholder{color:var(--ash-gray)}.tasks{display:flex;flex-direction:column;width:100%;margin-top:2em;padding:2em 1em;border-radius:3px;background-color:var(--mint)}.container{display:flex;flex-direction:column;align-items:center;width:75%;max-width:1000px}.left-column{display:flex;flex-direction:column;width:100%}.allTask__heading{text-transform:uppercase;font-size:1.3rem;color:var(--white);text-align:center}.completed{background-color:var(--light-coral)}@media screen and (min-width: 750px){.container{flex-direction:row;gap:1.5em;justify-content:space-between;align-items:flex-start}.left-column{width:calc(50% - .75em);min-width:0}.left-column .tasks{width:100%}.container>.tasks{width:calc(50% - .75em);min-width:0}}.single__task{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;padding:.8em 1.2em;margin-top:1em;border-bottom:1px solid var(--alabaster)}.single__task--text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;font-size:1rem;color:var(--dark-blue)}.single__task--text-sliding .single__task--text-inner{display:inline-block;transform:translate(var(--overflow));transition:transform var(--slide-duration, .5s) linear}.single__task--text:focus{outline:none}.icon{color:var(--dark-blue);margin-left:.5em;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;transition:color .2s ease}.icon:hover{color:var(--grey-400)}.task-actions{display:flex;align-items:center;gap:.35em}.task-btn{padding:.25em .7em;font-size:.75rem;text-transform:uppercase;border:none;border-radius:3px;background-color:var(--alabaster);color:var(--dark-blue);cursor:pointer;transition:all .2s ease;white-space:nowrap}.task-btn:hover{background-color:var(--dark-alabaster);box-shadow:0 .2px .4px #00000002,0 .5px .9px #00000003,0 .9px 1.8px #00000004,0 1.6px 3.1px #00000005,0 2.9px 5.8px #00000006,0 7px 14px #00000008}.task-btn:active{transform:scale(.95)}.task-icon{font-size:1.1rem;cursor:pointer;transition:color .2s ease}.task-icon--focus{color:var(--dark-blue)}.task-icon--focus:hover{color:var(--grey-400)}.task-icon--focus.active{color:#b8860b}.task-icon--complete{color:var(--dark-blue)}.task-icon--complete:hover,.task-icon--complete.active{color:#16a34a}.drag-handle{display:flex;align-items:center;color:var(--grey-300);font-size:1.2rem;cursor:grab;margin-right:.4em;flex-shrink:0}.drag-handle:active{cursor:grabbing}.overflow-menu-wrapper{position:relative;display:flex;align-items:center}.overflow-trigger{display:flex;align-items:center;justify-content:center;font-size:.75rem;letter-spacing:.2em;font-weight:700;padding:0 .3em;line-height:1;cursor:pointer;color:var(--dark-blue);transition:color .2s ease;transform:translateY(-3px)}.overflow-trigger:hover{color:var(--grey-400)}.overflow-menu{position:absolute;right:0;top:100%;margin-top:.3em;background-color:var(--white);border:1px solid var(--grey-200);border-radius:3px;box-shadow:0 2px 8px #0000001a;z-index:5;min-width:140px;overflow:hidden}.overflow-menu__item{display:flex;align-items:center;gap:.5em;width:100%;padding:.6em .8em;font-size:.85rem;border:none;background:none;color:var(--dark-blue);cursor:pointer;transition:background-color .15s ease;text-align:left}.overflow-menu__item:hover{background-color:var(--grey-50)}.overflow-menu__item--danger{color:#b91c1c}.overflow-menu__item--danger:hover{background-color:#fef2f2}.focused-section{background-color:var(--focus-gold)}.focused-section .allTask__heading{color:var(--dark-blue)}.focused-section .single__task{border-bottom:1px solid var(--focus-gold-darkline)}.carryover-section{background-color:var(--grey-100)}.carryover-section .allTask__heading{color:var(--grey-500)}@media (hover: hover){.desc-toggle{opacity:0;transition:opacity .15s ease,transform .1s ease}.single__task:hover .desc-toggle,.desc-toggle.rotated{opacity:1}}@media (hover: none){.desc-toggle{opacity:1}}.edit__input{border-radius:3px;padding:.4em .5em;width:70%}.single__task--content{flex:1;display:flex;flex-direction:column;min-width:0}.single__task--title-row{display:flex;align-items:center;gap:.3em}.single__task--description{font-size:.85rem;color:var(--grey-500);margin-top:.6em;white-space:pre-wrap}.desc-toggle{display:inline-flex;align-items:center;cursor:pointer;transition:transform .1s ease;flex-shrink:0;width:1.2rem;height:1.2rem;transform:translateY(-1px)}.desc-toggle.rotated{transform:rotate(180deg) translateY(1px)}.edit__description{border-radius:3px;padding:.4em .5em;font-size:.85rem;font-family:inherit;border:none;outline:none;resize:none;overflow:hidden;margin-top:.4em;color:var(--dark-blue)}.edit__description::placeholder{color:var(--ash-gray)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.3em .6em;font-size:.7rem;white-space:nowrap;background-color:var(--dark-blue);color:var(--white);border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:.3em}[data-tooltip]:hover:after{opacity:1}@media (hover: none){[data-tooltip]:after{display:none}}.drag__active{background-color:var(--dark-mint)}.drag__complete{background-color:var(--dark-coral)}.toast{position:fixed;bottom:2em;left:50%;transform:translate(-50%);padding:.8em 1.6em;background-color:var(--dark-blue);color:var(--white);border-radius:3px;font-size:.9rem;z-index:20;cursor:pointer;animation:toast-enter .2s ease}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%) translateY(.5em)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background-color:var(--dark-blue-opacity);display:flex;align-items:center;justify-content:center}.modal__container{background-color:var(--white);border-radius:3px;padding:2em 2.5em;width:90%;max-width:420px;text-align:center}.modal__container--review{max-width:560px;max-height:85vh;overflow-y:auto;text-align:left}.modal__title{font-size:1.5rem;color:var(--dark-blue);margin-bottom:.3em}.modal__subtitle{font-size:1rem;color:var(--grey-500);margin-bottom:1.5em}.modal__section{margin-bottom:1.5em}.modal__section-heading{font-size:.85rem;text-transform:uppercase;color:var(--grey-400);margin-bottom:.6em}.modal__section-hint{font-size:.75rem;text-transform:none;color:var(--grey-400);opacity:.8}.modal__task-list{display:flex;flex-direction:column;gap:0}.modal__task{display:flex;flex-direction:row;align-items:center;gap:.5em;padding:.8em;background-color:transparent}.modal__section--carried-over{background-color:var(--grey-100);border-radius:3px;padding:.8em .6em}.modal__section--focused{background-color:var(--focus-gold);border-radius:3px;padding:.8em .6em}.modal__section--active{background-color:var(--mint);border-radius:3px;padding:.8em .6em}.modal__section--completed{background-color:var(--light-coral);border-radius:3px;padding:.8em .6em}.modal__section--carried-over .modal__task{border-bottom:1px solid var(--alabaster)}.modal__section--focused .modal__task{border-bottom:1px solid var(--focus-gold-darkline)}.modal__section--active .modal__task,.modal__section--completed .modal__task{border-bottom:1px solid var(--alabaster)}.modal__section--carried-over .modal__section-heading{color:var(--grey-500)}.modal__section--focused .modal__section-heading{color:var(--dark-blue)}.modal__section--active .modal__section-heading,.modal__section--completed .modal__section-heading{color:var(--white)}.modal__section--carried-over .modal__task:last-of-type,.modal__section--focused .modal__task:last-of-type,.modal__section--active .modal__task:last-of-type,.modal__section--completed .modal__task:last-of-type{border-bottom:none}.modal__task--readonly{background-color:transparent;padding:.4em .8em}.modal__task-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;color:var(--dark-blue)}.modal__task-text--sliding .modal__task-inner{display:inline-block;transform:translate(var(--overflow));transition:transform var(--slide-duration, .5s) linear}.modal__task--strikethrough{text-decoration:line-through;opacity:.5}.modal__actions{display:flex;gap:.5em;flex-shrink:0;margin-left:.6em}.modal__action-icon{font-size:1.1rem;cursor:pointer;color:var(--dark-blue);transition:color .2s ease}.modal__action-icon:hover{color:var(--grey-400)}.modal__action-icon:active{transform:scale(.96)}.modal__action-icon--active{color:#16a34a}.modal__action-icon--disabled{opacity:.35;cursor:not-allowed}.modal__footer{display:flex;justify-content:flex-end;gap:.8em;margin-top:1em}.modal__btn{padding:.6em 1.6em;border:none;border-radius:3px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.modal__btn:active{transform:scale(.95)}.modal__btn--primary{background-color:var(--dark-blue);color:var(--white)}.modal__btn--primary:hover{opacity:.9}.modal__btn--muted{opacity:.5;cursor:not-allowed}.modal__btn--secondary{background-color:var(--grey-100);color:var(--grey-700)}.modal__btn--secondary:hover{background-color:var(--grey-200)}.modal__expand-toggle{display:flex;align-items:center;gap:.3em;background:none;border:none;color:var(--grey-500);font-size:.82rem;cursor:pointer;padding:.25em 0}.modal__expand-toggle:hover{color:var(--grey-700)}.modal__expand-toggle svg{font-size:1.1em;transition:transform .2s ease}.modal__expand-toggle--flipped{transform:rotate(180deg)}.modal__focus-badge{color:var(--focus-gold-darkline);margin-right:.35em;font-size:.85em}.modal__carry-over-status{display:flex;align-items:center;gap:.75em;padding:.5em 0;font-size:.85rem}.modal__carry-over-count{color:var(--grey-500)}.modal__carry-over-count--at-limit{color:var(--grey-700);font-weight:600}.modal__limit-message{color:#c53030;font-size:.82rem;animation:limitFadeIn .2s ease-out}@keyframes limitFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.header{position:relative;display:flex;align-items:center;justify-content:center;width:75%;max-width:1000px}.settings-trigger{position:absolute;right:0;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.3rem;color:var(--grey-400);cursor:pointer;padding:.3em;border-radius:3px;transition:color .2s ease}.settings-trigger:hover{color:var(--dark-blue)}.settings__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5em}.settings__close{display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--grey-400);cursor:pointer;transition:color .2s ease}.settings__close:hover{color:var(--dark-blue)}.settings__row{display:flex;align-items:center;justify-content:space-between;padding:.8em 0}.settings__row+.settings__row{border-top:1px solid var(--grey-100)}.settings__label{font-size:.95rem;color:var(--dark-blue)}.settings__stepper{display:flex;align-items:center;gap:.6em}.settings__stepper-btn{display:flex;align-items:center;justify-content:center;width:2em;height:2em;border:1px solid var(--grey-200);border-radius:3px;background-color:var(--white);color:var(--dark-blue);font-size:1rem;cursor:pointer;transition:all .15s ease}.settings__stepper-btn:hover:not(:disabled){background-color:var(--grey-50);border-color:var(--grey-300)}.settings__stepper-btn:active:not(:disabled){transform:scale(.95)}.settings__stepper-btn:disabled{opacity:.3;cursor:default}.settings__stepper-value{min-width:1.5em;text-align:center;font-size:1rem;color:var(--dark-blue);font-weight:600}