._wrapper_lhk23_1{position:fixed;bottom:0;left:0;--wrapperSize: clamp(4em, 3vmax, 7em);padding:1em 2em;width:100%;display:grid;--_size: 1.5rem;place-items:center}._btns_lhk23_13{display:flex;gap:1em}._picker_lhk23_18:focus{outline:none}._picker_lhk23_18{appearance:none;-webkit-appearance:none;outline:none;height:calc(var(--wrapperSize) * .2);width:100%;border:.2em solid hsl(var(--muted));box-shadow:0 0 .8em hsl(var(--accent) / .4);border-radius:100vmax;background:linear-gradient(to right,hsl(0,50%,50%),hsl(25,50%,50%),hsl(50,50%,50%),hsl(75,50%,50%),hsl(100,50%,50%),hsl(125,50%,50%),hsl(150,50%,50%),hsl(175,50%,50%),hsl(200,50%,50%),hsl(225,50%,50%),hsl(250,50%,50%),hsl(275,50%,50%),hsl(300,50%,50%),hsl(325,50%,50%),hsl(350,50%,50%))}._picker_lhk23_18::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:calc(var(--wrapperSize) * .35);width:calc(var(--wrapperSize) * .35);border:none;box-shadow:0 0 0 .25em hsl(var(--muted)),0 0 0 -.4em hsl(var(--accent) / .8);border-radius:100vmax;background-color:hsl(var(--accent));cursor:ew-resize}._picker_lhk23_18:focus::-webkit-slider-thumb{box-shadow:0 0 0 .25em hsl(var(--muted)),0 0 0 .45em hsl(var(--accent) / .8)}._close_lhk23_69{position:absolute;top:-2em;left:50%;transform:translate(-50%,-50%)}._container_4xt12_1{padding:0;margin:0;width:0;height:0}._toast_4xt12_8{position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;background-color:#fff}._toast-message_4xt12_22{margin-bottom:8px}._toast-button_4xt12_26{border:1px solid #8885;outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}._task_2517s_1{display:flex;align-items:center;justify-content:space-between;gap:.6em;font-size:var(--_size);border:.2em solid hsl(var(--muted) / .8);padding:.6em;border-radius:calc(var(--_radius) * 2)}._task-group_2517s_12{display:flex;align-items:center;--taskgroup-gap: .5em;gap:var(--taskgroup-gap)}._label_2517s_19{position:relative;cursor:pointer;text-align:left;line-height:1.4}._checkbox_2517s_26{flex-shrink:0;appearance:none;width:1em;height:1em;background-color:hsl(var(--muted));border-radius:var(--_radius);box-shadow:0 0 .5em hsl(var(--accent) / .1),0 0 0 .05em hsl(var(--accent) / .5),0 0 0 -.2em hsl(var(--accent));transition:box-shadow var(--_tspeed_fast) ease-in-out,background-color 80ms ease-in-out}._checkbox_2517s_26:focus{outline:none}._checkbox_2517s_26:is(:focus-visible,:hover){box-shadow:0 0 0 hsl(var(--bg)),0 0 0 .05em hsl(var(--accent)),0 0 0 .225em hsl(var(--accent) / .3)}._checkmark_2517s_49{content:"";position:absolute;width:1em;height:1em;display:grid;place-items:center;top:50%;color:hsl(var(--muted));border-radius:var(--_radius);transform:translate3d(calc(-100% - var(--taskgroup-gap)),-50%,0);transition:background-color 80ms ease-in-out}._checkmark_2517s_49 svg{width:.75em;height:.75em}._checkbox_2517s_26:checked{background-color:hsl(var(--accent))}._checkbox_2517s_26:checked+label{text-decoration:line-through;opacity:.7}._delete_2517s_77{--accent: var(--accent1)}._loading_2517s_81{color:hsl(var(--accent));font-size:var(--_size);font-weight:700;animation:_pulse_2517s_1 2s infinite ease-in-out}@keyframes _pulse_2517s_1{0%,to{opacity:1}50%{opacity:.5}}._error_2517s_99{color:hsl(var(--accent1));font-size:var(--_size);text-align:center}._tasks_1kfso_1{display:grid;gap:1.5em;max-width:65ch;list-style:none}._container_eh3fc_1{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:65ch}._header_eh3fc_9{display:flex;flex-direction:column;gap:.5rem}._header_eh3fc_9 h1{font-size:2rem;font-weight:700;margin:0}._stats_eh3fc_21{font-size:.9rem;color:hsl(var(--txt) / .5)}._actions_eh3fc_26{display:flex;flex-wrap:wrap;gap:.75rem}._home-btn_eh3fc_32,._save-btn_eh3fc_33,._saved-btn_eh3fc_34{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;border-radius:var(--_radius);border:.15em solid hsl(var(--accent));background-color:hsl(var(--bg));color:hsl(var(--accent));cursor:pointer;transition:all .2s ease}._home-btn_eh3fc_32:hover,._save-btn_eh3fc_33:hover{background-color:hsl(var(--accent));color:hsl(var(--bg))}._saved-btn_eh3fc_34{background-color:hsl(var(--accent) / .2);color:hsl(var(--accent));cursor:default;opacity:.7}._task-list_eh3fc_61{font-size:var(--_size);line-height:1.8;text-align:left;padding:0 .5rem}._task_eh3fc_61{color:hsl(var(--txt))}._task-done_eh3fc_72{text-decoration:line-through;color:hsl(var(--txt) / .5)}._share-btn_11oax_1{display:flex;align-items:center;gap:.4em}._share-btn_11oax_1:disabled{opacity:.5;cursor:not-allowed}._share-text_11oax_12{font-size:.9rem}@media (max-width: 480px){._share-text_11oax_12{display:none}}._dropdown_12td2_1{position:relative}._dropdown-btn_12td2_5{display:flex;align-items:center;justify-content:center}._dropdown-menu_12td2_11{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;min-width:200px;max-width:280px;background-color:hsl(var(--bg));border:.15em solid hsl(var(--accent) / .3);border-radius:var(--_radius);box-shadow:0 .5em 1em hsl(var(--muted) / .3);z-index:100;overflow:hidden}._header_12td2_27{padding:.75rem 1rem;font-weight:600;font-size:.85rem;color:hsl(var(--txt) / .7);border-bottom:.1em solid hsl(var(--accent) / .2)}._list_12td2_35{list-style:none;margin:0;padding:.25rem 0;max-height:300px;overflow-y:auto}._item_12td2_43{display:flex;align-items:center;justify-content:space-between;padding:0}._item-btn_12td2_50{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.6rem 1rem;background:none;border:none;cursor:pointer;text-align:left}._item-btn_12td2_50:hover{background-color:hsl(var(--accent) / .1)}._item-name_12td2_67{font-size:.9rem;color:hsl(var(--txt))}._item-count_12td2_72{font-size:.75rem;color:hsl(var(--txt) / .5)}._item-delete_12td2_77{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;cursor:pointer;color:hsl(var(--txt) / .5);transition:color .2s}._item-delete_12td2_77:hover{color:hsl(var(--accent1))}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}button{font:inherit;border:none;cursor:pointer}input,label{font:inherit}:root{--_hue: 270;--_size: 1.8rem;--_radius: .2em;--_tspeed_fast: .18s;--_tspeed_slow: .3s;--_ttype_squish: cubic-bezier(.86, -.1, .27, 1.15);--bg--light: var(--_hue) 30% 94%;--txt--light: var(--_hue) 40% 5%;--accent--light: var(--_hue) 55% 50%;--accent1--light: 10 80% 60%;--muted--light: var(--_hue) 30% 99%;--bg--dark: var(--_hue) 15% 10%;--txt--dark: var(--_hue) 30% 88%;--accent--dark: var(--_hue) 50% 50%;--accent1--dark: 10 55% 50%;--muted--dark: var(--_hue) 20% 4%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-color-scheme: dark){:root{--bg: var(--bg--dark);--txt: var(--txt--dark);--accent: var(--accent--dark);--accent1: var(--accent1--dark);--muted: var(--muted--dark);color-scheme:dark}}@media (prefers-color-scheme: light){:root{--bg: var(--bg--light);--txt: var(--txt--light);--accent: var(--accent--light);--accent1: var(--accent1--light);--muted: var(--muted--light);color-scheme:light}}[color-scheme=dark]{--bg: var(--bg--dark);--txt: var(--txt--dark);--accent: var(--accent--dark);--accent1: var(--accent1--dark);--muted: var(--muted--dark);color-scheme:dark}[color-scheme=light]{--bg: var(--bg--light);--txt: var(--txt--light);--accent: var(--accent--light);--accent1: var(--accent1--light);--muted: var(--muted--light);color-scheme:light}@media screen and (max-width: 768px){:root{--_size: 1.3rem}}@media (prefers-reduced-motion: reduce){:root{--_tspeed_slow: 50ms;--_tspeed_fast: 50ms}}body{min-height:100vh;display:grid;justify-items:center;font-family:Albert Sans,system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:hsl(var(--bg));color:hsl(var(--txt))}::selection{background:hsl(var(--accent) / .8);color:hsl(var(--bg))}h1{font-size:calc(var(--_size) * 1.3);text-align:center}.container{margin:4vmax max(calc((100vw - 70rem)/2),1.5rem) 6em;display:grid;gap:clamp(2rem,3.5vmax,8rem);text-align:center}hr{border:0;height:.4em;background-color:hsl(var(--accent) / .5);border-radius:var(--_radius)}.btn{max-width:-moz-fit-content;max-width:fit-content;display:flex;place-items:center;gap:.5em;background-color:hsl(var(--accent));color:hsl(var(--bg));text-decoration:none;padding:.5em;border-radius:var(--_radius);box-shadow:.05em .1em .9em hsl(var(--accent) / .3),0 0 0 -.1em hsl(var(--bg)),0 0 0 -.2em hsl(var(--accent));transition:box-shadow var(--_tspeed_fast) var(--_ttype_squish),background-color var(--_tspeed_fast) var(--_ttype_squish)}.btn :where(svg,img,span){pointer-events:none}.btn :where(svg,img){width:var(--_size);height:var(--_size)}.btn:where(:active,:hover){background-color:hsl(var(--accent) / .7);box-shadow:0 0 0 hsl(var(--accent) / .3),0 0 0 -.1em hsl(var(--bg)),0 0 0 -.2em hsl(var(--accent))}.btn:focus{outline:none}.btn:focus-visible{box-shadow:0 0 0 hsl(var(--accent) / .3),0 0 0 .2em hsl(var(--bg)),0 0 0 .4em hsl(var(--accent) / .7)}.todo{display:flex;gap:.5em;font-size:var(--_size);text-align:left}.wrapper{flex:1 1 100%;position:relative;display:grid;gap:.2em}.label{text-transform:uppercase;font-size:.7em;pointer-events:none;letter-spacing:.05em;margin-inline:.45em;position:absolute;top:50%;transform:translateY(-50%);padding:.1em .35em;background-color:hsl(var(--muted));transition:transform var(--_tspeed_fast) var(--_ttype_squish),background-color var(--_tspeed_fast) var(--_ttype_squish)}.input{border:none;border-radius:var(--_radius);padding:.35em .55em;width:100%;background-color:hsl(var(--muted));caret-color:hsl(var(--accent));box-shadow:0 0 0 -.1em hsl(var(--bg)),0 0 0 -.2em hsl(var(--accent) / .8);transition:box-shadow var(--_tspeed_fast) var(--_ttype_squish)}.input:focus{outline:none;box-shadow:0 0 0 .2em hsl(var(--bg)),0 0 0 .4em hsl(var(--accent) / .8)}.input:focus~.label,.input:not(:placeholder-shown)~.label{transform:translate3d(0,-3em,0);background-color:hsl(var(--bg));color:hsl(var(--accent) / .8)}.input::placeholder{opacity:0}[role=dialog]{position:fixed;z-index:100;inset:0;padding-inline:2vmax;display:grid;place-items:center;background-color:hsl(var(--bg) / .7)}[role=dialog] .todo{max-width:40ch;padding:2em 1.3em 1.3em;background-color:hsl(var(--bg));border-radius:var(--_radius);border:.1em solid hsl(var(--accent) / .3);box-shadow:0 -1em 3em hsl(var(--muted)),0 1em 3em hsl(var(--accent) / .2)}