:root{--bg-main:#f3f2ee;--bg-input:#f9fafb;--bg-danger:#fee2e2;--text-main:#1f2937;--text-input:#111827;--text-danger:#ef4444;--border-color:#e5e7eb;--shadow-color:#111827;--spacing-xs:.1875rem;--spacing-sm:.3125rem;--gap-md:.625rem;--radius-md:.625rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);height:100vh;color:var(--text-main);margin:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}main{row-gap:var(--gap-md);grid-template-rows:repeat(4,auto);grid-template-columns:repeat(5,auto);display:grid}input,textarea{background-color:var(--bg-input);color:var(--text-input);border:solid 1px var(--border-color);padding:var(--spacing-xs)}button{cursor:pointer}button:active{box-shadow:0 1px 0px var(--shadow-color);transform:translateY(2px)}.flex-row,.flex-column{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.hidden{display:none}.danger-button{background-color:var(--bg-danger);color:var(--text-danger);height:auto;padding:var(--spacing-sm);border-radius:var(--radius-md)}:root{--border-spinner-base:#0000001a;--border-spinner-top:#3498db;--text-loader:#666;--size-spinner:2rem;--spacing-loader:2rem;--gap-loader:1rem;--font-size-loader:.9rem;--border-width-spinner:.1875rem}.loader-container{padding:var(--spacing-loader);justify-content:center;align-items:center;gap:var(--gap-loader);flex-direction:column;animation:.5s ease-in-out fadeIn;display:flex}.spinner{width:var(--size-spinner);height:var(--size-spinner);border:var(--border-width-spinner)solid var(--border-spinner-base);border-top:var(--border-width-spinner)solid var(--border-spinner-top);border-radius:50%;animation:.8s linear infinite spin}.loader-container p{font-size:var(--font-size-loader);color:var(--text-loader);font-family:sans-serif}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-card:#fff;--bg-item:#f5f5f0;--text-item:#262626;--border-color:#e5e7eb;--radius-xl:.9375rem;--spacing-md:.625rem;--spacing-lg:.9375rem}.todoList-qyMuIG{gap:var(--spacing-md);border:.0625rem solid var(--border-color);background-color:var(--bg-card);border-radius:var(--radius-xl);grid-area:4/3;height:50vh;list-style:none}.todoItem-g8j0wz{background-color:var(--bg-item);color:var(--text-item);padding:var(--spacing-md);border-radius:var(--radius-xl);justify-content:space-between;align-items:center}.todoItem-g8j0wz>*{gap:var(--spacing-lg);align-items:center;display:flex}:root{--bg-sort:#fff;--bg-option-hover:#f5f5f5;--border-sort:#eae2e2f6;--text-sort-primary:#000;--text-sort-label:#50545d;--text-sort-current:#1d1d1de9;--text-sort-icon:#9ca3af;--text-sort-success:#22c55e;--radius-sort:.5rem;--spacing-sort-xs:.25rem;--spacing-sort-sm:.375rem;--spacing-sort-md:.5rem;--border-width-sort:.125rem}.sortWrapper-hsXXYN{cursor:pointer;background-color:var(--bg-sort);border:var(--border-width-sort)solid var(--border-sort);border-radius:var(--radius-sort);padding:var(--spacing-sort-xs)var(--spacing-sort-md);align-items:center;gap:var(--spacing-sort-sm);color:var(--text-sort-primary);z-index:2;min-width:max-content;font-family:Inter,sans-serif;transition:background-color .2s;display:flex;position:relative}.icon-I7vnSp,.chevron-VKd7Zq{color:var(--text-sort-icon);display:inline-flex}.label-s4pBs7{color:var(--text-sort-label)}.currentText-CJXcKi{color:var(--text-sort-current)}.valueContainer-_cBBF5{top:100%;left:calc(var(--border-width-sort)*-1);right:calc(var(--border-width-sort)*-1);opacity:1;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-color:var(--bg-sort);border:var(--border-width-sort)solid var(--border-sort);border-bottom-left-radius:var(--radius-sort);border-bottom-right-radius:var(--radius-sort);z-index:1;border-top:none;flex-direction:column;width:auto;height:auto;display:flex;position:absolute}.option-HoD2uz{padding:var(--spacing-sort-md);cursor:pointer}.option-HoD2uz:hover>*{background-color:var(--bg-option-hover)}.selectedOption-XNkgJK{color:var(--text-sort-success);font-weight:600}:root{--bg-options:#fff;--radius-lg:.9375rem;--spacing-md:.9375rem}.optionBar-b2gFSz{padding:var(--spacing-md);background-color:var(--bg-options);border-radius:var(--radius-lg);grid-area:3/3;justify-content:space-between;align-items:center}:root{--bg-menu:#fff;--bg-button-add:#111827;--text-button-add:whitesmoke;--radius-xl:2.5rem;--spacing-md:1.25rem;--spacing-lg:1.875rem}.mainMenu-pI0b8G{width:-moz-fit-content;width:fit-content;padding:var(--spacing-md);background-color:var(--bg-menu);border-radius:var(--radius-xl);grid-area:2/3;justify-self:center}.heading-vU5JN8{padding:var(--spacing-lg);align-items:center}.todoInputs-Og9D2d{gap:var(--spacing-md)}.inputWrapper-pRsdGt{gap:var(--spacing-md);justify-content:space-around;display:flex}.addTodo-FmiWvb{background-color:var(--bg-button-add);color:var(--text-button-add);border:none}.status-message-PojSlC{align-self:center}:root{--bg-error:linear-gradient(#f851491a,#f851491a);--text-error:#b22b2b;--border-error:#f85149;--text-close:#f85149;--radius-sm:.375rem;--radius-md:.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--size-icon:1.75rem;--max-width-toast:16rem}.errorToast-jMxPhv{width:100%;max-width:var(--max-width-toast);padding:var(--spacing-md);border-radius:var(--radius-md);border:.0625rem solid var(--border-error);color:var(--text-error);background:var(--bg-error);grid-area:1/3;justify-self:center;align-items:center;font-size:1rem;display:flex}.messageWrapper-h0yIjq{align-items:center;gap:var(--spacing-sm);margin-right:auto;display:flex}.iconMain-LgQ6nP{width:var(--size-icon);aspect-ratio:1}.closeButton-GE_nBc{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-close);border:.0625rem solid var(--border-error);opacity:.4;cursor:pointer;transition:opacity .2s;display:flex}.closeButton-GE_nBc:hover{opacity:1}