:root{--color-neutral-050:#f3f3f3;--color-neutral-100:#e7e7e7;--color-neutral-200:#dadada;--color-neutral-300:#bcbcbc;--color-neutral-400:#a0a0a0;--color-neutral-500:#7e7e7e;--color-neutral-600:#616161;--color-neutral-700:#454545;--color-neutral-800:#272727;--color-neutral-900:#191919;--color-neutral-950:#101010;--color-blue-050:#f0f4f9;--color-blue-100:#e0e8f3;--color-blue-200:#cfdbed;--color-blue-300:#a8bddd;--color-blue-400:#84a1cf;--color-blue-500:#577fbe;--color-blue-600:#2e60ae;--color-blue-700:#0c4194;--color-blue-800:#072554;--color-blue-900:#051938;--color-blue-950:#031023;--color-orange-050:#fdf2e9;--color-orange-100:#fae3d1;--color-orange-200:#f8d3b7;--color-orange-300:#f1ad78;--color-orange-400:#eb8638;--color-orange-500:#c66316;--color-orange-600:#994c11;--color-orange-700:#6d370c;--color-orange-800:#3e1f07;--color-orange-900:#291505;--color-orange-950:#190d03;--color-red-050:#fff0f0;--color-red-100:#ffe0e0;--color-red-200:#ffcece;--color-red-300:#febaba;--color-red-400:#fe7575;--color-red-500:#f32b2b;--color-red-600:#bd2222;--color-red-700:#881818;--color-red-800:#4f0e0e;--color-red-900:#360a0a;--color-red-950:#230606;--color-green-050:#eaf8df;--color-green-100:#d3f0bc;--color-green-200:#b9e894;--color-green-300:#82cf45;--color-green-400:#6fb13b;--color-green-500:#588c2f;--color-green-600:#446c24;--color-green-700:#304d1a;--color-green-800:#1b2b0e;--color-green-900:#121c0a;--color-green-950:#0b1106;--color-purple-050:#f7f1fd;--color-purple-100:#efe2fb;--color-purple-200:#e7d2f9;--color-purple-300:#d2adf3;--color-purple-400:#be89ee;--color-purple-500:#a55ae7;--color-purple-600:#8826e0;--color-purple-700:#621ba2;--color-purple-800:#390f5d;--color-purple-900:#260a3f;--color-purple-950:#180728;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary-background-color:var(--color-neutral-050);--secondary-background-color:var(--color-neutral-100);--muted-background-color:var(--color-neutral-200);--primary-text-color:var(--color-neutral-900);--muted-text-color:var(--color-neutral-600);--disabled-text-color:var(--color-neutral-400);--primary-button-bg-color:var(--color-blue-700);--primary-button-bg-color-hover:var(--color-blue-800);--secondary-button-bg-color:var(--color-orange-600);--secondary-button-bg-color-hover:var(--color-orange-700);--color-danger:var(--color-red-600);--space-xxs:.35rem;--space-xs:.6rem;--space-s:.8rem;--space-m:1rem;--space-l:1.2rem;--space-xl:1.6rem;--space-xxl:2.2rem;--section-border-color:var(--muted-background-color);--section-border:1px solid var(--section-border-color);--ff-base:system-ui, "Segoe UI", Roboto, sans-serif;--ff-accent:"Young Serif", serif;--ff-mono:ui-monospace, Consolas, monospace;--fw-regular:500;--fw-bold:600;--fw-black:700;--fs-200:.8rem;--fs-300:1rem;--fs-400:1.125rem;--fs-500:1.375rem;--fs-600:1.75rem;--fs-700:2.25rem;font-family:var(--ff-base), sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary-background-color:var(--color-neutral-950);--secondary-background-color:var(--color-neutral-900);--muted-background-color:var(--color-neutral-800);--primary-text-color:var(--color-neutral-100);--muted-text-color:var(--color-neutral-400);--disabled-text-color:var(--color-neutral-600);--primary-button-bg-color:var(--color-blue-700);--primary-button-bg-color-hover:var(--color-blue-600);--secondary-button-bg-color:var(--color-orange-700);--secondary-button-bg-color-hover:var(--color-orange-600);--color-danger:var(--color-red-500)}:root[data-theme=orange]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary-background-color:var(--color-orange-400);--muted-background-color:var(--color-orange-300);--primary-button-bg-color:var(--color-orange-700);--primary-button-bg-color-hover:var(--color-orange-600);--secondary-button-bg-color:var(--color-green-700);--secondary-button-bg-color-hover:var(--color-green-600)}*,:before,:after{box-sizing:border-box}*{min-width:0;margin:0;padding:0}html{scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;text-rendering:optimizelegibility}body{line-height:1.5}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance;line-height:1.1}p{overflow-wrap:break-word;text-wrap:pretty}img,picture,video,canvas,svg,embed,iframe,object,audio{max-width:100%;height:auto;display:block}svg[width][height]{max-width:revert}button,input,select{background:0 0;border:none}input,button,textarea,select{font:inherit;appearance:none}button,[role=button],label,summary,select,input{cursor:pointer}:is(button,[role=button],label,summary,select,input):disabled{cursor:not-allowed}a{color:inherit}ul,ol{list-style:none}pre,code,kbd,samp{font-family:var(--ff-mono), monospace;font-size:inherit}#root{isolation:isolate}html{background-color:var(--secondary-background-color);color:var(--primary-text-color);height:100%}body{height:100%}#root{background-color:var(--primary-background-color);flex-direction:column;max-width:1200px;height:100%;margin:0 auto;display:flex}.main{flex-direction:column;flex-grow:1;min-height:0;display:flex}.main .checklist-header,.main .todo-list,.main .add-item{padding:1rem 2rem}@media (width<=620px){.main .checklist-header,.main .todo-list,.main .add-item{padding:.4rem .8rem}}.main .todo-list{flex-grow:1;min-height:0;overflow-y:auto}@media (width>=900px){#root{flex-direction:row}.sidebar{max-width:calc(var(--_max-width));border-block-end:none}main{border-inline-start:var(--section-border,none)}}input[type=checkbox]{--_border-color:var(--primary-text-color);--_checkmark-color:var(--primary-button-bg-color);--_width:1.6rem;width:var(--_width);height:var(--_width);border:1px solid var(--_border-color);border-radius:.35rem;place-content:center;display:grid}input[type=checkbox]:before{content:"";width:var(--_width);height:var(--_width);clip-path:polygon(7% 53%,16% 45%,32% 61%,80% 12%,89% 21%,32% 82%);background-color:var(--_checkmark-color);transition:transform .12s ease-in-out;transform:scale(0)}input[type=checkbox]:checked{--_border-color:var(--primary-button-bg-color)}input[type=checkbox]:checked:before{transform:scale(.8)}input[type=checkbox]:disabled{--_border-color:var(--disabled-text-color);--_checkmark-color:var(--_border-color)}.filled-button{--_bg:var(--primary-button-bg-color);--_bg-hover:var(--primary-button-bg-color-hover);--_bg-active:var(--_bg-hover);background-color:var(--_bg);color:contrast-color(var(--_bg));border-radius:.35rem;padding:.125rem .5rem;transition:all .22s}.filled-button:hover,.filled-button:focus-visible{background-color:var(--_bg-hover);color:contrast-color(var(--_bg-hover))}.filled-button.active{background-color:var(--_bg-active);color:contrast-color(var(--_bg-active))}.filled-button.secondary{--_bg:var(--secondary-button-bg-color);--_bg-hover:var(--secondary-button-bg-color-hover)}.filled-button:disabled{--_bg:var(--muted-text-color);--_bg-hover:var(--muted-text-color);color:var(--disabled-text-color)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.center{padding:var(--space-xxl);flex:1;justify-content:center;align-items:center;display:flex}.sidebar{--_max-width:18rem;border-block-end:var(--section-border,none)}.sidebar-title{padding:1rem}.sidebar-body{grid-template-columns:repeat(auto-fit, minmax(min(var(--_max-width), 100%), 1fr));gap:var(--space-l);border-block-start:var(--section-border,none);padding:.6rem .8rem;display:grid}.sidebar-list-title,.sidebar-item{align-items:center;gap:var(--space-xs);text-align:start;grid-template-columns:1fr auto;padding:.6rem .8rem;display:grid}.sidebar-list-title{color:var(--muted-text-color);font-family:var(--ff-mono), monospace;text-transform:uppercase;font-size:var(--fs-200);font-weight:var(--fw-bold)}.sidebar-list-title button{color:inherit;padding:var(--space-xxs)}.sidebar-list-title button:hover{color:var(--primary-text-color)}.sidebar-items{flex-direction:column;gap:.125rem;display:flex}.sidebar-item{--_bg:none;--_bg-hover:var(--disabled-text-color);--_bg-active:var(--primary-text-color)}.sidebar-item svg{opacity:0;color:var(--muted-text-color)}.sidebar-item:hover svg{opacity:1}.todo-item{--_mix_percent:30%;align-items:center;gap:var(--space-xs);padding-inline:var(--space-m);padding-block:var(--space-xs);border-radius:var(--space-s);transition:all .12s ease-in;display:flex}.todo-item:hover,.todo-item:focus-within{background-color:var(--muted-background-color)}:is(.todo-item:hover,.todo-item:focus-within) .todo-actions{opacity:1}.todo-item.disabled{--_mix_percent:80%;color:var(--disabled-text-color)}.todo-item .todo-index{color:color-mix(in srgb, var(--primary-text-color), var(--primary-background-color) var(--_mix_percent))}.todo-item .todo-name{flex:1}.todo-item .todo-actions{opacity:0;transition:inherit}.todo-item .todo-actions button{color:inherit;padding:var(--space-xxs)}.todo-item .todo-actions svg{width:1rem}.todo-item .todo-actions .disable:hover,.todo-item .todo-actions .disable:focus-within{color:var(--muted-text-color)}.todo-item .todo-actions .delete:hover,.todo-item .todo-actions .delete:focus-within{color:var(--color-danger,red)}.checklist-header{border-block-end:var(--section-border,none)}.checklist-info div{gap:var(--space-s);flex-wrap:wrap;display:flex}.checklist-settings-buttons{flex-wrap:wrap;gap:.5rem;display:flex;overflow:visible}.add-item{border-block-start:var(--section-border)}.add-item-button{gap:var(--space-xxs);border:1px solid var(--muted-background-color);background-color:var(--secondary-background-color);border-radius:.5rem;flex-wrap:nowrap;justify-content:center;align-items:center;padding:.2rem .75rem;display:flex}.add-item-button input{outline:none;flex:1}.add-item-button:focus-within{outline:auto}.add-item-button button{transform:scale(.8)}