.todo-page-container{color:#fff;background-color:#121212;min-height:100vh;font-family:Inter,sans-serif}.todo-title{margin-bottom:24px;font-size:28px;font-weight:700}.todo-input-row{gap:12px;margin-bottom:24px;display:flex}.todo-input{color:#fff;background-color:#1e1e1e;border:1px solid #333;border-radius:10px;flex-grow:1;padding:14px;font-size:16px}.todo-add-button{color:#fff;cursor:pointer;background-color:#7b61ff;border:none;border-radius:10px;padding:14px 20px;font-size:15px;transition:background .2s}.todo-add-button:hover{background-color:#6a4ee0}.todo-list{margin:0;padding:0;list-style:none}.todo-item{background-color:#1e1e1e;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 20px;transition:opacity .2s;display:flex}.todo-item.completed span{opacity:.5;text-decoration:line-through}.todo-item span{cursor:pointer}.delete-button{color:#ff6b6b;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px}.star-button{color:#555;cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:1.5rem;transition:color .3s}.star-button.top-task{color:gold}.back-button{color:#a991ff;cursor:pointer;background:0 0;border:none;margin-bottom:24px;font-size:16px;transition:color .2s}.back-button:hover{color:#d4c2ff}.back-button{background-color:#1c1c1e;border-radius:8px;align-self:flex-start;margin-bottom:16px;padding:10px 16px}.back-button-text{color:#fff;font-size:16px}