:root{font:16px/1.4 system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--form-control-color: rebeccapurple;--container-width: 90vw}@media (min-width: 768px){:root{--container-width: 90vw}}@media (min-width: 1200px){:root{--container-width: 85vw}}@media (min-width: 1400px){:root{--container-width: 80vw}}#root{margin:0 auto;isolation:isolate}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;display:flex;place-items:center;font:16px/1.4 system-ui,-apple-system,sans-serif}button,input,optgroup,select,textarea{font:inherit;margin:0}button,input{overflow:visible}*:focus{outline-offset:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font-family:inherit;font-size:100%;line-height:1.5;margin:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:2.2em;line-height:1.1}p{margin:0;padding:0}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._visually__hidden_14ec4_1:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._todo__input__wrapper_14ec4_11{width:100%;border:1px solid black;border-radius:8px;background:transparent;display:flex;align-items:center}@media (min-width: 1200px){._todo__input__wrapper_14ec4_11{max-width:420px;flex:1;height:48px}}._todo__input_14ec4_11{border:none;padding:0 6px;margin:0;width:inherit;display:flex;height:40px;align-items:center;gap:6px}._todo__input_14ec4_11 textarea{height:32px;width:100%;border:none;resize:none;line-height:1.8}._todo__input_14ec4_11 textarea:focus{outline:none}._list__wrapper_9q5cj_1{display:grid;grid-template-columns:1fr;gap:36px;padding:4em 0;max-width:var(--container-width);width:100%}@media (min-width: 750px){._list__wrapper_9q5cj_1{gap:24px;grid-template-columns:1fr 1fr;grid-column:auto;grid-row:auto}}@media (min-width: 1440px){._list__wrapper_9q5cj_1{gap:36px}}@media (min-width: 1440px){._list__wrapper_9q5cj_1{grid-template-columns:1fr 1fr 1fr}}@keyframes _toast_9q5cj_31{0%{transform:translate(calc(100% + 64px))}}._toast__wrapper_9q5cj_31{animation:_toast_9q5cj_31 .8s cubic-bezier(0,.46,0,1.04) both;will-change:transform}._visually__hidden_lw2xl_1:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._card_lw2xl_11{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;padding:1rem;border-radius:8px;height:132px;min-width:324px;max-width:680px}._card_lw2xl_11._inactive_lw2xl_22{background:#f0f8ff}._card_lw2xl_11._on__going_lw2xl_26{background-color:#7fffd4}._card_lw2xl_11._paused_lw2xl_30{background-color:gold}._card_lw2xl_11._done_lw2xl_34{background-color:#f8f8ff}._hiddenControlButton_lw2xl_39{opacity:0}._card_lw2xl_11:hover ._showControlButton_lw2xl_44{opacity:1}._task__wrapper_lw2xl_48{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:0;align-items:center}._hidden_lw2xl_39{display:none}._marked_lw2xl_60{text-decoration-line:line-through;text-decoration-color:var(--form-control-color)}._task__wrapper_lw2xl_48 button{width:36px;height:36px;border-radius:50%;justify-self:end}._card__wrapper_lw2xl_72{display:flex;min-width:250px;max-width:600px;justify-content:flex-start;gap:8px}@media (min-width: 750px){._card__wrapper_lw2xl_72{width:100%}}._task__content_lw2xl_84{grid-row:1;grid-column:1 / 3;display:flex;gap:16px;width:100%;align-items:center}._options__wrapper_lw2xl_93{grid-row:2;border-top:1px solid rgba(0,0,0,.195);padding-top:8px}._options_lw2xl_93{display:grid;justify-self:end}._delete__button_lw2xl_104{background-color:transparent;border:unset}._delete__button_lw2xl_104:hover{outline:none}._visually__hidden_1ue2x_1:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._input__wrapper_1ue2x_11{height:32px;min-width:250px;max-width:600px}._input__wrapper_1ue2x_11 textarea{width:auto;min-width:18em;height:2em;overflow:auto;line-height:1.8;border:none;resize:both;outline:none;transition:border-color .2s ease-in-out;padding:0}@media (min-width: 700px){._input__wrapper_1ue2x_11 textarea{min-width:32em}}._card_1ue2x_34 textarea:focus{box-shadow:0 0 0 3px #159ce466;padding:0}._visually__hidden_1t5a5_1:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._check__wrapper_1t5a5_11{height:32px;display:flex;align-items:center}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;width:16px;height:16px;border-radius:50%;transform:translateY(-.005em);display:grid;place-content:center}input[type=checkbox]:before{content:"";width:14px;height:14px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color);background-color:var(--form-control-color)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus{outline:max(2px,.15em) solid var(--form-control-color);outline-offset:max(2px,.15em)}._control__button_1d9h8_1{border-radius:50%;width:42px;height:42px;padding:.5em;display:inherit;justify-content:center;align-items:center;border:none}._hidden_1d9h8_11{visibility:hidden}._visually__hidden_197kw_1:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}._toast_197kw_11{position:relative;display:flex;align-items:center;gap:16px;border-radius:16px;color:#000;color-scheme:light;max-width:100%;width:350px;box-shadow:var(--shadow-elevation-medium)}._content_197kw_24{flex:1;padding:12px 0;font-weight:600}._icon__container_197kw_30{flex-shrink:0;padding:24px 0 24px 16px}._icon__container_197kw_30 svg{display:block}._close_button_197kw_39{flex-shrink:0;border:none;background-color:transparent;padding:16px;cursor:pointer}._success_197kw_47{background:#ecfeec}._success_197kw_47 ._iconContainer_197kw_50{color:#12a112}main{display:flex;flex-direction:column;height:100vh;width:var(--container-width);transition:none}._todo__timer__wrapper_1x67w_9{display:flex;flex-direction:column-reverse;justify-content:space-between;gap:40px}@media (min-width: 1200px){._todo__timer__wrapper_1x67w_9{flex-direction:row;align-items:baseline}}h1{color:#639;text-align:left;padding:1em 0;transition:none}._countdown__wrapper_1ou73_1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:246px}@media (min-width: 1200px){._countdown__wrapper_1ou73_1{width:346px}}._controls__wrapper_1ou73_16{display:flex;gap:16px}._controls__wrapper_1ou73_16 button{border-radius:50%;width:42px;height:42px;padding:.5em;display:flex;justify-content:center;align-items:center}._timer__wrapper_8hfi2_1{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:.5rem}._time__wrapper_8hfi2_9{display:block}._time__wrapper_8hfi2_9 span{align-items:flex-end}._divider_8hfi2_17{display:inline}._divider_8hfi2_17,._time__wrapper_8hfi2_9 span:first-of-type{font-size:84px}@media (min-width: 1200px){._divider_8hfi2_17,._time__wrapper_8hfi2_9 span:first-of-type{font-size:120px}}._time__wrapper_8hfi2_9 span:last-of-type{display:flex;justify-content:flex-end;font-size:16px}